aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/popup
diff options
context:
space:
mode:
authorManeraKai <manerakai@protonmail.com>2022-03-09 21:05:31 +0300
committerManeraKai <manerakai@protonmail.com>2022-03-09 21:05:39 +0300
commit619f675114883488897ede480654a99dde9ab159 (patch)
tree4f2bb923295c60c4e403bae51c5ed3570013a4de /src/pages/popup
parentAdded warning to pixivMoe as it's not a truly privacy friendly frontend #84 (diff)
downloadlibredirect-619f675114883488897ede480654a99dde9ab159.zip
Fixed alwaysUsePreferred bug #96. Added way to customize Popup. Added oldReddit to targets
Diffstat (limited to 'src/pages/popup')
-rw-r--r--src/pages/popup/popup.html28
-rw-r--r--src/pages/popup/popup.js15
-rw-r--r--src/pages/popup/style.css4
3 files changed, 32 insertions, 15 deletions
diff --git a/src/pages/popup/popup.html b/src/pages/popup/popup.html
index d62420f2..a58a01ee 100644
--- a/src/pages/popup/popup.html
+++ b/src/pages/popup/popup.html
@@ -9,7 +9,7 @@
</head>
<body>
- <div class="some-block">
+ <div id="youtube" class="some-block">
<div class="title">
<img src="../../assets/images/youtube-icon.png" />
<h4>YouTube</h4>
@@ -17,7 +17,7 @@
<input id="disable-youtube" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="youtubeMusic" class="some-block">
<div class="title">
<img src="../../assets/images/youtube-music-icon.png" />
<h4>YT Music</h4>
@@ -25,7 +25,7 @@
<input id="disable-youtubeMusic" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="twitter" class="some-block">
<div class="title">
<img src="../../assets/images/twitter-icon.png" />
<h4>Twitter</h4>
@@ -33,7 +33,7 @@
<input id="disable-nitter" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="instagram" class="some-block">
<div class="title">
<!-- https://www.iconfinder.com/Indygo -->
<img src="../../assets/images/instagram-icon.png" />
@@ -42,7 +42,7 @@
<input id="disable-bibliogram" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="tikTok" class="some-block">
<div class="title">
<!-- https://www.flaticon.com/authors/designer-shah -->
<img src="../../assets/images/tiktok-icon.png" />
@@ -51,7 +51,7 @@
<input id="disable-tiktok" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="imgur" class="some-block">
<div class="title">
<img src="../../assets/images/imgur-icon.png" />
<h4>Imgur</h4>
@@ -59,7 +59,7 @@
<input id="disable-imgur" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="reddit" class="some-block">
<div class="title">
<!-- https://www.flaticon.com/authors/md-tanvirul-haque -->
<img src="../../assets/images/reddit-icon.png" />
@@ -68,7 +68,7 @@
<input id="disable-reddit" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="pixiv" class="some-block">
<div class="title">
<!-- https://clipground.com/pics/getsecond?url=pixiv-logo-2.png -->
<img src="../../assets/images/pixiv-icon.png" />
@@ -77,7 +77,7 @@
<input id="disable-pixiv" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="wikipedia" class="some-block">
<div class="title">
<img src="../../../assets/images/wikipedia-icon.svg" />
<h4>Wikipedia</h4>
@@ -85,7 +85,7 @@
<input id="disable-wikipedia" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="medium" class="some-block">
<div class="title">
<!-- https://markentier.tech/posts/2020/10/medium-icon-svg/ -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1770 1000" fill="currentColor">
@@ -98,8 +98,7 @@
<input id="disable-medium" type="checkbox" checked />
</div>
- <div class="some-block">
-
+ <div id="search" class="some-block">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M0 0h24v24H0V0z" fill="none" />
@@ -108,11 +107,10 @@
</svg>
<h4>Search</h4>
</div>
-
<input id="disable-search" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="translate" class="some-block">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
<path d="M0 0h24v24H0V0z" fill="none" />
@@ -124,7 +122,7 @@
<input id="disable-simplyTranslate" type="checkbox" checked />
</div>
- <div class="some-block">
+ <div id="maps" class="some-block">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
<path d="M0 0h24v24H0V0z" fill="none" />
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js
index c4e61df8..5d7a690d 100644
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@@ -15,6 +15,7 @@ import mediumHelper from "../../assets/javascripts/helpers/medium.js";
import imgurHelper from "../../assets/javascripts/helpers/imgur.js";
import tiktokHelper from "../../assets/javascripts/helpers/tiktok.js";
import pixivHelper from "../../assets/javascripts/helpers/pixiv.js";
+import generalHelper from "../../assets/javascripts/helpers/general.js";
let disableTwitterElement = document.getElementById("disable-nitter");
let disableYoutubeElement = document.getElementById("disable-youtube");
@@ -157,3 +158,17 @@ function changeInstance() {
let changeInstanceElement = document.getElementById("change-instance")
changeInstanceElement.disabled = !changeInstance();
changeInstanceElement.addEventListener("click", changeInstance);
+
+
+let popupFrontends;
+generalHelper.init().then(() => {
+ popupFrontends = generalHelper.getPopupFrontends();
+
+ for (const frontend of generalHelper.allPopupFrontends) {
+ console.log(frontend)
+ if (!popupFrontends.includes(frontend))
+ document.getElementById(frontend).classList.add("hide")
+ else
+ document.getElementById(frontend).classList.remove("hide")
+ }
+}); \ No newline at end of file
diff --git a/src/pages/popup/style.css b/src/pages/popup/style.css
index 477035bb..a2fc1256 100644
--- a/src/pages/popup/style.css
+++ b/src/pages/popup/style.css
@@ -1,4 +1,8 @@
body {
width: 240px;
min-height: auto;
+}
+
+.hide {
+ display: none !important;
} \ No newline at end of file
generated by cgit v1.3.1 (git 2.54.0) at 2026-06-21 23:39:09 +0000