Add options

thomasthiebaud · Apr 20, 2018 · 54749c7 · 54749c7
1 parent defe7d5
commit 54749c7
Show file tree

Hide file tree

Showing 5 changed files with 82 additions and 12 deletions.
diff --git a/background.js b/background.js
@@ -1,11 +1,22 @@
+function getOptions() {
+    return browser.storage.sync.get();
+}
+
 browser.runtime.onMessage.addListener(function(message) {
     switch(message.type) {
         case 'notification':
-            browser.notifications.create(message.id, {
-                message: message.content,
-                title: message.title,
-                type: 'basic',
+            getOptions().then((options) => {
+                if (options.notifications) {
+                    browser.notifications.create(message.id, {
+                        message: message.content,
+                        title: message.title,
+                        type: 'basic',
+                    });
+                }
             });
             break;
+        case 'options':
+            return getOptions();
+            break;
     }
 });
diff --git a/git.js b/git.js
@@ -15,12 +15,12 @@ function copy(text) {
     try {
         const success = document.execCommand('copy');
         if (success) {
-            console.log('[Trello Branch Name] Branch name successfully copied to clipboard');
+            console.debug('[Trello Branch Name] Branch name successfully copied to clipboard');
         } else {
-            console.log('[Trello Branch Name] Copy to clipboard failed');
+            console.debug('[Trello Branch Name] Copy to clipboard failed');
         }
     } catch (err) {
-        console.log('[Trello Branch Name] Copy to clipboard failed', err);
+        console.debug('[Trello Branch Name] Copy to clipboard failed', err);
     }
 
     document.body.removeChild(clipboard);
@@ -72,11 +72,16 @@ function createIcon(title) {
 }
 
 document.arrive('.badges', { existing: true },function() {
-    const title = this.previousElementSibling.innerText;
-
     if (this.querySelector('img.badge')) {
         return;
     }
 
-    this.appendChild(createIcon(title));
+    let title = this.previousElementSibling.innerText;
+    browser.runtime.sendMessage({ type: 'options' }).then((options) => {
+        if (options.hash) {
+            title = this.previousElementSibling.textContent;  
+        }
+
+        this.appendChild(createIcon(title));
+    })
 })
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Trello branch name",
-  "version": "1.5",
+  "version": "1.6",
   "description": "Add a button on each trello card to create a git branch name from the card name",
   "icons": {
     "48": "images/icon_48.png",
@@ -16,9 +16,19 @@
   ],
   "permissions": [
     "clipboardWrite",
-    "notifications"
+    "notifications",
+    "storage"
   ],
   "background": {
     "scripts": ["background.js"]
+  },
+  "options_ui": {
+    "page": "options.html",
+    "browser_style": true
+  },
+  "applications": {
+    "gecko": {
+      "id": "{34385045-f80b-464b-980b-13f47e101692}"
+    }
   }
 }
diff --git a/options.html b/options.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+
+  <body>
+    <form>
+      <div>
+        <input type="checkbox" id="notifications" name="notifications" checked>
+        <label for="notifications">Send notifications</label>
+      </div>
+      <div>
+        <input type="checkbox" id="hash" name="hash">
+        <label for="hash">Include hash</label>
+      </div>
+      <div>
+        <button type="submit">Save</button>
+      </div>
+    </form>
+    <script src="options.js"></script>
+  </body>
+</html>
diff --git a/options.js b/options.js
@@ -0,0 +1,21 @@
+function saveOptions(e) {
+  browser.storage.sync.set({
+    hash: document.querySelector("#hash").checked,
+    notifications: document.querySelector("#notifications").checked,
+    useCustomOptions: true,
+  });
+  e.preventDefault();
+}
+
+function restoreOptions() {
+  const gettingItem = browser.storage.sync.get();
+  gettingItem.then((res) => {
+    if (res.useCustomOptions) {
+      document.querySelector("#hash").checked = res.hash;      
+      document.querySelector("#notifications").checked = res.notifications;
+    }
+  });
+}
+
+document.addEventListener('DOMContentLoaded', restoreOptions);
+document.querySelector("form").addEventListener("submit", saveOptions);