feature: add prefix settings

koron · Sep 15, 2018 · 8a3a5b4 · 8a3a5b4
1 parent 6866426
commit 8a3a5b4
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 3 deletions.
diff --git a/src/background.js b/src/background.js
@@ -1,7 +1,18 @@
-function onClicked(tab) {
-  var prefix = ' » '
+const getSettings = (params) => {
+  return new Promise( (resolve) => {
+    chrome.storage.sync.get(params, (settings) => {
+      resolve(settings);
+    });
+  });
+}
+
+const onClicked = async(tab) => {
+  const settings = await getSettings({
+    prefix: ' \u00BB ',
+  });
+
   var url = 'https://twitter.com/intent/tweet?'
-    + 'text=' + encodeURIComponent(prefix) + encodeURIComponent(tab.title)
+    + 'text=' + encodeURIComponent(settings.prefix) + encodeURIComponent(tab.title)
     + '&url=' + encodeURIComponent(tab.url);
   var w = 640;
   var h = 360;

diff --git a/src/manifest.json b/src/manifest.json
@@ -19,7 +19,12 @@
     "persistent": false,
     "scripts": [ "background.js" ]
   },
+  "options_ui": {
+    "page": "settings/settings.html",
+    "open_in_tab": false
+  },
   "permissions": [
+    "storage",
     "tabs"
   ]
 }
diff --git a/src/settings/settings.html b/src/settings/settings.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Just Tweet Settings</title></head>
+  <body>
+    prefix : <input type="text" id="prefix"/>
+
+    <div id="status"></div>
+    <button id="save">Save</button>
+
+    <script src="settings.js"></script>
+  </body>
+</html>
diff --git a/src/settings/settings.js b/src/settings/settings.js
@@ -0,0 +1,25 @@
+const save_options = () => {
+  const _prefix = document.getElementById('prefix').value;
+
+  chrome.storage.sync.set({
+      prefix: _prefix,
+    }, () => {
+      const status = document.getElementById('status');
+      status.textContent = 'saved!';
+      setTimeout( () => {
+        status.textContent = '';
+      }, 750);
+    }
+  );
+}
+
+const restore_options = () => {
+    chrome.storage.sync.get({
+      prefix: ' \u00BB '
+    }, (settings) => {
+        document.getElementById('prefix').value = settings.prefix;
+    });
+}
+
+document.addEventListener('DOMContentLoaded', restore_options);
+document.getElementById('save').addEventListener('click',save_options);