Added reset button, removed share button

css/style.css

@@ -75,6 +75,7 @@ a:hover {
  * Share button
  */
 .share {
+  visibility: hidden;
   font-size: 16px;
 }
 
@@ -158,10 +159,11 @@ a:hover {
 
 .controls__save input {
   font-size: 18px;
+  margin-right: 10px;
 }
 
 .controls__remove-draft {
-  margin-left: 15px;
+  
 }
 
 

lib/popup.js

@@ -15,6 +15,7 @@
             includeMask: $('#screen-mask'),
             sourceEditor: $('#ace-editor'),
             saveBtn: $('#save'),
+            resetBtn: $('#reset'),
             draftRemoveLink: $('#draft-remove')
         },
         title: {
@@ -98,7 +99,7 @@
                 this.setMode(this.MODE.private);
                 this._setData(JSON.parse(localStorage.getItem(this.key) || "{}"));
                 
-                this.setMode(this.MODE.global);
+                this.setMode(this.MODE.global);                
                 this._setData(JSON.parse(localStorage.getItem(this.key) || "{}"));
             },
             _getData: function(key) {
@@ -170,6 +171,7 @@
                 }
                 else {
                     localStorage.removeItem(this.key);
+                    this._setData({});
                 }
             }
         },
@@ -182,7 +184,7 @@
                 if( !response || typeof response.host !== 'string' ) {
                     popup.error();
                     return;
-                }
+                }                
 
                 /** 
                  * Create 'hosts select'
@@ -190,6 +192,9 @@
 
                 popup.host = response.host;
                 popup.protocol = response.protocol;    
+
+                // Load storage (global, local) IMPORTANT: Must be called first of all storage operations                
+                popup.storage.load();
                 
                 // Set storage to store data accessible from all hosts
                 popup.storage.setMode(popup.storage.MODE.global);
@@ -339,6 +344,28 @@
 
             return false;
         },
+        reset: function(e) {
+            e.preventDefault();
+            
+            if( confirm('Do you really want all away?') ) {
+                popup.storage.setMode(popup.storage.MODE.private);
+                popup.storage.remove();
+
+                chrome.tabs.sendRequest(popup.tabId, {method: "removeData", reload: false});
+                popup.applyData({
+                    config: {
+                        enable: false,
+                        include: '',
+                        extra: ''
+                    },
+                    source: ''
+                });
+
+                popup.removeDraft();
+            }
+
+            return false;
+        },
         error: function() {
             alert('err');
         }
@@ -346,11 +373,6 @@
 
     window.popup = popup;
 
-    /**
-     * Load storage (global, local) IMPORTANT: Must be called first of all
-     */
-    popup.storage.load();
-
     /**
      * Add titles to elements
      */
@@ -431,23 +453,39 @@
 
     setInterval(function() {
         var draft = popup.getCurrentData(),
-            source = draft.source;        
+            source = draft.source;
+        
         if( (source || !popup.data.source) && source !== popup.data.source ) {
 
             popup.storage.setMode(popup.storage.MODE.private);
             popup.storage.set('draft', draft);
             
             // Auto switch 'enable checkbox' on source edit
-            popup.el.enableCheck.prop('checked', true);
+            if( !popup.el.enableCheck.hasClass('not-auto-change') ) {
+                popup.el.enableCheck.prop('checked', true);
+            }
         }
     }, 2000);
 
+    /**
+     * Protect 'enable checkbox' if was manually modified
+     */
+    popup.el.enableCheck.on('click', function() {
+        $(this).addClass('not-auto-change');
+    });
+
     /**
      * Save script
      */
 
     popup.el.popupForm.on('submit', popup.save);
 
+    /**
+     * Reset script
+     */
+
+    popup.el.resetBtn.on('click', popup.reset);
+
 
     /**
      * Remove draft

popup.html

@@ -61,8 +61,9 @@
                 </div><!-- .source -->
 
                 <div class="pure-g controls">
-                    <div class="pure-u-2-5 controls__save">
-                        <input type="submit" id="save" class="pure-button pure-button-primary" name="save" value="save">    
+                    <div class="pure-u-3-5 controls__save">
+                        <input type="submit" id="save" class="pure-button pure-button-primary" name="save" value="save">
+                        <input type="submit" id="reset" class="pure-button" name="reset" value="reset">
                         <a id="draft-remove" class="controls__remove-draft red-text is-hidden" href="#">remove draft</a>
                     </div>
                 </div><!-- .controls -->