aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/options/imgur
diff options
context:
space:
mode:
authorManeraKai <manerakai@protonmail.com>2022-02-08 23:04:18 +0300
committerManeraKai <manerakai@protonmail.com>2022-02-08 23:04:18 +0300
commit6fb346569fa1fa0404c4aac3f9d979aa2c1de3ff (patch)
treec56afd935ae037e327b6e170daf58ab88825c3bf /src/pages/options/imgur
parentReverting scribe's regex at it's almost crashes browser #19 (diff)
downloadlibredirect-6fb346569fa1fa0404c4aac3f9d979aa2c1de3ff.zip
Added rimgo will improve on it #24
Diffstat (limited to 'src/pages/options/imgur')
-rw-r--r--src/pages/options/imgur/imgur.html65
-rw-r--r--src/pages/options/imgur/imgur.js21
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