diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/options/index.html | 44 | ||||
| -rw-r--r-- | src/pages/options/widgets/translate.js | 32 | ||||
| -rw-r--r-- | src/pages/options/widgets/translate.pug | 9 |
3 files changed, 81 insertions, 4 deletions
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 |