From 2a1c3ea5542c20a2c8ecd510b0e83061514e4bab Mon Sep 17 00:00:00 2001 From: ManeraKai Date: Mon, 14 Feb 2022 22:32:30 +0300 Subject: Added feature request #35 --- src/pages/options/youtube/youtube.html | 470 +++++++++++++++++---------------- src/pages/options/youtube/youtube.js | 8 +- 2 files changed, 243 insertions(+), 235 deletions(-) (limited to 'src/pages/options/youtube') diff --git a/src/pages/options/youtube/youtube.html b/src/pages/options/youtube/youtube.html index 767780f4..b21e5150 100644 --- a/src/pages/options/youtube/youtube.html +++ b/src/pages/options/youtube/youtube.html @@ -2,269 +2,271 @@ - - - - - - LibRedirect options: Twitter + + + + + + LibRedirect options: Twitter -
-
- - - - - General -
-
- - Youtube -
-
- - Twitter -
-
- - Instagram -
-
- - TikTok -
-
- - Reddit -
-
- - Imgur -
-
- - +
+
+ + + + + General +
+
+ + Youtube +
+
+ + Twitter +
+
+ + Instagram +
+
+ + TikTok +
+
+ + Reddit +
+
+ + Imgur +
+
+ + + + + Search +
+
+ + + + + Translate +
+
+ + + + + Maps +
+
+ + + + + + + - - Search -
-
- - - - - Translate -
-
- - - - - Maps -
-
- - - - + d="M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z" /> - - - - - - - - - + + + - - Wikipedia -
-
- - - - - - - - - - Medium -
-
+ + + + Wikipedia + +
+ + + + + + + + + + Medium +
+ -
-
-

Enable

- -
+
+
+

Enable

+ +
-
-

Frontend

- -
+
+

Frontend

+ +
-
+
-
-
-

Only Redirect Embedded-Video

- -
+
+
+

Only Redirect Embedded-Video

+ +
-
-

Volume: 50%

- - -
+
+

Always use Preffered Instances

+ +
-
-

Theme

- -
+
+

Volume: 50%

+ + +
-
-

Autoplay Video

- -
-
+
+

Theme

+ +
-
-
-

Player Style

- -
+
+

Autoplay Video

+ +
+
-
-

Always proxy videos

- -
+
+
+

Player Style

+ +
-
-

Video Quality

- -
+
+

Always proxy videos

+ +
-
-

Subtitles

- -
+
+

Video Quality

+ +
-
-

Persist preferences (as cookie)

- -
+
+

Subtitles

+ +
-
+
+

Persist preferences (as cookie)

+ +
-
-

Default Instances

-
-
-
-
-
-

Custom Instances

-
-
-
- - -
-
-
+
+
+

Default Instances

+
+
+
+
+
+

Custom Instances

+
+
+
+ +
+
+
+
-
-
-
-

Default Instances

-
-
-
-
-
-

Custom Instances

-
-
-
- - -
-
-
+
+
+ +
+

Default Instances

+
+
+
+
+
+

Custom Instances

+
+
+
+ +
+
+
+
-
+
- - - - - + + + + + \ No newline at end of file diff --git a/src/pages/options/youtube/youtube.js b/src/pages/options/youtube/youtube.js index a0072036..79330f46 100644 --- a/src/pages/options/youtube/youtube.js +++ b/src/pages/options/youtube/youtube.js @@ -6,6 +6,7 @@ let youtubeFrontendElement = document.getElementById("youtube-frontend"); let invidiousDivElement = document.getElementById("invidious") let pipedDivElement = document.getElementById("piped") let invidiousPipedDivElement = document.getElementById("invidious-piped") + function changeFrontendsSettings(frontend) { if (frontend == 'piped') { invidiousPipedDivElement.style.display = 'block' @@ -57,7 +58,6 @@ invidiousClearVolumeElement.addEventListener("click", } ); - let invidiousAutoplayElement = document.getElementById("invidious-autoplay"); invidiousAutoplayElement.addEventListener("change", (event) => youtubeHelper.setInvidiousAutoplay(event.target.options[invidiousAutoplayElement.selectedIndex].value) @@ -68,12 +68,18 @@ invidiousOnlyEmbeddedVideoElement.addEventListener("change", (event) => youtubeHelper.setInvidiousOnlyEmbeddedVideo(event.target.checked) ); +let alwaysUsePreferredElement = document.getElementById("always-use-preferred") +alwaysUsePreferredElement.addEventListener("change", + (event) => youtubeHelper.setAlwaysusePreferred(event.target.checked) +); + youtubeHelper.init().then(() => { disableYoutubeElement.checked = !youtubeHelper.getDisableYoutube(); invidiousThemeElement.checked = youtubeHelper.getInvidiousTheme(); invidiousVolumeElement.value = youtubeHelper.getInvidiousVolume(); invidiousVolumeValueElement.textContent = `${youtubeHelper.getInvidiousVolume()}%`; invidiousOnlyEmbeddedVideoElement.checked = youtubeHelper.getInvidiousOnlyEmbeddedVideo(); + alwaysUsePreferredElement.checked = youtubeHelper.getAlwaysusePreferred(); invidiousAutoplayElement.checked = youtubeHelper.getInvidiousAutoplay(); let frontend = youtubeHelper.getFrontend(); youtubeFrontendElement.value = frontend; -- cgit 1.4.1