Activating reddit frontend btn. Excluding medium.com #19

3 files changed, 26 insertions, 14 deletions

diff --git a/src/pages/options/maps.js b/src/pages/options/maps.js
index c8ade661..ff83f9e8 100644
--- a/src/pages/options/maps.js
+++ b/src/pages/options/maps.js
@@ -2,8 +2,6 @@ import mapsHelper from "../../assets/javascripts/helpers/google-maps.js";
 import commonHelper from "../../assets/javascripts/helpers/common.js";
 import shared from "./shared.js";
 
-
-
 const osmInstances = mapsHelper.redirects;
 let osmInstance = document.getElementById("osm-instance");
 let disableOsm = document.getElementById("disable-osm");
@@ -32,8 +30,6 @@ const osmInstanceChange = commonHelper.debounce(() => {
 }, 500);
 osmInstance.addEventListener("input", osmInstanceChange);
 
-
-
 disableOsm.addEventListener("change", (event) => {
     browser.storage.sync.set({ disableOsm: !event.target.checked });
 });
\ No newline at end of file
diff --git a/src/pages/options/options.html b/src/pages/options/options.html
index 2f20d0cd..6f8b1f74 100644
--- a/src/pages/options/options.html
+++ b/src/pages/options/options.html
@@ -217,22 +217,24 @@
     </section>
 
     <section class="reddit">
+
       <div class="some-block option-block">
         <h1>Reddit (LibReddit)</h1>
         <input id="disable-reddit" type="checkbox" checked />
       </div>
+
       <div class="some-block option-block">
         <h4>Instance</h4>
         <div class="autocomplete">
           <input id="reddit-instance" type="url" placeholder="https://libredd.it" />
         </div>
       </div>
+
       <section class="settings-block">
         <h4>Random instance pool (comma-separated)</h4>
         <textarea id="reddit-random-pool" name="reddit-random-pool" type="text"></textarea>
       </section>
 
-
       <div class="some-block option-block">
         <h4>Frontend</h4>
         <select id="reddit-frontend">
diff --git a/src/pages/options/reddit.js b/src/pages/options/reddit.js
index 0836b5a0..9f515d5c 100644
--- a/src/pages/options/reddit.js
+++ b/src/pages/options/reddit.js
@@ -7,16 +7,18 @@ const redditInstances = redditHelper.redirects;
 
 let redditInstance = document.getElementById("reddit-instance");
 let disableReddit = document.getElementById("disable-reddit");
-
+let redditFrontend = document.getElementById("reddit-frontend");
 
 browser.storage.sync.get(
     [
         "redditInstance",
         "disableReddit",
+        "redditFrontend"
     ],
     (result) => {
         redditInstance.value = result.redditInstance || "";
         disableReddit.checked = !result.disableReddit;
+        redditFrontend.value = result.redditFrontend;
         let id = "reddit-instance";
         let instances = redditInstances;
         shared.autocompletes.push({ id: id, instances: instances })
@@ -24,15 +26,27 @@ browser.storage.sync.get(
     }
 )
 
-const redditInstanceChange = commonHelper.debounce(() => {
-    if (redditInstance.checkValidity()) {
-        browser.storage.sync.set({
-            redditInstance: shared.parseURL(redditInstance.value),
-        });
-    }
-}, 500);
+const redditInstanceChange = commonHelper.debounce(
+    () => {
+        if (redditInstance.checkValidity()) {
+            browser.storage.sync.set({
+                redditInstance: shared.parseURL(redditInstance.value),
+            });
+        }
+    },
+    500
+);
+
 redditInstance.addEventListener("input", redditInstanceChange);
 
 disableReddit.addEventListener("change", (event) => {
     browser.storage.sync.set({ disableReddit: !event.target.checked });
-});
\ No newline at end of file
+});
+
+redditFrontend.addEventListener("change", (event) => {
+    const value = event.target.options[redditFrontend.selectedIndex].value;
+    console.info("Reddit Frontend", value)
+    browser.storage.sync.set({
+        redditFrontend: value,
+    })
+})
\ No newline at end of file