diff options
| author | ManeraKai <manerakai@protonmail.com> | 2022-02-04 18:48:24 +0300 |
|---|---|---|
| committer | ManeraKai <manerakai@protonmail.com> | 2022-02-04 18:48:24 +0300 |
| commit | a9f95b3d1de44edf205508233a3526246842bbf3 (patch) | |
| tree | a273532e131ae36cee2a200c953d015c3fa36bff /src/pages/options/reddit | |
| parent | Added Piped, cleaned code (diff) | |
| download | libredirect-a9f95b3d1de44edf205508233a3526246842bbf3.zip | |
Cleaning and refining settings
Diffstat (limited to 'src/pages/options/reddit')
| -rw-r--r-- | src/pages/options/reddit/reddit.html | 72 | ||||
| -rw-r--r-- | src/pages/options/reddit/reddit.js | 16 |
2 files changed, 88 insertions, 0 deletions
diff --git a/src/pages/options/reddit/reddit.html b/src/pages/options/reddit/reddit.html new file mode 100644 index 00000000..b3f9c7c7 --- /dev/null +++ b/src/pages/options/reddit/reddit.html @@ -0,0 +1,72 @@ +<!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.html" class="selected">Reddit</a> + <a href="../search/search.html">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-reddit" type="checkbox" checked /> + </div> + + <!-- <div class="some-block option-block"> + <h4>Instance</h4> + <div class="autocomplete"> + <input id="reddit-instance" type="url" placeholder="https://libredd.it" /> + </div> + </div> --> + + <div class="some-block option-block"> + <h4>Frontend</h4> + <select id="reddit-frontend"> + <option value="libreddit">LibReddit</option> + <option value="teddit">Teddit</option> + </select> + </div> + + <!-- <section class="settings-block"> + <h4>LibReddit Instance List</h4> + <div class="random-pool"> + <textarea id="libreddit-random-pool" type="text"></textarea> + <ul id="libreddit-random-pool-list"></ul> + </div> + </section> + + <section class="settings-block"> + <h4>Teddit Instance List</h4> + <div class="random-pool"> + <textarea id="teddit-random-pool" type="text"></textarea> + <ul id="teddit-random-pool-list"></ul> + </div> + </section> --> + + </section> + + <script type="module" src="../init.js"></script> + <script type="module" src="./reddit.js"></script> + <!-- <script src="../../assets/javascripts/localise.js"></script> --> +</body> + +</html>
\ No newline at end of file diff --git a/src/pages/options/reddit/reddit.js b/src/pages/options/reddit/reddit.js new file mode 100644 index 00000000..92bd6e46 --- /dev/null +++ b/src/pages/options/reddit/reddit.js @@ -0,0 +1,16 @@ +import redditHelper from "../../../assets/javascripts/helpers/reddit.js"; + +let disableRedditElement = document.getElementById("disable-reddit"); +disableRedditElement.addEventListener("change", + (event) => redditHelper.setDisableReddit(!event.target.checked) +); + +let redditFrontendElement = document.getElementById("reddit-frontend"); +redditFrontendElement.addEventListener("change", + (event) => redditHelper.setRedditFrontend(event.target.options[redditFrontendElement.selectedIndex].value) +); + +redditHelper.init().then(() => { + disableRedditElement.checked = !redditHelper.getDisableReddit(); + redditFrontendElement.value = redditHelper.getRedditFrontend(); +})
\ No newline at end of file |