about summary refs log tree commit diff stats
path: root/src/pages/options/reddit.js
blob: affc7a88a3127b2e93a117d88d5078ac0d352b90 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import redditHelper from "../../assets/javascripts/helpers/reddit.js";
import commonHelper from "../../assets/javascripts/helpers/common.js";
import shared from "./shared.js";


const redditInstances = redditHelper.redirects;

let redditInstanceElement = document.getElementById("reddit-instance");
let disableRedditElement = document.getElementById("disable-reddit");
let redditFrontendElement = document.getElementById("reddit-frontend");

browser.storage.sync.get(
    [
        "redditInstance",
        "disableReddit",
        "redditFrontend"
    ],
    (result) => {
        redditInstanceElement.value = result.redditInstance || "";
        disableRedditElement.checked = !result.disableReddit;
        redditFrontendElement.value = result.redditFrontend;
        let id = "reddit-instance";
        let instances = redditInstances;
        shared.autocompletes.push({ id: id, instances: instances })
        shared.autocomplete(document.getElementById(id), instances);
    }
)

redditInstanceElement.addEventListener("input", commonHelper.debounce(() => {
    if (redditInstanceElement.checkValidity()) {
        browser.storage.sync.set({
            redditInstance: shared.parseURL(redditInstanceElement.value),
        });
    }
}, 500));

disableRedditElement.addEventListener("change", (event) => {
    browser.storage.sync.set({ disableReddit: !event.target.checked });
});

redditFrontendElement.addEventListener("change", (event) => {
    const value = event.target.options[redditFrontendElement.selectedIndex].value;
    console.info("Reddit Frontend", value)
    browser.storage.sync.set({ redditFrontend: value })
})