aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/options/search
diff options
context:
space:
mode:
authorManeraKai <manerakai@protonmail.com>2022-02-04 18:48:24 +0300
committerManeraKai <manerakai@protonmail.com>2022-02-04 18:48:24 +0300
commita9f95b3d1de44edf205508233a3526246842bbf3 (patch)
treea273532e131ae36cee2a200c953d015c3fa36bff /src/pages/options/search
parentAdded Piped, cleaned code (diff)
downloadlibredirect-a9f95b3d1de44edf205508233a3526246842bbf3.zip
Cleaning and refining settings
Diffstat (limited to 'src/pages/options/search')
-rw-r--r--src/pages/options/search/search.html73
-rw-r--r--src/pages/options/search/search.js16
2 files changed, 89 insertions, 0 deletions
diff --git a/src/pages/options/search/search.html b/src/pages/options/search/search.html
new file mode 100644
index 00000000..863a3472
--- /dev/null
+++ b/src/pages/options/search/search.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="../../stylesheets/styles.css" rel="stylesheet" />
+ <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+ <section class="links">
+ <a href="../general/general.html">General</a>
+ <a href="../youtube/youtube.html">Youtube</a>
+ <a href="../twitter/twitter.html">Twitter</a>
+ <a href="../instagram/instagram.html">Instagram</a>
+ <a href="../reddit/reddit.html">Reddit</a>
+ <a href="search.html" class="selected">Search</a>
+ <a href="../translate/translate.html">Translate</a>
+ <a href="../maps/maps.html">Maps</a>
+ <a href="../wikipedia/wikipedia.html">Wikipedia</a>
+ <a href="../medium/medium.html">Medium</a>
+ </section>
+
+ <section class="option-block">
+ <div class="some-block option-block">
+ <h1>Enable</h1>
+ <input id="disable-search" type="checkbox" checked />
+ </div>
+ <!-- <div class="some-block option-block">
+ <h4>Instance</h4>
+ <div class="autocomplete">
+ <input id="search-instance" type="url"
+ data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+ placeholder="Random instance (none selected)" />
+ </div>
+ </div> -->
+
+ <div class="some-block option-block">
+ <h4>Frontend</h4>
+ <select id="search-frontend">
+ <option value="searx">SearX</option>
+ <option value="whoogle">Whoogle</option>
+ </select>
+ </div>
+<!--
+ <section class="settings-block">
+ <h4>SearX Instance List</h4>
+ <div class="random-pool">
+ <textarea id="searx-random-pool" type="text"></textarea>
+ <ul id="searx-random-pool-list"></ul>
+ </div>
+ </section>
+
+ <section class="settings-block">
+ <h4>Whoogle Instance List</h4>
+ <div class="random-pool">
+ <textarea id="whoogle-random-pool" type="text"></textarea>
+ <ul id="whoogle-random-pool-list"></ul>
+ </div>
+ </section> -->
+
+ </section>
+
+
+ <script type="module" src="../init.js"></script>
+ <script type="module" src="../init.js"></script>
+ <script type="module" src="./search.js"></script>
+ <!-- <script src="../../assets/javascripts/localise.js"></script> -->
+</body>
+
+</html> \ No newline at end of file
diff --git a/src/pages/options/search/search.js b/src/pages/options/search/search.js
new file mode 100644
index 00000000..e38480e2
--- /dev/null
+++ b/src/pages/options/search/search.js
@@ -0,0 +1,16 @@
+import searchHelper from "../../../assets/javascripts/helpers/search.js";
+
+let searchFrontendElement = document.getElementById("search-frontend");
+searchFrontendElement.addEventListener("change",
+ (event) => searchHelper.setSearchFrontend(event.target.options[searchFrontendElement.selectedIndex].value)
+);
+
+let disableSearchElement = document.getElementById("disable-search");
+disableSearchElement.addEventListener("change",
+ (event) => searchHelper.setDisableSearch(!event.target.checked)
+);
+
+searchHelper.init().then(() => {
+ disableSearchElement.checked = !searchHelper.getDisableSearch();
+ searchFrontendElement.value = searchHelper.getSearchFrontend();
+});