2 files changed, 86 insertions, 0 deletions
diff --git a/src/pages/options/imgur/imgur.html b/src/pages/options/imgur/imgur.html
new file mode 100644
index 00000000..9fdedd2e
--- /dev/null
+++ b/src/pages/options/imgur/imgur.html
@@ -0,0 +1,65 @@
+<!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 rel="icon" type="image/x-icon" href="../../../assets/images/libredirect.svg" />
+    <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/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="../imgur/imgur.html" class="selected">Imgur</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h4>Enable</h4>
+            <input id="disable-imgur" type="checkbox" checked />
+        </div>
+
+        <hr>
+
+        <div class="some-block option-block">
+            <h4>Default Instances</h4>
+        </div>
+        <div class="checklist" id="rimgo-checklist"></div>
+        <hr>
+        <div class="some-block option-block">
+            <h4>Custom Instances</h4>
+        </div>
+        <form id="custom-rimgo-instance-form">
+            <div class="some-block option-block">
+                <input id="rimgo-custom-instance" placeholder="https://rimgo.com" type="url" />
+                <button type="submit" class="add" id="rimgo-add-instance">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px"
+                        fill="currentColor">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+                    </svg>
+                </button>
+            </div>
+        </form>
+        <div class="checklist" id="rimgo-custom-checklist"></div>
+    </section>
+
+
+    <script type="module" src="../init.js"></script>
+    <script type="module" src="./imgur.js"></script>
+    <!-- <script src="../../assets/javascripts/localise.js"></script> -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/pages/options/imgur/imgur.js b/src/pages/options/imgur/imgur.js
new file mode 100644
index 00000000..a0929553
--- /dev/null
+++ b/src/pages/options/imgur/imgur.js
@@ -0,0 +1,21 @@
+import imgurHelper from "../../../assets/javascripts/helpers/imgur.js";
+import commonHelper from "../../../assets/javascripts/helpers/common.js";
+
+let disableImgurElement = document.getElementById("disable-imgur");
+disableImgurElement.addEventListener("change",
+    (event) => imgurHelper.setDisableImgur(!event.target.checked)
+);
+
+imgurHelper.init().then(() => {
+    disableImgurElement.checked = !imgurHelper.getDisableImgur();
+
+    commonHelper.processDefaultCustomInstances(
+        'rimgo',
+        imgurHelper,
+        document,
+        imgurHelper.getRimgoRedirectsChecks,
+        imgurHelper.setRimgoRedirectsChecks,
+        imgurHelper.getRimgoCustomRedirects,
+        imgurHelper.setRimgoCustomRedirects
+    )
+})
\ No newline at end of file