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