Added I2P and Lokinet support for simply translate. (#4)

Co-authored-by: BobIsMyManager <bimmgitsignature.nly8m@simplelogin.co>
Reviewed-on: https://codeberg.org/LibRedirect/libredirect/pulls/4
Co-authored-by: BobIsMyManager <bobismymanager@noreply.codeberg.org>
Co-committed-by: BobIsMyManager <bobismymanager@noreply.codeberg.org>

2 files changed, 37 insertions, 4 deletions

diff --git a/src/pages/options/widgets/translate.js b/src/pages/options/widgets/translate.js
index 3e1f53eb..04869b63 100644
--- a/src/pages/options/widgets/translate.js
+++ b/src/pages/options/widgets/translate.js
@@ -22,6 +22,8 @@ function changeFrontendsSettings() {
 function changeProtocolSettings() {
     const normalSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("normal")[0];
     const torSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("tor")[0];
+    const i2pSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("i2p")[0];
+    const lokiSimplyTranslateDiv = document.getElementById("simplyTranslate").getElementsByClassName("loki")[0];
 
     const normalLingvaDiv = document.getElementById("lingva").getElementsByClassName("normal")[0];
     const torLingvaDiv = document.getElementById("lingva").getElementsByClassName("tor")[0];
@@ -29,14 +31,34 @@ function changeProtocolSettings() {
     if (protocol.value == 'normal') {
         normalSimplyTranslateDiv.style.display = 'block';
         normalLingvaDiv.style.display = 'block';
-        torLingvaDiv.style.display = 'none';
         torSimplyTranslateDiv.style.display = 'none';
+        torLingvaDiv.style.display = 'none';
+        i2pSimplyTranslateDiv.style.display = 'none';
+        lokiSimplyTranslateDiv.style.display = 'none';
     }
     else if (protocol.value == 'tor') {
         normalSimplyTranslateDiv.style.display = 'none';
         normalLingvaDiv.style.display = 'none';
-        torLingvaDiv.style.display = 'block';
         torSimplyTranslateDiv.style.display = 'block';
+        torLingvaDiv.style.display = 'block';
+        i2pSimplyTranslateDiv.style.display = 'none';
+        lokiSimplyTranslateDiv.style.display = 'none';
+    }
+    else if (protocol.value == 'i2p') {
+        normalSimplyTranslateDiv.style.display = 'none';
+        normalLingvaDiv.style.display = 'none';
+        torSimplyTranslateDiv.style.display = 'none';
+        torLingvaDiv.style.display = 'none';
+        i2pSimplyTranslateDiv.style.display = 'block';
+        lokiSimplyTranslateDiv.style.display = 'none';
+    }
+    else if (protocol.value == 'loki') {
+        normalSimplyTranslateDiv.style.display = 'none';
+        normalLingvaDiv.style.display = 'none';
+        torSimplyTranslateDiv.style.display = 'none';
+        torLingvaDiv.style.display = 'none';
+        i2pSimplyTranslateDiv.style.display = 'none';
+        lokiSimplyTranslateDiv.style.display = 'block';
     }
 }
 
@@ -66,10 +88,12 @@ translate.addEventListener("change", () => {
 })
 
 
-utils.processDefaultCustomInstances('translate', 'simplyTranslate', 'normal', document)
+utils.processDefaultCustomInstances('translate', 'simplyTranslate', 'normal', document);
 utils.processDefaultCustomInstances('translate', 'simplyTranslate', 'tor', document);
+utils.processDefaultCustomInstances('translate', 'simplyTranslate', 'i2p', document);
+utils.processDefaultCustomInstances('translate', 'simplyTranslate', 'loki', document);
 utils.processDefaultCustomInstances('translate', 'lingva', 'normal', document);
 utils.processDefaultCustomInstances('translate', 'lingva', 'tor', document);
 
 utils.latency('translate', 'simplyTranslate', document, location, true)
-utils.latency('translate', 'lingva', document, location, true)
\ No newline at end of file
+utils.latency('translate', 'lingva', document, location, true)
diff --git a/src/pages/options/widgets/translate.pug b/src/pages/options/widgets/translate.pug
index 6fc9b38c..c29d75e1 100644
--- a/src/pages/options/widgets/translate.pug
+++ b/src/pages/options/widgets/translate.pug
@@ -17,6 +17,8 @@ section#translate_page.option-block
         select#translate-protocol
             option(value="normal" data-localise="__MSG_normal__") Normal
             option(value="tor" data-localise="__MSG_tor__") Tor
+            option(value="i2p" data-localise="__MSG_i2p__") I2P
+            option(value="loki" data-localise="__MSG_loki__") Lokinet
 
     hr
     #simplyTranslate
@@ -28,6 +30,13 @@ section#translate_page.option-block
         .tor
             include ../../widgets/instances.pug
             +instances('http://hxecvvetgrznmprg.onion')
+        .i2p
+            include ../../widgets/instances.pug
+            +instances('http://simplytranslate.i2p')
+        .loki
+            include ../../widgets/instances.pug
+            +instances('http://simplytranslate.loki')
+            
     #lingva
         .normal
             include ../../widgets/instances.pug