about summary refs log tree commit diff stats
path: root/pages/popup
diff options
context:
space:
mode:
authorSimonBrazell <simon@brazell.com.au>2021-01-10 22:04:03 +1100
committerSimonBrazell <simon@brazell.com.au>2021-01-10 22:04:03 +1100
commit944f2e6ef09a1534bac061acca2e3b3a4c13b13a (patch)
tree86bbd36f9896db47b6938d098658192bd31db01e /pages/popup
parentMerge pull request #153 from somoso/patch-1 (diff)
downloadlibredirect-944f2e6ef09a1534bac061acca2e3b3a4c13b13a.zip
Restructure code with helper modules, add search engine settings, & advanced settings collapsibles.
Diffstat (limited to 'pages/popup')
-rw-r--r--pages/popup/popup.html214
-rw-r--r--pages/popup/popup.js62
2 files changed, 0 insertions, 276 deletions
diff --git a/pages/popup/popup.html b/pages/popup/popup.html
deleted file mode 100644
index af44b23e..00000000
--- a/pages/popup/popup.html
+++ /dev/null
@@ -1,214 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title></title>
-    <link href="../styles.css" rel="stylesheet" />
-  </head>
-
-  <body class="popup">
-    <header class="popup">
-      <div class="logo-container">
-        <img
-          src="../../assets/images/icon128.png"
-          alt="Privacy Redirect logo"
-        />
-        <h1>
-          <span data-localise="__MSG_privacy__" class="privacy">Privacy</span
-          ><br /><span data-localise="__MSG_redirect__">Redirect</span>
-        </h1>
-      </div>
-      <div class="version">
-        <span data-localise="__MSG_version__">Version</span>:&nbsp;<span
-          id="version"
-        ></span>
-      </div>
-    </header>
-
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle Nitter redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableNitter__">Nitter Redirects</h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-nitter"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-nitter" class="checkbox-label"></label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle Invidious redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableInvidious__">
-                Invidious Redirects
-              </h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-invidious"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-invidious" class="checkbox-label"> </label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle Bibliogram redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableBibliogram__">
-                Bibliogram Redirects
-              </h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-bibliogram"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-bibliogram" class="checkbox-label"> </label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle OpenStreetMap redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableOsm__">
-                OpenStreetMap Redirects
-              </h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-osm"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-osm" class="checkbox-label"> </label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle old Reddit redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableOldReddit__">
-                Old Reddit Redirects
-              </h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-old-reddit"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-old-reddit" class="checkbox-label"> </label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-    
-    <section class="settings-block">
-      <table class="option" aria-label="Toggle Search Engine redirects">
-        <tbody>
-          <tr>
-            <td>
-              <h1 data-localise="__MSG_disableSearchEngine__">Search Engine Redirects</h1>
-            </td>
-            <td>
-              <input
-                aria-hidden="true"
-                id="disable-searchEngine"
-                type="checkbox"
-                checked
-              />&nbsp;
-              <label for="disable-searchEngine" class="checkbox-label"></label>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <section class="settings-block"></section>
-
-    <footer>
-      <a class="button" id="more-options">
-        <span data-localise="__MSG_moreOptions__">More Options&nbsp;</span>
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="512"
-          height="512"
-          viewBox="0 0 512 512"
-        >
-          <path
-            d="M384,224V408a40,40,0,0,1-40,40H104a40,40,0,0,1-40-40V168a40,40,0,0,1,40-40H271.48"
-            style="
-              fill: none;
-              stroke: inherit;
-              stroke-linecap: round;
-              stroke-linejoin: round;
-              stroke-width: 32px;
-            "
-          />
-          <polyline
-            points="336 64 448 64 448 176"
-            style="
-              fill: none;
-              stroke: inherit;
-              stroke-linecap: round;
-              stroke-linejoin: round;
-              stroke-width: 32px;
-            "
-          />
-          <line
-            x1="224"
-            y1="288"
-            x2="440"
-            y2="72"
-            style="
-              fill: none;
-              stroke: inherit;
-              stroke-linecap: round;
-              stroke-linejoin: round;
-              stroke-width: 32px;
-            "
-          />
-        </svg>
-      </a>
-    </footer>
-
-    <script src="./popup.js"></script>
-    <script src="../../assets/javascript/localise.js"></script>
-  </body>
-</html>
diff --git a/pages/popup/popup.js b/pages/popup/popup.js
deleted file mode 100644
index 6d4c3ff7..00000000
--- a/pages/popup/popup.js
+++ /dev/null
@@ -1,62 +0,0 @@
-"use strict";
-
-let disableNitter = document.querySelector("#disable-nitter");
-let disableInvidious = document.querySelector("#disable-invidious");
-let disableBibliogram = document.querySelector("#disable-bibliogram");
-let disableOsm = document.querySelector("#disable-osm");
-let disableOldReddit = document.querySelector("#disable-old-reddit");
-let disableSearchEngine = document.querySelector("#disable-searchEngine");
-let version = document.querySelector("#version");
-
-window.browser = window.browser || window.chrome;
-
-browser.storage.sync.get(
-  [
-    "disableNitter",
-    "disableInvidious",
-    "disableBibliogram",
-    "disableOsm",
-    "disableOldReddit",
-    "disableSearchEngine",
-    "theme",
-  ],
-  (result) => {
-    if (result.theme) document.body.classList.add(result.theme);
-    disableNitter.checked = !result.disableNitter;
-    disableInvidious.checked = !result.disableInvidious;
-    disableBibliogram.checked = !result.disableBibliogram;
-    disableOsm.checked = !result.disableOsm;
-    disableOldReddit.checked = !result.disableOldReddit;
-    disableSearchEngine.checked = !result.disableSearchEngine;
-  }
-);
-
-version.textContent = browser.runtime.getManifest().version;
-
-disableNitter.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableNitter: !event.target.checked });
-});
-
-disableInvidious.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableInvidious: !event.target.checked });
-});
-
-disableBibliogram.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableBibliogram: !event.target.checked });
-});
-
-disableOsm.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableOsm: !event.target.checked });
-});
-
-disableOldReddit.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableOldReddit: !event.target.checked });
-});
-
-disableSearchEngine.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableSearchEngine: !event.target.checked });
-});
-
-document.querySelector("#more-options").addEventListener("click", () => {
-  browser.runtime.openOptionsPage();
-});