From 944f2e6ef09a1534bac061acca2e3b3a4c13b13a Mon Sep 17 00:00:00 2001 From: SimonBrazell Date: Sun, 10 Jan 2021 22:04:03 +1100 Subject: Restructure code with helper modules, add search engine settings, & advanced settings collapsibles. --- src/pages/popup/popup.html | 214 +++++++++++++++++++++++++++++++++++++++++++++ src/pages/popup/popup.js | 62 +++++++++++++ 2 files changed, 276 insertions(+) create mode 100644 src/pages/popup/popup.html create mode 100644 src/pages/popup/popup.js (limited to 'src/pages/popup') diff --git a/src/pages/popup/popup.html b/src/pages/popup/popup.html new file mode 100644 index 00000000..43a4a1a8 --- /dev/null +++ b/src/pages/popup/popup.html @@ -0,0 +1,214 @@ + + + + + + + + + + +
+
+ Privacy Redirect logo +

+ Privacy
Redirect +

+
+
+ Version:  +
+
+ +
+ + + + + + + +
+

Nitter Redirects

+ 		+   + +
+
+ +
+ + + + + + + +
+

+ Invidious Redirects +

+ 		+   + +
+
+ +
+ + + + + + + +
+

+ Bibliogram Redirects +

+ 		+   + +
+
+ +
+ + + + + + + +
+

+ OpenStreetMap Redirects +

+ 		+   + +
+
+ +
+ + + + + + + +
+

Reddit Redirects

+ 		+   + +
+
+ +
+ + + + + + + +
+

+ Search Engine Redirects +

+ 		+   + +
+
+ +
+ + + + + + + diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js new file mode 100644 index 00000000..0afb2f97 --- /dev/null +++ b/src/pages/popup/popup.js @@ -0,0 +1,62 @@ +"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 disableReddit = document.querySelector("#disable-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", + "disableReddit", + "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; + disableReddit.checked = !result.disableReddit; + 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 }); +}); + +disableReddit.addEventListener("change", (event) => { + browser.storage.sync.set({ disableReddit: !event.target.checked }); +}); + +disableSearchEngine.addEventListener("change", (event) => { + browser.storage.sync.set({ disableSearchEngine: !event.target.checked }); +}); + +document.querySelector("#more-options").addEventListener("click", () => { + browser.runtime.openOptionsPage(); +}); -- cgit 1.4.1