From 5d4377c081d18d89e64184c60d3fa97504768c81 Mon Sep 17 00:00:00 2001 From: ManeraKai Date: Tue, 12 Apr 2022 02:27:39 +0300 Subject: Restructuring Settings Structure --- src/pages/options/translate/translate.html | 736 ++++++++++++++--------------- src/pages/options/translate/translate.js | 25 +- 2 files changed, 380 insertions(+), 381 deletions(-) (limited to 'src/pages/options/translate') diff --git a/src/pages/options/translate/translate.html b/src/pages/options/translate/translate.html index aace2d45..3116a0ac 100644 --- a/src/pages/options/translate/translate.html +++ b/src/pages/options/translate/translate.html @@ -2,12 +2,12 @@ - - - - - - LibRedirect: Translate + + + + + + LibRedirect: Translate @@ -128,380 +128,378 @@ -
+
+
+

Enable

+ +
+ +
+

Frontend

+ +
+ +
+

Protocol

+ +
+ +
+ +
+
+

From

+ +
+
+

To

+ +
+ +
+

Engine

+ +
+
-

Enable

- +

Default Instances

- +
+
+
-

Frontend

- +

Custom Instances

- +
+
+ + +
+
+
+
+
-

Protocol

- +

Default Instances

+
+
-
- -
-
-

From

- -
-
-

To

- -
- -
-

Engine

- -
-
-
-

Default Instances

-
-
-
-
-
-

Custom Instances

-
-
-
- - -
-
-
-
-
-
-

Default Instances

-
-
-
-
-
-

Custom Instances

-
-
-
- - -
-
-
-
+
+

Custom Instances

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

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/translate/translate.js b/src/pages/options/translate/translate.js index d1df35ab..5da48740 100644 --- a/src/pages/options/translate/translate.js +++ b/src/pages/options/translate/translate.js @@ -6,8 +6,8 @@ disableElement.addEventListener("change", (event) => translateHelper.setDisable(!event.target.checked) ); -let simplyTranslateDivElement = document.getElementById("simplyTranslate") -let lingvaDivElement = document.getElementById("lingva") +let simplyTranslateDivElement = document.getElementById("simplyTranslate"); +let lingvaDivElement = document.getElementById("lingva"); function changeFrontendsSettings(frontend) { @@ -22,14 +22,14 @@ function changeFrontendsSettings(frontend) { } let translateFrontendElement = document.getElementById("translate-frontend"); translateFrontendElement.addEventListener("change", - (event) => { + event => { let frontend = event.target.options[translateFrontendElement.selectedIndex].value translateHelper.setFrontend(frontend) changeFrontendsSettings(frontend); } ); -let protocolElement = document.getElementById("protocol") +let protocolElement = document.getElementById("protocol"); protocolElement.addEventListener("change", (event) => { let protocol = event.target.options[protocolElement.selectedIndex].value @@ -39,11 +39,12 @@ protocolElement.addEventListener("change", ); function changeProtocolSettings(protocol) { - let normalSimplyTranslateDiv = document.getElementById("simplyTranslate-normal"); - let torSimplyTranslateDiv = document.getElementById("simplyTranslate-tor"); + let normalSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("normal")[0]; + let torSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("tor")[0]; + + let normalLingvaDiv = document.getElementById("lingva").getElementsByClassName("normal")[0]; + let torLingvaDiv = document.getElementById("lingva").getElementsByClassName("tor")[0]; - let normalLingvaDiv = document.getElementById("lingva-normal"); - let torLingvaDiv = document.getElementById("lingva-tor"); if (protocol == 'normal') { normalSimplyTranslateDiv.style.display = 'block'; normalLingvaDiv.style.display = 'block'; @@ -58,17 +59,18 @@ function changeProtocolSettings(protocol) { } } -let fromElement = document.getElementById("from"); +let fromElement = document.getElementsByClassName("from")[0]; fromElement.addEventListener("change", event => translateHelper.setFrom(event.target.options[fromElement.selectedIndex].value) ); -let toElement = document.getElementById("to"); +let toElement = document.getElementsByClassName("to")[0]; toElement.addEventListener("change", event => translateHelper.setTo(event.target.options[toElement.selectedIndex].value) ); -let simplyTranslateEngineElement = document.getElementById("simplyTranslate-engine"); +let simplyTranslateElement = document.getElementById("simplyTranslate") +let simplyTranslateEngineElement = simplyTranslateElement.getElementsByClassName("engine")[0]; simplyTranslateEngineElement.addEventListener("change", event => translateHelper.setSimplyTranslateEngine(event.target.options[simplyTranslateEngineElement.selectedIndex].value) ); @@ -110,7 +112,6 @@ translateHelper.init().then(() => { translateHelper.setSimplyTranslateTorCustomRedirects ); - commonHelper.processDefaultCustomInstances( 'lingva', 'normal', -- cgit 1.4.1