From c5a6623e0f320b2a789e0d2667ccfe2e1bd4335f Mon Sep 17 00:00:00 2001 From: ManeraKai Date: Mon, 30 May 2022 01:02:59 +0300 Subject: Fixed settings theme and translation flashing #286 --- src/pages/options/youtube/youtube.html | 263 --------------------------------- src/pages/options/youtube/youtube.js | 161 -------------------- src/pages/options/youtube/youtube.pug | 83 ----------- 3 files changed, 507 deletions(-) delete mode 100644 src/pages/options/youtube/youtube.html delete mode 100644 src/pages/options/youtube/youtube.js delete mode 100644 src/pages/options/youtube/youtube.pug (limited to 'src/pages/options/youtube') diff --git a/src/pages/options/youtube/youtube.html b/src/pages/options/youtube/youtube.html deleted file mode 100644 index 2938ccd1..00000000 --- a/src/pages/options/youtube/youtube.html +++ /dev/null @@ -1,263 +0,0 @@ - - - - - - - - YouTube - - - - -

- General -

YT Music

- Medium -

- Search -

- Translate -

- Maps -

- Send Files -

YouTube

Enable

- -

Frontend

- -

Embedded Videos Frontend

- -

Protocol

- -

Redirect Type

- -

Default Instances

Custom Instances

- -

- - - Test Instances Latency - - -

Default Instances

Custom Instances

- -

Default Instances

Custom Instances

- -

- - - Test Instances Latency - - -

Default Instances

Custom Instances

- -

Default Instances

Custom Instances

- -

- - - Test Instances Latency - - -

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 deleted file mode 100644 index 4f987849..00000000 --- a/src/pages/options/youtube/youtube.js +++ /dev/null @@ -1,161 +0,0 @@ -import youtubeHelper from "../../../assets/javascripts/helpers/youtube/youtube.js"; -import utils from "../../../assets/javascripts/helpers/utils.js"; - -let disableYoutube = document.getElementById("disable-invidious"); -let youtubeFrontend = document.getElementById("youtube-frontend"); -let invidiousDiv = document.getElementById("invidious"); -let pipedDiv = document.getElementById("piped"); -let pipedMaterialDiv = document.getElementById("pipedMaterial"); -let freetubeYatteeDiv = document.getElementById("freetube-yatte"); -let youtubeEmbedFrontend = document.getElementById("youtube-embed-frontend"); -let OnlyEmbeddedVideo = document.getElementById("only-embed"); -let protoco = document.getElementById("protocol"); - -function changeFrontendsSettings() { - let frontend = youtubeFrontend.value; - - if (frontend == 'invidious') { - invidiousDiv.style.display = 'block'; - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'none'; - freetubeYatteeDiv.style.display = 'none'; - } - else if (frontend == 'piped') { - invidiousDiv.style.display = 'none'; - pipedDiv.style.display = 'block'; - pipedMaterialDiv.style.display = 'none'; - freetubeYatteeDiv.style.display = 'none'; - } - else if (frontend == 'pipedMaterial') { - invidiousDiv.style.display = 'none'; - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'block'; - freetubeYatteeDiv.style.display = 'none'; - } - else if (frontend == 'freetube' || frontend == 'yatte') { - invidiousDiv.style.display = 'none'; - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'none'; - freetubeYatteeDiv.style.display = 'block'; - changeYoutubeEmbedFrontendsSettings(); - } -} - -function changeYoutubeEmbedFrontendsSettings() { - if (youtubeEmbedFrontend.value == 'invidious') { - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'none'; - invidiousDiv.style.display = 'block'; - } - if (youtubeEmbedFrontend.value == 'piped') { - pipedDiv.style.display = 'block'; - pipedMaterialDiv.style.display = 'none'; - invidiousDiv.style.display = 'none'; - } - if (youtubeEmbedFrontend.value == 'pipedMaterial') { - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'block'; - invidiousDiv.style.display = 'none'; - } - else if (youtubeEmbedFrontend.value == 'youtube') { - pipedDiv.style.display = 'none'; - pipedMaterialDiv.style.display = 'none'; - invidiousDiv.style.display = 'none'; - } -} - -function changeProtocolSettings() { - const normalPipedDiv = document.getElementById('piped').getElementsByClassName("normal")[0]; - const torPipedDiv = document.getElementById('piped').getElementsByClassName("tor")[0]; - - const normalPipedMaterialDiv = document.getElementById('pipedMaterial').getElementsByClassName("normal")[0]; - const torPipedMaterialDiv = document.getElementById('pipedMaterial').getElementsByClassName("tor")[0]; - - const normalInvidiousDiv = document.getElementById('invidious').getElementsByClassName("normal")[0]; - const torInvidiousDiv = document.getElementById('invidious').getElementsByClassName("tor")[0]; - - if (protoco.value == 'normal') { - normalInvidiousDiv.style.display = 'block'; - torInvidiousDiv.style.display = 'none'; - - normalPipedDiv.style.display = 'block'; - torPipedDiv.style.display = 'none'; - - normalPipedMaterialDiv.style.display = 'block'; - torPipedMaterialDiv.style.display = 'none'; - } - else if (protoco.value == 'tor') { - normalInvidiousDiv.style.display = 'none'; - torInvidiousDiv.style.display = 'block'; - - normalPipedDiv.style.display = 'none'; - torPipedDiv.style.display = 'block'; - - normalPipedMaterialDiv.style.display = 'none'; - torPipedMaterialDiv.style.display = 'block'; - } -} - -document.addEventListener("change", async () => { - await browser.storage.local.set({ - disableYoutube: !disableYoutube.checked, - youtubeFrontend: youtubeFrontend.value, - youtubeEmbedFrontend: youtubeEmbedFrontend.value, - OnlyEmbeddedVideo: OnlyEmbeddedVideo.value, - youtubeProtocol: protoco.value, - }) - changeProtocolSettings(); - changeYoutubeEmbedFrontendsSettings(); - changeFrontendsSettings(); -}) - -browser.storage.local.get( - [ - "disableYoutube", - "OnlyEmbeddedVideo", - "youtubeRedirects", - "youtubeFrontend", - - "youtubeEmbedFrontend", - "youtubeProtocol", - ], - r => { - disableYoutube.checked = !r.disableYoutube; - OnlyEmbeddedVideo.value = r.OnlyEmbeddedVideo; - youtubeFrontend.value = r.youtubeFrontend; - protoco.value = r.youtubeProtocol; - - changeFrontendsSettings(); - changeProtocolSettings(); - - youtubeEmbedFrontend.value = youtubeEmbedFrontend.value - if (r.youtubeFrontend == "freetube" || r.youtubeFrontend == "yatte") changeYoutubeEmbedFrontendsSettings() - } -); - -const invidiousForm = invidiousDiv.getElementsByTagName('form')[0]; -const invidiousCookies = invidiousForm.getElementsByTagName('input')[0]; -invidiousForm.addEventListener('submit', async event => { - event.preventDefault(); - const url = new URL(invidiousCookies.value); - youtubeHelper.initInvidiousCookies(url); -}); - -// const pipedForm = pipedDiv.getElementsByTagName('form')[0]; -// const pipedCookies = pipedForm.getElementsByTagName('input')[0]; -// pipedForm.addEventListener('submit', async event => { -// event.preventDefault(); -// const url = new URL(pipedCookies.value); -// youtubeHelper.applyPipedLocalStorage(url); -// }); - -utils.processDefaultCustomInstances('youtube', 'invidious', 'normal', document); -utils.processDefaultCustomInstances('youtube', 'invidious', 'tor', document); -utils.processDefaultCustomInstances('youtube', 'pipedMaterial', 'normal', document); -utils.processDefaultCustomInstances('youtube', 'pipedMaterial', 'tor', document); -utils.processDefaultCustomInstances('youtube', 'piped', 'normal', document); -utils.processDefaultCustomInstances('youtube', 'piped', 'tor', document); - -utils.latency('youtube', 'invidious', document, location, true) -utils.latency('youtube', 'piped', document, location, true) -utils.latency('youtube', 'pipedMaterial', document, location, true) diff --git a/src/pages/options/youtube/youtube.pug b/src/pages/options/youtube/youtube.pug deleted file mode 100644 index 6d5d2469..00000000 --- a/src/pages/options/youtube/youtube.pug +++ /dev/null @@ -1,83 +0,0 @@ -doctype html -html(lang="en") - include ../../widgets/head.pug - title YouTube -script(type="module" src="../../../assets/javascripts/localise.js") -body.option(dir="auto") - include ../../widgets/links.pug - +links('youtube') - - section.option-block - .some-block.option-block - h1 YouTube - hr - .some-block.option-block - h4(data-localise="__MSG_enable__") Enable - input#disable-invidious(type="checkbox") - - .some-block.option-block - h4(data-localise="__MSG_frontend__") Frontend - select#youtube-frontend - option(value="invidious") Invidious - option(value="piped") Piped - option(value="pipedMaterial") Piped-Material - option(value="freetube") FreeTube - option(value="yatte") Yattee - - #freetube-yatte - .some-block.option-block - h4(data-localise="__MSG_embeddedVids__") Embedded Videos Frontend - select#youtube-embed-frontend - option(value="invidious") Invidious - option(value="piped") Piped - option(value="pipedMaterial") Piped-Material - option(value="youtube") Youtube - - #invidious-piped-pipedMaterial - .some-block.option-block - h4(data-localise="__MSG_protocol__") Protocol - select#protocol - option(value="normal" data-localise="__MSG_normal__") Normal - option(value="tor" data-localise="__MSG_tor__") Tor - - .some-block.option-block - h4(data-localise="__MSG_redirectType") Redirect Type - select#only-embed - option(value="both" data-localise="__MSG_both__") both - option(value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__") Only Embedded - option(value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__") Only Not Embedded - - #invidious - hr - .normal - include ../../widgets/instances.pug - +instances('https://invidious.com') - include ../../widgets/latency.pug - +latency('invidious') - .tor - include ../../widgets/instances.pug - +instances('https://invidious.onion') - - #piped - hr - .normal - include ../../widgets/instances.pug - +instances('https://piped.com') - +latency('piped') - .tor - include ../../widgets/instances.pug - +instances('https://piped.onion') - - #pipedMaterial - hr - .normal - include ../../widgets/instances.pug - +instances('https://piped-material.com') - +latency('pipedMaterial') - .tor - include ../../widgets/instances.pug - +instances('https://piped-material.onion') - - - script(type="module" src="../init.js") - script(type="module" src="./youtube.js") -- cgit 1.4.1