about summary refs log tree commit diff stats
path: root/pages/options/options.html
diff options
context:
space:
mode:
authorSimonBrazell <simon@brazell.com.au>2021-01-10 22:04:03 +1100
committerSimonBrazell <simon@brazell.com.au>2021-01-10 22:04:03 +1100
commit944f2e6ef09a1534bac061acca2e3b3a4c13b13a (patch)
tree86bbd36f9896db47b6938d098658192bd31db01e /pages/options/options.html
parentMerge pull request #153 from somoso/patch-1 (diff)
downloadlibredirect-944f2e6ef09a1534bac061acca2e3b3a4c13b13a.zip
Restructure code with helper modules, add search engine settings, & advanced settings collapsibles.
Diffstat (limited to 'pages/options/options.html')
-rw-r--r--pages/options/options.html569
1 files changed, 0 insertions, 569 deletions
diff --git a/pages/options/options.html b/pages/options/options.html
deleted file mode 100644
index bd7cee7e..00000000
--- a/pages/options/options.html
+++ /dev/null
@@ -1,569 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title></title>
-    <link href="../styles.css" rel="stylesheet" />
-    <title>Privacy Redirect Options</title>
-  </head>
-
-  <body>
-    <div class="tab">
-      <button
-        class="tablinks"
-        id="general-tab"
-        data-localise="__MSG_generalTab__"
-      >
-        General
-      </button>
-      <button
-        class="tablinks"
-        id="advanced-tab"
-        data-localise="__MSG_advancedTab__"
-      >
-        Advanced
-      </button>
-      <button
-        class="tablinks"
-        id="exceptions-tab"
-        data-localise="__MSG_exceptionsTab__"
-      >
-        Exceptions
-      </button>
-    </div>
-
-    <div id="general" class="tabcontent">
-      <section class="settings-block">
-        <table class="option" aria-label="Toggle Nitter redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableNitter__">Nitter Redirects</h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-nitter"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-nitter" class="checkbox-label"></label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Toggle Invidious redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableInvidious__">
-                  Invidious Redirects
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-invidious"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-invidious" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Toggle Bibliogram redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableBibliogram__">
-                  Bibliogram Redirects
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-bibliogram"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-bibliogram" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Toggle OpenStreetMap redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableOsm__">
-                  OpenStreetMap Redirects
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-osm"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-osm" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Toggle old Reddit redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableOldReddit__">
-                  Old Reddit Redirects
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-old-reddit"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-old-reddit" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-       <section class="settings-block">
-        <table class="option" aria-label="Toggle Search Engine redirects">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_disableSearchEngine__">
-                  Search Engine Redirects
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="disable-searchEngine"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="disable-searchEngine" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_nitterInstance__">Nitter Instance</h1>
-        <div class="autocomplete">
-          <input
-            id="nitter-instance"
-            type="url"
-            name="nitter-instance"
-            placeholder="Random instance (none selected)"
-          />
-        </div>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_invidiousInstance__">Invidious Instance</h1>
-        <div class="autocomplete">
-          <input
-            id="invidious-instance"
-            type="url"
-            placeholder="Random instance (none selected)"
-          />
-        </div>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_bibliogramInstance__">Bibliogram Instance</h1>
-        <div class="autocomplete">
-          <input
-            id="bibliogram-instance"
-            type="url"
-            placeholder="Random instance (none selected)"
-          />
-        </div>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_osmInstance__">OpenStreetMap Instance</h1>
-        <div class="autocomplete">
-          <input
-            id="osm-instance"
-            type="url"
-            placeholder="https://openstreetmap.org"
-          />
-        </div>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_oldRedditView__">Old Reddit View (Desktop or Mobile)</h1>
-        <div class="autocomplete">
-          <input
-            id="old-reddit-view"
-            type="url"
-            placeholder="https://old.reddit.com"
-          />
-        </div>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_theme__">Theme</h1>
-        <select id="theme">
-          <option value="">System</option>
-          <option value="light-theme">Light</option>
-          <option value="dark-theme">Dark</option>
-        </select>
-      </section>
-    </div>
-
-    <div id="advanced" class="tabcontent">
-      <div class="subheading">
-        <h1>Invidious</h1>
-        <hr>
-      </div>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_invidiousRandomPool__">
-          Invidious random instance pool (comma-separated)
-        </h1>
-        <input
-          id="invidious-random-pool"
-          name="invidious-random-pool"
-          type="text"
-        />
-      </section>
-      <section class="settings-block">
-        <table
-          class="option"
-          aria-label="Redirect YouTube to FreeTube where possible"
-        >
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_useFreeTube__">
-                  Use FreeTube over Invidious when possible
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="use-freetube"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="use-freetube" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table
-          class="option"
-          aria-label="Always proxy videos through Invidious"
-        >
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_alwaysProxy__">
-                  Always proxy videos through Invidious
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="always-proxy"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="always-proxy" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table
-          class="option"
-          aria-label="Only redirect embedded video to Invidious"
-        >
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_onlyEmbeddedVideo__">
-                  Only redirect embedded video to Invidious
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="only-embed"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="only-embed" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_videoQuality__">Invidious Video Quality</h1>
-        <select id="video-quality">
-          <option value="">Default</option>
-          <option value="hd720">720p</option>
-          <option value="medium">480p</option>
-          <option value="dash">DASH (Dynamic Adaptive Streaming over HTTP)</option>
-          </option>
-        </select>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Invidious dark mode aways on">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_invidiousDarkMode__">
-                  Invidious dark mode always on
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="invidious-dark-mode"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="invidious-dark-mode" class="checkbox-label">
-                </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_invidiousVolume__">
-          Invidious Volume
-        </h1>
-        <input
-          id="invidious-volume"
-          name="invidious-volume"
-          type="range"
-          min="0"
-          max="100"
-          step="1"
-        /><span id="volume-value"></span>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_invidiousPlayerStyle__">
-          Invidious Player Style
-        </h1>
-        <select id="invidious-player-style">
-          <option value="">Invidious</option>
-          <option value="youtube">YouTube</option>
-        </select>
-      </section>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_invidiousSubtitles__">
-          Invidious Subtitles - language codes (comma-separated)
-        </h1>
-        <input
-          id="invidious-subtitles"
-          name="invidious-subtitles"
-          type="text"
-        />
-      </section>
-      <section class="settings-block">
-        <table
-          class="option"
-          aria-label="Invidious automatically play video on load"
-        >
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_invidiousAutoplay__">
-                  Invidious automatically play video on load
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="invidious-autoplay"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="invidious-autoplay" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="settings-block">
-        <table class="option" aria-label="Persist Invidious preferences">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_persistInvidiousPrefs__">
-                  Persist Invidious preferences (as cookie)
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="persist-invidious-prefs"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="persist-invidious-prefs" class="checkbox-label">
-                </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <div class="subheading">
-        <h1>Nitter</h1>
-        <hr>
-      </div>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_nitterRandomPool__">
-          Nitter random instance pool (comma-separated)
-        </h1>
-        <input
-          id="nitter-random-pool"
-          name="nitter-random-pool"
-          type="text"
-        />
-      </section>
-      <section class="settings-block">
-        <table
-          class="option"
-          aria-label="Proactively remove Twitter service worker"
-        >
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_removeTwitterSW__">
-                  Proactively remove Twitter service worker
-                </h1>
-              </td>
-              <td>
-                <input
-                  aria-hidden="true"
-                  id="remove-twitter-sw"
-                  type="checkbox"
-                  checked
-                />&nbsp;
-                <label for="remove-twitter-sw" class="checkbox-label"> </label>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <div class="subheading">
-        <h1>Bibliogram</h1>
-        <hr>
-      </div>
-      <section class="settings-block">
-        <h1 data-localise="__MSG_bibliogramRandomPool__">
-          Bibliogram random instance pool (comma-separated)
-        </h1>
-        <input
-          id="bibliogram-random-pool"
-          name="bibliogram-random-pool"
-          type="text"
-        />
-      </section>
-    </div>
-
-    <div id="exceptions" class="tabcontent">
-      <section class="settings-block">
-        <p data-localise="__MSG_exceptionsDescriptionP1__">
-          Enter a URL or Regular Expression to be excluded from redirects.
-        </p>
-        <p data-localise="__MSG_exceptionsDescriptionP2__">
-          All requests for or initiating from a URL that matches your exception
-          will be excluded from redirects.
-        </p>
-        <p data-localise="__MSG_exceptionsDescriptionP3__">
-          Note - Supports JavaScript regular expressions, excluding the
-          enclosing forward slashes.
-        </p>
-      </section>
-      <section class="settings-block">
-        <table class="exceptions option">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_addException__">Add Exception</h1>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <input
-                  id="new-exceptions-item"
-                  type="text"
-                  placeholder="URL or RegExp"
-                />
-              </td>
-              <td>
-                <input type="radio" id="url" name="type" value="URL" checked />
-                <label class="radio" for="url">URL</label>
-                <input type="radio" id="regExp" name="type" value="RegExp" />
-                <label class="radio" for="regExp">RegExp</label>
-              </td>
-              <td>
-                <button id="add-to-exceptions">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="512"
-                    height="512"
-                    viewBox="0 0 512 512"
-                  >
-                    <line
-                      x1="256"
-                      y1="112"
-                      x2="256"
-                      y2="400"
-                      style="
-                        fill: none;
-                        stroke: #fff;
-                        stroke-linecap: round;
-                        stroke-linejoin: round;
-                        stroke-width: 32px;
-                      "
-                    />
-                    <line
-                      x1="400"
-                      y1="256"
-                      x2="112"
-                      y2="256"
-                      style="
-                        fill: none;
-                        stroke: #fff;
-                        stroke-linecap: round;
-                        stroke-linejoin: round;
-                        stroke-width: 32px;
-                      "
-                    />
-                  </svg>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <ul id="exceptions-items"></ul>
-    </div>
-
-    <script src="./options.js"></script>
-    <script src="../../assets/javascript/localise.js"></script>
-  </body>
-</html>