Added options page and show changelog functionality to extension.

Closes #317.
altair-graphql · Jun 22, 2018 · c7fe09c · c7fe09c
1 parent c59ccb8
commit c7fe09c
Show file tree

Hide file tree

Showing 4 changed files with 64 additions and 3 deletions.
diff --git a/chrome-ext-files/js/background.js b/chrome-ext-files/js/background.js
@@ -39,8 +39,16 @@
   // Open the update page after every new update
   chrome.runtime.onInstalled.addListener(function (details) {
     if (details.reason === 'update') {
-      chrome.tabs.create({ url: "https://altair.sirmuel.design/updated" }, function (tab) {
-        console.log("New tab launched with https://altair.sirmuel.design/updated");
+      chrome.storage.sync.get({
+        showChangeLog: true
+      }, function (items) {
+        if (items.showChangeLog) {
+          chrome.tabs.create({
+            url: "https://altair.sirmuel.design/updated"
+          }, function (tab) {
+            console.log("New tab launched with https://altair.sirmuel.design/updated");
+          });
+        }
       });
     }
   });

diff --git a/chrome-ext-files/js/options.js b/chrome-ext-files/js/options.js
@@ -0,0 +1,28 @@
+// Saves options to chrome.storage
+function save_options() {
+  var showChangeLog = document.getElementById('show_changelog').checked;
+  chrome.storage.sync.set({
+    showChangeLog: showChangeLog
+  }, function () {
+    // Update status to let user know options were saved.
+    var status = document.getElementById('status');
+    status.textContent = 'Options saved.';
+    setTimeout(function () {
+      status.textContent = '';
+    }, 750);
+  });
+}
+
+// Restores select box and checkbox state using the preferences
+// stored in chrome.storage.
+function restore_options() {
+  // Use default value showChangeLog = true.
+  chrome.storage.sync.get({
+    showChangeLog: true
+  }, function (items) {
+    document.getElementById('show_changelog').checked = items.showChangeLog;
+  });
+}
+document.addEventListener('DOMContentLoaded', restore_options);
+document.getElementById('save').addEventListener('click',
+  save_options);
diff --git a/chrome-ext-files/manifest.json b/chrome-ext-files/manifest.json
@@ -15,11 +15,16 @@
   "permissions": [
       "http://*/",
       "https://*/",
-      "tabs"
+      "tabs",
+      "storage"
   ],
   "content_security_policy": "script-src 'self'; object-src 'self'",
   "background": {
       "scripts": ["js/background.js"]
   },
+  "options_ui": {
+    "page": "options.html",
+    "open_in_tab": false
+  },
   "offline_enabled": true
 }
diff --git a/chrome-ext-files/options.html b/chrome-ext-files/options.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Altair Options</title>
+    </head>
+
+    <body>
+        <div>
+            <label>
+                <input type="checkbox" id="show_changelog"> Show changelog on update
+            </label>
+        </div>
+
+        <div id="status"></div>
+        <button id="save">Save</button>
+
+        <script src="js/options.js"></script>
+    </body>
+
+</html>