PUSH

popup.js

@@ -1,19 +1,49 @@
-var status = "on";
 var exception = "off";
+var resultFormRestore;
+
+function saveOptions(key, result) {
+   console.log("Save with key"+key+" the result: "+result);
+    browser.storage.local.set({
+      key: result
+    });
+};
+
+function restoreOptions(key)
+{
+  resultFormRestore = null;
+  function setCurrentChoise(_result)
+  {
+    console.log("Reload config with key: "+key+" and result: ");
+    resultFormRestore = _result;
+    console.log(resultFormRestore);
+  };
+
+  function onError(error) {
+    console.log(`Error: ${error}`);
+  };
+
+  var getting = browser.storage.local.get(key);
+  getting.then(setCurrentChoise, onError);
+  return resultFormRestore;
+}
 
   function changeStatus(){
-    var element = $("#statusBtn");
-    var val = "Global Enable";
+    var status = restoreOptions("globalStatus");
+    console.log("status: "+status);
+    var element = $("#globalStatus");
 
-    if(status == "on"){
-      val = " Global Disable";
-      status = "off";
-      element.removeClass().addClass("disable");
+    if(status == null){
+      saveOptions("globalStatus", true);
+      status = true;
+    }    
+
+    if(status){
+      status = saveOptions("globalStatus", false);
+      element.removeClass().addClass("status statusDisabled");
     }else{
-      status = "on";
-      element.removeClass().addClass("enable");
+      status = saveOptions("globalStatus", true);
+      element.removeClass().addClass("status statusEnabled");
     }
-    element.html(val);
   };
 
   function handleException(){
@@ -32,6 +62,6 @@ var exception = "off";
   };
 
 $(document).ready(function(){
-  $("#status").on("click", changeStatus);
+  $("#globalStatus").on("click", changeStatus);
   $("#exception").on("click", handleException);
 });