Add settings for API key

julijonas · Jan 20, 2018 · 042e2c8 · 042e2c8
1 parent e83eb90
commit 042e2c8
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 1 deletion.
diff --git a/emojifier.js b/emojifier.js
@@ -1,3 +1,8 @@
+let apiKey;
+browser.storage.local.get('apiKey').then((data) => {
+ apiKey = data.apiKey;
+ console.log('API key', apiKey);
+});
 
 let imgNode;
 

diff --git a/manifest.json b/manifest.json
@@ -10,11 +10,17 @@
  "48": "icons/border-48.png"
  },
 
+ "options_ui": {
+ "page": "options.html"
+ },
+
  "content_scripts": [
  {
  "matches": ["<all_urls>"],
  "js": ["emojifier.js"]
  }
- ]
+ ],
+
+ "permissions": ["storage"]
 
 }
diff --git a/options.html b/options.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <meta charset="utf-8">
+ </head>
+
+ <body>
+
+ <form>
+ <label>Microsoft API key<input type="text" id="apiKey" ></label>
+ <button type="submit">Save</button>
+ </form>
+
+ <script src="options.js"></script>
+
+ </body>
+
+</html>
diff --git a/options.js b/options.js
@@ -0,0 +1,24 @@
+function saveOptions(e) {
+ e.preventDefault();
+ console.log(document)
+ browser.storage.local.set({
+ apiKey: document.querySelector("#apiKey").value
+ });
+}
+
+function restoreOptions() {
+
+ function setCurrentChoice(result) {
+ document.querySelector("#apiKey").value = result.apiKey || "";
+ }
+
+ function onError(error) {
+ console.log(`Error: ${error}`);
+ }
+
+ var getting = browser.storage.local.get("apiKey");
+ getting.then(setCurrentChoice, onError);
+}
+
+document.addEventListener("DOMContentLoaded", restoreOptions);
+document.querySelector("form").addEventListener("submit", saveOptions);