Updated to make storage.get work, and the options page prettier (still not good enough, but meh)

ddurst · ddurst · commit f80346709b6c · 2020-01-21T14:16:37.000-05:00
diff --git a/manifest.json b/manifest.json
@@ -3,7 +3,7 @@
   "manifest_version": 2,
   "name": "__MSG_extensionName__",
   "description": "__MSG_extensionDescription__",
-  "version": "1.2",
+  "version": "1.2.1",
   "default_locale": "en",
   "applications": {
     "gecko": {
diff --git a/options.html b/options.html
@@ -3,13 +3,35 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <style>
+    button {
+       background-color: green;
+       border: 1px solid black;
+       border-radius: 5px;
+       color: white;
+       display: block;
+       line-height: 180%;
+       margin-top: 5px;
+    }
+    label {
+       display: block;
+       font-weight: bold;
+       vertical-align: top;
+    }
+    textarea {
+       height: 20vw;
+       margin-top: 5px;
+       padding: 3px;
+       width: 80vw;
+    }
+    </style>
   </head>
 
 <body>
   <p>You must have access to any repositories you specify here in order for these options to work. Enter the name path to repos in Markdown ([name](url)), using semicolons to separate multiple options.</p>
   <form>
       <label>GitHub Repository options</label>
-      <input type="text" id="repostring" />
+      <textarea id="repostring"></textarea>
       <button type="submit">Save</button>
       <input id="currentstring" type="hidden" value="" />
   </form>
diff --git a/options.js b/options.js
@@ -15,8 +15,10 @@ function saveOptions(e) {
 function restoreOptions() {
   var storageItem = browser.storage.local.get('repos');
   storageItem.then((res) => {
-    document.querySelector("#currentstring").innerText = res.repos;
-    document.querySelector("#repostring").innerText = res.repos;
+    if (res.repos != undefined) {
+       document.querySelector("#currentstring").setAttribute("value", res.repos);
+       document.querySelector("#repostring").innerText = res.repos;
+    }
   });
 }
 
