Completely rewrote options script.

public/css/app.css

@@ -8901,6 +8901,20 @@ input[type="checkbox"]:disabled:checked:after,
 .carousel-caption h6 {
   color: inherit;
 }
+.alert-enter {
+  opacity: 0.01;
+  transition: opacity 1s ease-in;
+}
+.alert-enter.alert-enter-active {
+  opacity: 1;
+}
+.alert-leave {
+  opacity: 1;
+  transition: opacity 1s ease-in;
+}
+.alert-leave.alert-leave-active {
+  opacity: 0.01;
+}
 body {
   min-width: 357px;
 }

public/js/bundle.js

@@ -375,10 +375,10 @@ var WakaTimeOriginal = require('../core/WakaTime');
 var changeExtensionState = require('../helpers/changeExtensionState');
 
 var WakaTime = (function (_React$Component) {
-    function WakaTime() {
+    function WakaTime(props) {
         _classCallCheck(this, WakaTime);
 
-        _get(Object.getPrototypeOf(WakaTime.prototype), 'constructor', this).call(this);
+        _get(Object.getPrototypeOf(WakaTime.prototype), 'constructor', this).call(this, props);
 
         this.state = {
             user: {
@@ -557,7 +557,11 @@ var config = {
     // The user is considered idle if there was
     // no activity in the browser for x seconds
     detectionIntervalInSeconds: 60,
-    //default logging type
+    // Default logging style
+    // Log all except blacklisted sites
+    // or log only the white listed sites.
+    loggingStyle: 'blacklist',
+    // Default logging type
     loggingType: 'domain',
     // By default logging is enabled
     loggingEnabled: true,
@@ -585,7 +589,17 @@ var config = {
     // Default theme
     theme: 'light',
     // Valid extension states
-    states: ['allGood', 'notLogging', 'notSignedIn', 'blacklisted', 'whitelisted']
+    states: ['allGood', 'notLogging', 'notSignedIn', 'blacklisted', 'whitelisted'],
+    alert: {
+        success: {
+            type: 'success',
+            text: 'Options have been saved!'
+        },
+        failure: {
+            type: 'danger',
+            text: 'There was an error while saving the options!'
+        }
+    }
 };
 
 exports['default'] = config;

public/js/events.js

@@ -109,7 +109,11 @@ var config = {
     // The user is considered idle if there was
     // no activity in the browser for x seconds
     detectionIntervalInSeconds: 60,
-    //default logging type
+    // Default logging style
+    // Log all except blacklisted sites
+    // or log only the white listed sites.
+    loggingStyle: 'blacklist',
+    // Default logging type
     loggingType: 'domain',
     // By default logging is enabled
     loggingEnabled: true,
@@ -137,7 +141,17 @@ var config = {
     // Default theme
     theme: 'light',
     // Valid extension states
-    states: ['allGood', 'notLogging', 'notSignedIn', 'blacklisted', 'whitelisted']
+    states: ['allGood', 'notLogging', 'notSignedIn', 'blacklisted', 'whitelisted'],
+    alert: {
+        success: {
+            type: 'success',
+            text: 'Options have been saved!'
+        },
+        failure: {
+            type: 'danger',
+            text: 'There was an error while saving the options!'
+        }
+    }
 };
 
 exports['default'] = config;