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 +++- 2 files changed, 256 insertions(+), 5 deletions(-) (limited to 'src/pages/options/translate') 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', -- cgit 1.4.1