From 0ea6f3845e5e8317c0ac3a680ef56c2460af106c Mon Sep 17 00:00:00 2001
From: BobIsMyManager <bobismymanager@noreply.codeberg.org>
Date: Tue, 5 Jul 2022 22:02:32 +0200
Subject: 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>
---
 src/pages/options/index.html            | 44 +++++++++++++++++++++++++++++++++
 src/pages/options/widgets/translate.js  | 32 +++++++++++++++++++++---
 src/pages/options/widgets/translate.pug |  9 +++++++
 3 files changed, 81 insertions(+), 4 deletions(-)

(limited to 'src/pages/options')

diff --git a/src/pages/options/index.html b/src/pages/options/index.html
index 6d97cfac..241a20e7 100644
--- a/src/pages/options/index.html
+++ b/src/pages/options/index.html
@@ -1765,6 +1765,8 @@
           <select id="translate-protocol">
             <option value="normal" data-localise="__MSG_normal__">Normal</option>
             <option value="tor" data-localise="__MSG_tor__">Tor</option>
+            <option value="i2p" data-localise="__MSG_i2p__">I2P</option>
+            <option value="loki" data-localise="__MSG_loki__">Lokinet</option>
           </select>
         </div>
         <hr>
@@ -1820,6 +1822,48 @@
                         </form>
                         <div class="checklist custom-checklist"></div>
           </div>
+          <div class="i2p">
+                        <div class="some-block option-block">
+                          <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
+                        </div>
+                        <div class="checklist"></div>
+                        <hr>
+                        <div class="some-block option-block">
+                          <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
+                        </div>
+                        <form class="custom-instance-form">
+                          <div class="some-block option-block">
+                            <input class="custom-instance" placeholder="http://simplytranslate.i2p" type="url">
+                            <button class="add add-instance" type="submit">
+                              <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
+                                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+                              </svg>
+                            </button>
+                          </div>
+                        </form>
+                        <div class="checklist custom-checklist"></div>
+          </div>
+          <div class="loki">
+                        <div class="some-block option-block">
+                          <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
+                        </div>
+                        <div class="checklist"></div>
+                        <hr>
+                        <div class="some-block option-block">
+                          <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
+                        </div>
+                        <form class="custom-instance-form">
+                          <div class="some-block option-block">
+                            <input class="custom-instance" placeholder="http://simplytranslate.loki" type="url">
+                            <button class="add add-instance" type="submit">
+                              <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
+                                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+                              </svg>
+                            </button>
+                          </div>
+                        </form>
+                        <div class="checklist custom-checklist"></div>
+          </div>
         </div>
         <div id="lingva">
           <div class="normal">
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
-- 
cgit 1.4.1