diff options
Diffstat (limited to '')
| -rw-r--r-- | src/pages/options/index.ejs | 10 | ||||
| -rw-r--r-- | src/pages/options/index.html | 1326 | ||||
| -rw-r--r-- | src/pages/options/widgets/general.ejs | 12 | ||||
| -rw-r--r-- | src/pages/options/widgets/services.ejs | 61 | ||||
| -rw-r--r-- | src/pages/options/widgets/services.js | 58 | ||||
| -rw-r--r-- | src/pages/widgets/links.ejs | 4 |
6 files changed, 482 insertions, 989 deletions
diff --git a/src/pages/options/index.ejs b/src/pages/options/index.ejs index 0240f992..e0ce3c3c 100644 --- a/src/pages/options/index.ejs +++ b/src/pages/options/index.ejs @@ -1,12 +1,12 @@ <!DOCTYPE html> <html id="elementToShowWithJavaScript" lang="en"> - <%- include('src/pages/widgets/head') %> + <%- include('src/pages/widgets/head') -%> <body class="option" dir="auto"> - <%- include('src/pages/widgets/links', {config: config}) %> + <%- include('src/pages/widgets/links', {config: config}) -%> <div id="pages"> - <%- include('src/pages/options/widgets/general', {config: config}) %> - <%- include('src/pages/options/widgets/services', {config: config}) %> - <%- include('src/pages/options/widgets/about') %> + <%- include('src/pages/options/widgets/general', {config: config}) -%> + <%- include('src/pages/options/widgets/services', {config: config}) -%> + <%- include('src/pages/options/widgets/about') -%> </div> </body> <script type="module" src="./index.js"></script> diff --git a/src/pages/options/index.html b/src/pages/options/index.html index 8908c9bf..df6bec2a 100644 --- a/src/pages/options/index.html +++ b/src/pages/options/index.html @@ -8,50 +8,29 @@ <title>General</title> <script type="module" src="./init.js"></script> </head> - <body class="option" dir="auto"> <section class="links" id="links"> <div class="title"><img src="../../../assets/images/general-icon.svg"><a href="#general" data-localise="__MSG_general__">General</a></div> - - <div class="title"><img src="../../../assets/images/youtube-icon.png"><a href="#youtube" data-localise="__MSG_youtube__">youtube</a></div> - - <div class="title"><img src="../../../assets/images/youtubeMusic-icon.png"><a href="#youtubeMusic" data-localise="__MSG_youtubeMusic__">youtubeMusic</a></div> - - <div class="title"><img src="../../../assets/images/twitter-icon.png"><a href="#twitter" data-localise="__MSG_twitter__">twitter</a></div> - - <div class="title"><img src="../../../assets/images/instagram-icon.png"><a href="#instagram" data-localise="__MSG_instagram__">instagram</a></div> - - <div class="title"><img src="../../../assets/images/tiktok-icon.png"><a href="#tiktok" data-localise="__MSG_tiktok__">tiktok</a></div> - - <div class="title"><img src="../../../assets/images/reddit-icon.png"><a href="#reddit" data-localise="__MSG_reddit__">reddit</a></div> - - <div class="title"><img src="../../../assets/images/imgur-icon.png"><a href="#imgur" data-localise="__MSG_imgur__">imgur</a></div> - - <div class="title"><img src="../../../assets/images/wikipedia-icon.svg"><a href="#wikipedia" data-localise="__MSG_wikipedia__">wikipedia</a></div> - - <div class="title"><img src="../../../assets/images/medium-icon.svg"><a href="#medium" data-localise="__MSG_medium__">medium</a></div> - - <div class="title"><img src="../../../assets/images/quora-icon.png"><a href="#quora" data-localise="__MSG_quora__">quora</a></div> - - <div class="title"><img src="../../../assets/images/imdb-icon.svg"><a href="#imdb" data-localise="__MSG_imdb__">imdb</a></div> - - <div class="title"><img src="../../../assets/images/reuters-icon.svg"><a href="#reuters" data-localise="__MSG_reuters__">reuters</a></div> - - <div class="title"><img src="../../../assets/images/peertube-icon.svg"><a href="#peertube" data-localise="__MSG_peertube__">peertube</a></div> - - <div class="title"><img src="../../../assets/images/lbry-icon.png"><a href="#lbry" data-localise="__MSG_lbry__">lbry</a></div> - - <div class="title"><img src="../../../assets/images/search-icon.svg"><a href="#search" data-localise="__MSG_search__">search</a></div> - - <div class="title"><img src="../../../assets/images/translate-icon.svg"><a href="#translate" data-localise="__MSG_translate__">translate</a></div> - - <div class="title"><img src="../../../assets/images/maps-icon.svg"><a href="#maps" data-localise="__MSG_maps__">maps</a></div> - - <div class="title"><img src="../../../assets/images/sendTargets-icon.svg"><a href="#sendTargets" data-localise="__MSG_sendTargets__">sendTargets</a></div> - - <div class="title"><img src="../../../assets/images/about-icon.svg"><a href="#about" data-localise="__MSG_about__">About</a></div> + <div class="title"><img src="../../../assets/images/youtube-icon.png"><a href="#youtube" data-localise="__MSG_youtube__">youtube</a></div> + <div class="title"><img src="../../../assets/images/youtubeMusic-icon.png"><a href="#youtubeMusic" data-localise="__MSG_youtubeMusic__">youtubeMusic</a></div> + <div class="title"><img src="../../../assets/images/twitter-icon.png"><a href="#twitter" data-localise="__MSG_twitter__">twitter</a></div> + <div class="title"><img src="../../../assets/images/instagram-icon.png"><a href="#instagram" data-localise="__MSG_instagram__">instagram</a></div> + <div class="title"><img src="../../../assets/images/tiktok-icon.png"><a href="#tiktok" data-localise="__MSG_tiktok__">tiktok</a></div> + <div class="title"><img src="../../../assets/images/reddit-icon.png"><a href="#reddit" data-localise="__MSG_reddit__">reddit</a></div> + <div class="title"><img src="../../../assets/images/imgur-icon.png"><a href="#imgur" data-localise="__MSG_imgur__">imgur</a></div> + <div class="title"><img src="../../../assets/images/wikipedia-icon.svg"><a href="#wikipedia" data-localise="__MSG_wikipedia__">wikipedia</a></div> + <div class="title"><img src="../../../assets/images/medium-icon.svg"><a href="#medium" data-localise="__MSG_medium__">medium</a></div> + <div class="title"><img src="../../../assets/images/quora-icon.png"><a href="#quora" data-localise="__MSG_quora__">quora</a></div> + <div class="title"><img src="../../../assets/images/imdb-icon.svg"><a href="#imdb" data-localise="__MSG_imdb__">imdb</a></div> + <div class="title"><img src="../../../assets/images/reuters-icon.svg"><a href="#reuters" data-localise="__MSG_reuters__">reuters</a></div> + <div class="title"><img src="../../../assets/images/peertube-icon.svg"><a href="#peertube" data-localise="__MSG_peertube__">peertube</a></div> + <div class="title"><img src="../../../assets/images/lbry-icon.png"><a href="#lbry" data-localise="__MSG_lbry__">lbry</a></div> + <div class="title"><img src="../../../assets/images/search-icon.svg"><a href="#search" data-localise="__MSG_search__">search</a></div> + <div class="title"><img src="../../../assets/images/translate-icon.svg"><a href="#translate" data-localise="__MSG_translate__">translate</a></div> + <div class="title"><img src="../../../assets/images/maps-icon.svg"><a href="#maps" data-localise="__MSG_maps__">maps</a></div> + <div class="title"><img src="../../../assets/images/sendTargets-icon.svg"><a href="#sendTargets" data-localise="__MSG_sendTargets__">sendTargets</a></div> + <div class="title"><img src="../../../assets/images/about-icon.svg"><a href="#about" data-localise="__MSG_about__">About</a></div> </section> - <div id="pages"> <section class="option-block" id="general_page"> <div class="some-block option-block"> @@ -69,16 +48,12 @@ <div class="some-block option-block"> <h4 data-localise="__MSG_protocol__"></h4> <select id="protocol"> - <option value="clearnet">Clearnet</option> - <option value="tor">Tor</option> - <option value="i2p">I2P</option> - <option value="loki">Lokinet</option> - </select> +</select> </div> <div id="protocol-fallback"> <div class="some-block option-block"> @@ -145,126 +120,108 @@ <h4 data-localise="__MSG_customPopup__">Customize Popup</h4> </div> <div class="checklist-popup" id="popup-frontends-checklist"> - <div> <div><img src="../../../assets/images/youtube-icon.png"> <x data-localise="__MSG_youtube__">youtube</x> </div> <input id="youtube" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/youtubeMusic-icon.png"> <x data-localise="__MSG_youtubeMusic__">youtubeMusic</x> </div> <input id="youtubeMusic" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/twitter-icon.png"> <x data-localise="__MSG_twitter__">twitter</x> </div> <input id="twitter" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/instagram-icon.png"> <x data-localise="__MSG_instagram__">instagram</x> </div> <input id="instagram" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/tiktok-icon.png"> <x data-localise="__MSG_tiktok__">tiktok</x> </div> <input id="tiktok" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/reddit-icon.png"> <x data-localise="__MSG_reddit__">reddit</x> </div> <input id="reddit" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/imgur-icon.png"> <x data-localise="__MSG_imgur__">imgur</x> </div> <input id="imgur" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/wikipedia-icon.svg"> <x data-localise="__MSG_wikipedia__">wikipedia</x> </div> <input id="wikipedia" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/medium-icon.svg"> <x data-localise="__MSG_medium__">medium</x> </div> <input id="medium" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/quora-icon.png"> <x data-localise="__MSG_quora__">quora</x> </div> <input id="quora" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/imdb-icon.svg"> <x data-localise="__MSG_imdb__">imdb</x> </div> <input id="imdb" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/reuters-icon.svg"> <x data-localise="__MSG_reuters__">reuters</x> </div> <input id="reuters" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/peertube-icon.svg"> <x data-localise="__MSG_peertube__">peertube</x> </div> <input id="peertube" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/lbry-icon.png"> <x data-localise="__MSG_lbry__">lbry</x> </div> <input id="lbry" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/search-icon.svg"> <x data-localise="__MSG_search__">search</x> </div> <input id="search" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/translate-icon.svg"> <x data-localise="__MSG_translate__">translate</x> </div> <input id="translate" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/maps-icon.svg"> <x data-localise="__MSG_maps__">maps</x> </div> <input id="maps" type="checkbox"> </div> - <div> <div><img src="../../../assets/images/sendTargets-icon.svg"> <x data-localise="__MSG_sendTargets__">sendTargets</x> @@ -272,74 +229,52 @@ <input id="sendTargets" type="checkbox"> </div> - </div> +</div> <script type="module" src="./widgets/general.js"></script> </section> - - -<section class="option-block" id="youtube_page"> + <section class="option-block" id="youtube_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_youtube__">Youtube</h1> </div> <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="youtube-enable" type="checkbox"> + <input id="youtube-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="youtube-frontend"> - - <option value="invidious">invidious</option> - - <option value="piped">piped</option> - - <option value="pipedMaterial">pipedMaterial</option> - - <option value="cloudtube">cloudtube</option> - - - <option value="freetube">freetube</option> - - <option value="yatte">yatte</option> - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="youtube-frontend"> + <option value="invidious">Invidious</option> + <option value="piped">Piped</option> + <option value="pipedMaterial">Piped-Material</option> + <option value="cloudtube">CloudTube</option> + <option value="freetube">FreeTube</option> + <option value="yattee">Yattee</option> + + </select> </div> - - - <div id="youtube-embedded_frontend"> + <div id="youtube-embedFrontend"> <div class="some-block option-block"> <h4 data-localise="__MSG_embed_frontend__">Embed Frontend</h4> <select id="youtube-embed_frontend"> - - <option value="invidious">invidious</option> - - <option value="piped">piped</option> - - <option value="pipedMaterial">pipedMaterial</option> - - <option value="cloudtube">cloudtube</option> - + <option value="invidious">invidious</option> + <option value="piped">piped</option> + </select> </div> </div> - - - <div class="some-block option-block"> + <div class="some-block option-block"> <h4 data-localise="__MSG_redirectType__">Redirect Type</h4> - <select id="youtube-redirect_type"> + <select id="youtube-redirectType"> <option value="both" data-localise="__MSG_both__">both</option> - <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> - <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> + <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> + <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> </select> </div> - - <hr> - - <div id="invidious"> - - <div class="clearnet"> + <hr> + <div id="invidious"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -359,8 +294,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-invidious-label" for="latency-invidious"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -369,10 +303,8 @@ </label> <input class="button button-inline" id="latency-invidious" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -392,10 +324,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -415,10 +345,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -438,14 +366,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="piped"> - - <div class="clearnet"> + <div id="piped"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -465,8 +390,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-piped-label" for="latency-piped"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -475,10 +399,8 @@ </label> <input class="button button-inline" id="latency-piped" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -498,10 +420,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -521,10 +441,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -544,14 +462,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="pipedMaterial"> - - <div class="clearnet"> + <div id="pipedMaterial"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -571,8 +486,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-pipedMaterial-label" for="latency-pipedMaterial"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -581,10 +495,8 @@ </label> <input class="button button-inline" id="latency-pipedMaterial" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -604,10 +516,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -627,10 +537,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -650,14 +558,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="cloudtube"> - - <div class="clearnet"> + <div id="cloudtube"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -677,8 +582,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-cloudtube-label" for="latency-cloudtube"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -687,10 +591,8 @@ </label> <input class="button button-inline" id="latency-cloudtube" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -710,10 +612,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -733,10 +633,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -756,13 +654,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="youtubeMusic_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_youtubeMusic__">YT Music</h1> @@ -770,28 +666,20 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="youtubeMusic-enable" type="checkbox"> + <input id="youtubeMusic-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="youtubeMusic-frontend"> - - <option value="beatbump">beatbump</option> - - <option value="hyperpipe">hyperpipe</option> - - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="youtubeMusic-frontend"> + <option value="beatbump">Beatbump</option> + <option value="hyperpipe">HyperPipe</option> + + </select> </div> - - - - <hr> - - <div id="beatbump"> - - <div class="clearnet"> + <hr> + <div id="beatbump"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -811,8 +699,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-beatbump-label" for="latency-beatbump"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -821,10 +708,8 @@ </label> <input class="button button-inline" id="latency-beatbump" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -844,10 +729,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -867,10 +750,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -890,14 +771,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="hyperpipe"> - - <div class="clearnet"> + <div id="hyperpipe"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -917,8 +795,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-hyperpipe-label" for="latency-hyperpipe"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -927,10 +804,8 @@ </label> <input class="button button-inline" id="latency-hyperpipe" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -950,10 +825,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -973,10 +846,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -996,13 +867,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="twitter_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_twitter__">Twitter</h1> @@ -1010,25 +879,19 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="twitter-enable" type="checkbox"> + <input id="twitter-enabled" type="checkbox"> </div> - - - - <div class="some-block option-block"> + <div class="some-block option-block"> <h4 data-localise="__MSG_redirectType__">Redirect Type</h4> - <select id="twitter-redirect_type"> + <select id="twitter-redirectType"> <option value="both" data-localise="__MSG_both__">both</option> - <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> - <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> + <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> + <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> </select> </div> - - <hr> - - <div id="nitter"> - - <div class="clearnet"> + <hr> + <div id="nitter"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1048,8 +911,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-nitter-label" for="latency-nitter"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1058,10 +920,8 @@ </label> <input class="button button-inline" id="latency-nitter" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1081,10 +941,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1104,10 +962,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1127,13 +983,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="instagram_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_instagram__">Instagram</h1> @@ -1141,121 +995,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="instagram-enable" type="checkbox"> + <input id="instagram-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="bibliogram"> - - <div class="clearnet"> - <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://bibliogram.org" 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 class="buttons buttons-inline"> - <label class="button button-inline" id="latency-bibliogram-label" for="latency-bibliogram"> - <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> - <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> - </svg> - <x data-localise="__MSG_testInstancesLatency__">Test Instances Latency</x> - </label> - <input class="button button-inline" id="latency-bibliogram" style="display:none;"> - </div> - - </div> - - <div class="tor"> - <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://bibliogram.onion" 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="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://bibliogram.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://bibliogram.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> - </section> - <section class="option-block" id="tiktok_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_tiktok__">TikTok</h1> @@ -1263,16 +1007,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="tiktok-enable" type="checkbox"> + <input id="tiktok-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="proxiTok"> - - <div class="clearnet"> + <hr> + <div id="proxiTok"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1292,8 +1031,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-proxiTok-label" for="latency-proxiTok"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1302,10 +1040,8 @@ </label> <input class="button button-inline" id="latency-proxiTok" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1325,10 +1061,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1348,10 +1082,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1371,13 +1103,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="reddit_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_reddit__">Reddit</h1> @@ -1385,28 +1115,20 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="reddit-enable" type="checkbox"> + <input id="reddit-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="reddit-frontend"> - - <option value="libreddit">libreddit</option> - - <option value="teddit">teddit</option> - - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="reddit-frontend"> + <option value="libreddit">Libreddit</option> + <option value="teddit">Teddit</option> + + </select> </div> - - - - <hr> - - <div id="libreddit"> - - <div class="clearnet"> + <hr> + <div id="libreddit"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1426,8 +1148,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-libreddit-label" for="latency-libreddit"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1436,10 +1157,8 @@ </label> <input class="button button-inline" id="latency-libreddit" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1459,10 +1178,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1482,10 +1199,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1505,14 +1220,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="teddit"> - - <div class="clearnet"> + <div id="teddit"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1532,8 +1244,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-teddit-label" for="latency-teddit"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1542,10 +1253,8 @@ </label> <input class="button button-inline" id="latency-teddit" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1565,10 +1274,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1588,10 +1295,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1611,13 +1316,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="imgur_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_imgur__">Imgur</h1> @@ -1625,16 +1328,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="imgur-enable" type="checkbox"> + <input id="imgur-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="rimgo"> - - <div class="clearnet"> + <hr> + <div id="rimgo"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1654,8 +1352,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-rimgo-label" for="latency-rimgo"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1664,10 +1361,8 @@ </label> <input class="button button-inline" id="latency-rimgo" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1687,10 +1382,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1710,10 +1403,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1733,13 +1424,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="wikipedia_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_wikipedia__">Wikipedia</h1> @@ -1747,16 +1436,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="wikipedia-enable" type="checkbox"> + <input id="wikipedia-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="wikiless"> - - <div class="clearnet"> + <hr> + <div id="wikiless"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1776,8 +1460,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-wikiless-label" for="latency-wikiless"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1786,10 +1469,8 @@ </label> <input class="button button-inline" id="latency-wikiless" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1809,10 +1490,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1832,10 +1511,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1855,13 +1532,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="medium_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_medium__">Medium</h1> @@ -1869,16 +1544,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="medium-enable" type="checkbox"> + <input id="medium-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="scribe"> - - <div class="clearnet"> + <hr> + <div id="scribe"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1898,8 +1568,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-scribe-label" for="latency-scribe"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -1908,10 +1577,8 @@ </label> <input class="button button-inline" id="latency-scribe" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1931,10 +1598,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1954,10 +1619,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -1977,13 +1640,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="quora_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_quora__">Quora</h1> @@ -1991,16 +1652,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="quora-enable" type="checkbox"> + <input id="quora-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="quetre"> - - <div class="clearnet"> + <hr> + <div id="quetre"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2020,8 +1676,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-quetre-label" for="latency-quetre"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2030,10 +1685,8 @@ </label> <input class="button button-inline" id="latency-quetre" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2053,10 +1706,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2076,10 +1727,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2099,13 +1748,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="imdb_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_imdb__">IMDb</h1> @@ -2113,16 +1760,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="imdb-enable" type="checkbox"> + <input id="imdb-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="libremdb"> - - <div class="clearnet"> + <hr> + <div id="libremdb"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2142,8 +1784,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-libremdb-label" for="latency-libremdb"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2152,10 +1793,8 @@ </label> <input class="button button-inline" id="latency-libremdb" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2175,10 +1814,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2198,10 +1835,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2221,13 +1856,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="reuters_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_reuters__">Reuters</h1> @@ -2235,16 +1868,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="reuters-enable" type="checkbox"> + <input id="reuters-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="neuters"> - - <div class="clearnet"> + <hr> + <div id="neuters"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2264,8 +1892,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-neuters-label" for="latency-neuters"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2274,10 +1901,8 @@ </label> <input class="button button-inline" id="latency-neuters" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2297,10 +1922,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2320,10 +1943,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2343,13 +1964,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="peertube_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_peertube__">PeerTube</h1> @@ -2357,16 +1976,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="peertube-enable" type="checkbox"> + <input id="peertube-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="simpleertube"> - - <div class="clearnet"> + <hr> + <div id="simpleertube"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2386,8 +2000,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-simpleertube-label" for="latency-simpleertube"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2396,10 +2009,8 @@ </label> <input class="button button-inline" id="latency-simpleertube" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2419,10 +2030,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2442,10 +2051,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2465,13 +2072,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="lbry_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_lbry__">LBRY</h1> @@ -2479,37 +2084,37 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="lbry-enable" type="checkbox"> + <input id="lbry-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="lbry-frontend"> - - <option value="librarian">librarian</option> - - - <option value="lbryDesktop">lbryDesktop</option> - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="lbry-frontend"> + <option value="librarian">Librarian</option> + <option value="lbryDesktop">LBRY Desktop</option> + + </select> </div> - - - - <div class="some-block option-block"> + <div id="lbry-embedFrontend"> + <div class="some-block option-block"> + <h4 data-localise="__MSG_embed_frontend__">Embed Frontend</h4> + <select id="lbry-embed_frontend"> + <option value="librarian">librarian</option> + + </select> + </div> + </div> + <div class="some-block option-block"> <h4 data-localise="__MSG_redirectType__">Redirect Type</h4> - <select id="lbry-redirect_type"> + <select id="lbry-redirectType"> <option value="both" data-localise="__MSG_both__">both</option> - <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> - <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> + <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> + <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> </select> </div> - - <hr> - - <div id="librarian"> - - <div class="clearnet"> + <hr> + <div id="librarian"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2529,8 +2134,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-librarian-label" for="latency-librarian"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2539,10 +2143,8 @@ </label> <input class="button button-inline" id="latency-librarian" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2562,10 +2164,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2585,10 +2185,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2608,13 +2206,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="search_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_search__">Search</h1> @@ -2622,32 +2218,22 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="search-enable" type="checkbox"> + <input id="search-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="search-frontend"> - - <option value="searx">searx</option> - - <option value="searxng">searxng</option> - - <option value="whoogle">whoogle</option> - - <option value="librex">librex</option> - - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="search-frontend"> + <option value="searx">SearX</option> + <option value="searxng">SearXNG</option> + <option value="whoogle">Whoogle</option> + <option value="librex">LibreX</option> + + </select> </div> - - - - <hr> - - <div id="searx"> - - <div class="clearnet"> + <hr> + <div id="searx"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2667,8 +2253,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-searx-label" for="latency-searx"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2677,10 +2262,8 @@ </label> <input class="button button-inline" id="latency-searx" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2700,10 +2283,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2723,10 +2304,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2746,14 +2325,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="searxng"> - - <div class="clearnet"> + <div id="searxng"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2773,8 +2349,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-searxng-label" for="latency-searxng"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2783,10 +2358,8 @@ </label> <input class="button button-inline" id="latency-searxng" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2806,10 +2379,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2829,10 +2400,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2852,14 +2421,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="whoogle"> - - <div class="clearnet"> + <div id="whoogle"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2879,8 +2445,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-whoogle-label" for="latency-whoogle"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2889,10 +2454,8 @@ </label> <input class="button button-inline" id="latency-whoogle" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2912,10 +2475,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2935,10 +2496,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2958,14 +2517,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="librex"> - - <div class="clearnet"> + <div id="librex"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -2985,8 +2541,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-librex-label" for="latency-librex"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -2995,10 +2550,8 @@ </label> <input class="button button-inline" id="latency-librex" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3018,10 +2571,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3041,10 +2592,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3064,13 +2613,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="translate_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_translate__">Translate</h1> @@ -3078,28 +2625,20 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="translate-enable" type="checkbox"> + <input id="translate-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="translate-frontend"> - - <option value="simplyTranslate">simplyTranslate</option> - - <option value="lingva">lingva</option> - - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="translate-frontend"> + <option value="simplyTranslate">SimplyTranslate</option> + <option value="lingva">Lingva</option> + + </select> </div> - - - - <hr> - - <div id="simplyTranslate"> - - <div class="clearnet"> + <hr> + <div id="simplyTranslate"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3119,8 +2658,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-simplyTranslate-label" for="latency-simplyTranslate"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -3129,10 +2667,8 @@ </label> <input class="button button-inline" id="latency-simplyTranslate" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3152,10 +2688,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3175,10 +2709,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3198,14 +2730,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - - <div id="lingva"> - - <div class="clearnet"> + <div id="lingva"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3225,8 +2754,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-lingva-label" for="latency-lingva"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -3235,10 +2763,8 @@ </label> <input class="button button-inline" id="latency-lingva" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3258,10 +2784,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3281,10 +2805,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3304,13 +2826,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="maps_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_maps__">Maps</h1> @@ -3318,28 +2838,20 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="maps-enable" type="checkbox"> + <input id="maps-enabled" type="checkbox"> </div> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="maps-frontend"> - - <option value="facil">facil</option> - - - <option value="osm">osm</option> - - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="maps-frontend"> + <option value="facil">FacilMap</option> + <option value="osm">OpenStreetMap</option> + + </select> </div> - - - - <hr> - - <div id="facil"> - - <div class="clearnet"> + <hr> + <div id="facil"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3359,8 +2871,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-facil-label" for="latency-facil"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -3369,10 +2880,8 @@ </label> <input class="button button-inline" id="latency-facil" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3392,10 +2901,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3415,10 +2922,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3438,13 +2943,11 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> - <section class="option-block" id="sendTargets_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_sendTargets__">Send Files</h1> @@ -3452,16 +2955,11 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="sendTargets-enable" type="checkbox"> + <input id="sendTargets-enabled" type="checkbox"> </div> - - - - <hr> - - <div id="send"> - - <div class="clearnet"> + <hr> + <div id="send"> + <div class="clearnet"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3481,8 +2979,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - - <div class="buttons buttons-inline"> + <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-send-label" for="latency-send"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path> @@ -3491,10 +2988,8 @@ </label> <input class="button button-inline" id="latency-send" style="display:none;"> </div> - - </div> - - <div class="tor"> + </div> + <div class="tor"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3514,10 +3009,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="i2p"> + </div> + <div class="i2p"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3537,10 +3030,8 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> - - <div class="loki"> + </div> + <div class="loki"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> </div> @@ -3560,15 +3051,13 @@ </div> </form> <div class="checklist custom-checklist"></div> - - </div> + </div> </div> - + </section> <script type="module" src="./widgets/services.js"></script> - <section class="option-block" id="about_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_about__">About</h1> @@ -3593,7 +3082,6 @@ </div> </div> </section> - </div> </body> <script type="module" src="./index.js"></script> diff --git a/src/pages/options/widgets/general.ejs b/src/pages/options/widgets/general.ejs index 05ef0959..d68a2280 100644 --- a/src/pages/options/widgets/general.ejs +++ b/src/pages/options/widgets/general.ejs @@ -14,10 +14,10 @@ <div class="some-block option-block"> <h4 data-localise="__MSG_protocol__"></h4> <select id="protocol"> - <% for (const network in config.networks) { %> - <option value="<%= network %>"><%= config.networks[network].name %></option> + <% for (const network in config.networks) { -%> +<option value="<%= network %>"><%= config.networks[network].name %></option> <% }; %> - </select> +</select> </div> <div id="protocol-fallback"> <div class="some-block option-block"> @@ -84,14 +84,14 @@ <h4 data-localise="__MSG_customPopup__">Customize Popup</h4> </div> <div class="checklist-popup" id="popup-frontends-checklist"> - <% for (const service in config.services) { %> - <div> + <% for (const service in config.services) { -%> +<div> <div><img src="../../../assets/images/<%= service %>-icon.<%= config.services[service].imageType %>"> <x data-localise="__MSG_<%= service %>__"><%= service %></x> </div> <input id="<%= service %>" type="checkbox"> </div> <% }; %> - </div> +</div> <script type="module" src="./widgets/general.js"></script> </section> diff --git a/src/pages/options/widgets/services.ejs b/src/pages/options/widgets/services.ejs index aed5872b..bc75f288 100644 --- a/src/pages/options/widgets/services.ejs +++ b/src/pages/options/widgets/services.ejs @@ -1,4 +1,4 @@ -<% for (const service in config.services) { %> +<% for (const service in config.services) { -%> <section class="option-block" id="<%= service %>_page"> <div class="some-block option-block"> <h1 data-localise="__MSG_<%= service %>__"><%= config.services[service].name %></h1> @@ -6,47 +6,47 @@ <hr> <div class="some-block option-block"> <h4 data-localise="__MSG_enable__">Enable</h4> - <input id="<%= service %>-enable" type="checkbox"> + <input id="<%= service %>-enabled" type="checkbox"> </div> - <% if ((Object.keys(config.services[service].frontends).length > 1) || config.services[service].singleInstanceFrontends) { %> + <% if (Object.keys(config.services[service].frontends).length > 1) { %> <div class="some-block option-block"> - <h4 data-localise="__MSG_frontend__">Frontend</h4> - <select id="<%= service %>-frontend"> - <% for (const frontend in config.services[service].frontends) { %> - <option value="<%= frontend %>"><%= frontend %></option> - <% }; %> - <% for (const frontend in config.services[service].singleInstanceFrontends){ %> - <option value="<%= config.services[service].singleInstanceFrontends[frontend] %>"><%= config.services[service].singleInstanceFrontends[frontend] %></option> - <% }; %> - </select> + <h4 data-localise="__MSG_frontend__">Frontend</h4> + <select id="<%= service %>-frontend"> + <% for (const frontend in config.services[service].frontends) { -%> + <option value="<%= frontend %>"><%= config.services[service].frontends[frontend].name %></option> + <% } %> + </select> </div> - <% } %> - <% if ((config.services[service].singleInstanceFrontends) && (Object.keys(config.services[service].frontends).length > 1)) { %> - <div id="<%= service %>-embedded_frontend"> + <% if (config.services[service].embeddable) { _%> + <div id="<%= service %>-embedFrontend"> <div class="some-block option-block"> <h4 data-localise="__MSG_embed_frontend__">Embed Frontend</h4> <select id="<%= service %>-embed_frontend"> - <% for (const frontend in config.services[service].frontends) { %> + <% for (const frontend in config.services[service].frontends) { -%> + <% if (config.services[service].frontends[frontend].embeddable) { _%> <option value="<%= frontend %>"><%= frontend %></option> - <% }; %> + <% } _%> + <% } %> </select> </div> </div> - <% } %> - <% if (config.services[service].embeddable) { %> + <% } _%> + <% } _%> + <% if (config.services[service].embeddable) { _%> <div class="some-block option-block"> <h4 data-localise="__MSG_redirectType__">Redirect Type</h4> - <select id="<%= service %>-redirect_type"> + <select id="<%= service %>-redirectType"> <option value="both" data-localise="__MSG_both__">both</option> - <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> - <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> + <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option> + <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option> </select> </div> - <% } %> + <% } _%> <hr> - <% for (const frontend in config.services[service].frontends) { %> + <% for (const frontend in config.services[service].frontends) { -%> + <% if (config.services[service].frontends[frontend].instanceList) { _%> <div id="<%= frontend %>"> - <% for (const network in config.networks) { %> + <% for (const network in config.networks) { -%> <div class="<%= network %>"> <div class="some-block option-block"> <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4> @@ -67,7 +67,7 @@ </div> </form> <div class="checklist custom-checklist"></div> - <% if (network == "clearnet") { %> + <% if (network == "clearnet") { _%> <div class="buttons buttons-inline"> <label class="button button-inline" id="latency-<%= frontend %>-label" for="latency-<%= frontend %>"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"> @@ -77,11 +77,12 @@ </label> <input class="button button-inline" id="latency-<%= frontend %>" style="display:none;"> </div> - <% } %> + <% } _%> </div> - <% }; %> + <% } %> </div> - <% }; %> + <% } _%> + <% } %> </section> -<% }; %> +<% } %> <script type="module" src="./widgets/services.js"></script> diff --git a/src/pages/options/widgets/services.js b/src/pages/options/widgets/services.js index c7955b40..4a53a749 100644 --- a/src/pages/options/widgets/services.js +++ b/src/pages/options/widgets/services.js @@ -1,13 +1,10 @@ import utils from "../../../assets/javascripts/utils.js" -// const frontends = new Array("librarian") -// const protocols = new Array("clearnet", "tor", "i2p", "loki") - let config, network, divs = {} -async function getConfig() { +function getConfig() { return new Promise(resolve => { fetch("/config/config.json") .then(response => response.text()) @@ -19,7 +16,7 @@ async function getConfig() { }) } -getConfig() +await getConfig() browser.storage.local.get("network", r => { network = r.network @@ -27,45 +24,50 @@ browser.storage.local.get("network", r => { function changeFrontendsSettings(service) { for (const frontend in config.services[service].frontends) { - const frontendDiv = document.getElementById(frontend) - if (frontend == divs[service].frontend.value) { - frontendDiv.style.display = "block" - } else { - frontendDiv.style.display = "none" + if (config.services[service].frontends[frontend].instanceList && config.services[service].frontends.length > 1) { + const frontendDiv = document.getElementById(frontend) + if (divs[service].frontend == null) { + console.log(frontend) + } + if (frontend == divs[service].frontend.value) { + frontendDiv.style.display = "block" + } else { + frontendDiv.style.display = "none" + } } } } function changeNetworkSettings(selectedNetwork) { for (const frontend in config.frontends) { - const frontendDiv = document.getElementById(frontend) - for (const network in config.networks) { - const networkDiv = frontendDiv.getElementsByClassName(network)[0] - if (network == selectedNetwork) { - networkDiv.style.display = "block" - } else { - networkDiv.style.display = "none" + if (config.services[service].frontends[frontend].instanceList) { + const frontendDiv = document.getElementById(frontend) + for (const network in config.networks) { + const networkDiv = frontendDiv.getElementsByClassName(network)[0] + if (network == selectedNetwork) { + networkDiv.style.display = "block" + } else { + networkDiv.style.display = "none" + } } } } } -for (service in config.services) { +for (const service in config.services) { + divs[service] = {} divs[service][service] = document.getElementById(`${service}_page`) for (const option in config.services[service].options) { divs[service][option] = document.getElementById(`${service}-${option}`) browser.storage.local.get([`${service + utils.camelCase(option)}`], r => { - if (typeof config.services[service].options[option] == "boollean") divs[service][option].checked = !r[service + utils.camelCase(option)] + if (typeof config.services[service].options[option] == "boollean") divs[service][option].checked = r[service + utils.camelCase(option)] else divs[service][option].value = !r[service + utils.camelCase(option)] }) divs[service][option].addEventListener("change", () => { - if (typeof config.services[service].options[option] == "boollean") { - browser.storage.local.set({ [service + utils.camelCase(option)]: !divs[service][option].checked }) - } else { - browser.storage.local.set({ [service + utils.camelCase(option)]: divs[service][option].value }) - } + if (typeof config.services[service].options[option] == "boollean") browser.storage.local.set({ [service + utils.camelCase(option)]: divs[service][option].checked }) + else browser.storage.local.set({ [service + utils.camelCase(option)]: divs[service][option].value }) changeFrontendsSettings() }) } @@ -74,9 +76,11 @@ for (service in config.services) { changeNetworkSettings(network) for (const frontend in config.services[service].frontends) { - for (const network in config.networks) { - utils.processDefaultCustomInstances(service, frontend, network, document) + if (config.services[service].frontends[frontend].instanceList) { + for (const network in config.networks) { + utils.processDefaultCustomInstances(service, frontend, network, document) + } + utils.latency(service, frontend, document, location) } - utils.latency(service, frontend, document, location) } } diff --git a/src/pages/widgets/links.ejs b/src/pages/widgets/links.ejs index fe0cd37c..c28d3668 100644 --- a/src/pages/widgets/links.ejs +++ b/src/pages/widgets/links.ejs @@ -1,7 +1,7 @@ <section class="links" id="links"> <div class="title"><img src="../../../assets/images/general-icon.svg"><a href="#general" data-localise="__MSG_general__">General</a></div> - <% for (const service in config.services) { %> + <% for (const service in config.services) { -%> <div class="title"><img src="../../../assets/images/<%= service %>-icon.<%= config.services[service].imageType %>"><a href="#<%= service %>" data-localise="__MSG_<%= service %>__"><%= service %></a></div> - <% }; %> + <% }; -%> <div class="title"><img src="../../../assets/images/about-icon.svg"><a href="#about" data-localise="__MSG_about__">About</a></div> </section> |