From 8db3a300fe9b3096defc613f82b84f3109d5faf1 Mon Sep 17 00:00:00 2001 From: ManeraKai Date: Tue, 15 Feb 2022 20:19:23 +0300 Subject: Adding langFrom, langTo to settings translation. changing naming schemes --- src/pages/options/translate/translate.html | 231 +++++++++++++++++++++++++++++ src/pages/options/translate/translate.js | 30 +++- src/pages/options/youtube/youtube.js | 36 ++--- src/pages/popup/popup.js | 8 +- 4 files changed, 278 insertions(+), 27 deletions(-) (limited to 'src/pages') diff --git a/src/pages/options/translate/translate.html b/src/pages/options/translate/translate.html index 36380865..72ea3906 100644 --- a/src/pages/options/translate/translate.html +++ b/src/pages/options/translate/translate.html @@ -122,6 +122,237 @@
+
+
+

From

+ +
+ +
+

To

+ +
+
+

Default Instances

diff --git a/src/pages/options/translate/translate.js b/src/pages/options/translate/translate.js index a28d3215..4db80072 100644 --- a/src/pages/options/translate/translate.js +++ b/src/pages/options/translate/translate.js @@ -1,22 +1,24 @@ import translateHelper from "../../../assets/javascripts/helpers/translate.js"; import commonHelper from "../../../assets/javascripts/helpers/common.js"; -let disableTranslateElement = document.getElementById("disable-simplyTranslate"); -disableTranslateElement.addEventListener("change", - (event) => translateHelper.setDisableTranslate(!event.target.checked) +let disableElement = document.getElementById("disable-simplyTranslate"); +disableElement.addEventListener("change", + (event) => translateHelper.setDisable(!event.target.checked) ); - +let simplyTranslateLingvaDivElement = document.getElementById("simplyTranslate-lingva") let simplyTranslateDivElement = document.getElementById("simplyTranslate") let lingvaDivElement = document.getElementById("lingva") function changeFrontendsSettings(frontend) { if (frontend == 'simplyTranslate') { + simplyTranslateLingvaDivElement.style.display = 'block'; simplyTranslateDivElement.style.display = 'block'; lingvaDivElement.style.display = 'none'; } else if (frontend == 'lingva') { + simplyTranslateLingvaDivElement.style.display = 'block'; simplyTranslateDivElement.style.display = 'none'; lingvaDivElement.style.display = 'block'; } @@ -30,11 +32,29 @@ translateFrontendElement.addEventListener("change", } ); +let fromElement = document.getElementById("from"); +fromElement.addEventListener("change", + (event) => { + let from = event.target.options[fromElement.selectedIndex].value; + translateHelper.setFrom(from); + } +); + +let toElement = document.getElementById("to"); +toElement.addEventListener("change", + (event) => { + let to = event.target.options[toElement.selectedIndex].value; + translateHelper.setTo(to); + } +); + translateHelper.init().then(() => { - disableTranslateElement.checked = !translateHelper.getDisableTranslate(); + disableElement.checked = !translateHelper.getDisable(); let frontend = translateHelper.getFrontend(); translateFrontendElement.value = frontend; changeFrontendsSettings(frontend); + fromElement.value = translateHelper.getFrom(); + toElement.value = translateHelper.getTo(); commonHelper.processDefaultCustomInstances( 'simplyTranslate', diff --git a/src/pages/options/youtube/youtube.js b/src/pages/options/youtube/youtube.js index 29831198..097ba096 100644 --- a/src/pages/options/youtube/youtube.js +++ b/src/pages/options/youtube/youtube.js @@ -36,31 +36,31 @@ disableYoutubeElement.addEventListener("change", (event) => youtubeHelper.setDisableYoutube(!event.target.checked) ); -let invidiousThemeElement = document.getElementById("invidious-theme"); -invidiousThemeElement.addEventListener("change", - (event) => youtubeHelper.setInvidiousTheme(event.target.options[invidiousThemeElement.selectedIndex].value) +let themeElement = document.getElementById("invidious-theme"); +themeElement.addEventListener("change", + (event) => youtubeHelper.setTheme(event.target.options[themeElement.selectedIndex].value) ); -let invidiousVolumeElement = document.getElementById("invidious-volume"); -let invidiousVolumeValueElement = document.querySelector("#volume-value"); -invidiousVolumeElement.addEventListener("input", +let volumeElement = document.getElementById("invidious-volume"); +let volumeValueElement = document.querySelector("#volume-value"); +volumeElement.addEventListener("input", () => { - youtubeHelper.setInvidiousVolume(invidiousVolumeElement.value); - invidiousVolumeValueElement.textContent = `${invidiousVolumeElement.value}%`; + youtubeHelper.setVolume(volumeElement.value); + volumeValueElement.textContent = `${volumeElement.value}%`; } ); let invidiousClearVolumeElement = document.getElementById("clear-invidious-volume"); invidiousClearVolumeElement.addEventListener("click", (_) => { - youtubeHelper.setInvidiousVolume('--'); - invidiousVolumeValueElement.textContent = `--%`; - invidiousVolumeElement.value = 50; + youtubeHelper.setVolume('--'); + volumeValueElement.textContent = `--%`; + volumeElement.value = 50; } ); -let invidiousAutoplayElement = document.getElementById("invidious-autoplay"); -invidiousAutoplayElement.addEventListener("change", - (event) => youtubeHelper.setInvidiousAutoplay(event.target.options[invidiousAutoplayElement.selectedIndex].value) +let autoplayElement = document.getElementById("invidious-autoplay"); +autoplayElement.addEventListener("change", + (event) => youtubeHelper.setAutoplay(event.target.options[autoplayElement.selectedIndex].value) ); let OnlyEmbeddedVideoElement = document.getElementById("only-embed"); @@ -75,12 +75,12 @@ alwaysUsePreferredElement.addEventListener("change", youtubeHelper.init().then(() => { disableYoutubeElement.checked = !youtubeHelper.getDisableYoutube(); - invidiousThemeElement.checked = youtubeHelper.getInvidiousTheme(); - invidiousVolumeElement.value = youtubeHelper.getInvidiousVolume(); - invidiousVolumeValueElement.textContent = `${youtubeHelper.getInvidiousVolume()}%`; + themeElement.checked = youtubeHelper.getTheme(); + volumeElement.value = youtubeHelper.getVolume(); + volumeValueElement.textContent = `${youtubeHelper.getVolume()}%`; OnlyEmbeddedVideoElement.value = youtubeHelper.getOnlyEmbeddedVideo(); alwaysUsePreferredElement.checked = youtubeHelper.getAlwaysusePreferred(); - invidiousAutoplayElement.checked = youtubeHelper.getInvidiousAutoplay(); + autoplayElement.checked = youtubeHelper.getAutoplay(); let frontend = youtubeHelper.getFrontend(); youtubeFrontendElement.value = frontend; changeFrontendsSettings(frontend); diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js index fb46d96f..5ae42b97 100644 --- a/src/pages/popup/popup.js +++ b/src/pages/popup/popup.js @@ -20,7 +20,7 @@ let disableInstagramElement = document.querySelector("#disable-bibliogram"); let disableMapsElement = document.querySelector("#disable-osm"); let disableRedditElement = document.querySelector("#disable-reddit"); let disableSearchElement = document.querySelector("#disable-search"); -let disableTranslateElement = document.querySelector("#disable-simplyTranslate"); +let disableElement = document.querySelector("#disable-simplyTranslate"); let disableWikipediaElement = document.querySelector("#disable-wikipedia"); let disableMediumElement = document.querySelector("#disable-medium"); let disableImgurElement = document.querySelector("#disable-imgur"); @@ -47,7 +47,7 @@ wholeInit().then(() => { disableMapsElement.checked = !mapsHelper.getDisableMaps(); disableRedditElement.checked = !redditHelper.getDisableReddit(); disableSearchElement.checked = !searchHelper.getDisableSearch(); - disableTranslateElement.checked = !translateHelper.getDisableTranslate(); + disableElement.checked = !translateHelper.getDisable(); disableWikipediaElement.checked = !wikipediaHelper.getDisableWikipedia(); disableImgurElement.checked = !imgurHelper.getDisableImgur(); disableTiktokElement.checked = !tiktokHelper.getDisableTiktok(); @@ -78,8 +78,8 @@ disableSearchElement.addEventListener("change", (event) => searchHelper.setDisableSearch(!event.target.checked) ); -disableTranslateElement.addEventListener("change", - (event) => translateHelper.setDisableTranslate(!event.target.checked) +disableElement.addEventListener("change", + (event) => translateHelper.setDisable(!event.target.checked) ); disableWikipediaElement.addEventListener("change", -- cgit 1.4.1