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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
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");
let libredditRandomPoolElement = document.getElementById("libreddit-random-pool");
let libredditRandomPoolListElement = document.getElementById("libreddit-random-pool-list");
let tedditRandomPoolElement = document.getElementById("teddit-random-pool");
let tedditRandomPoolListElement = document.getElementById("teddit-random-pool-list");
let libredditRandomPool
let tedditRandomPool
browser.storage.sync.get(
[
"redditInstance",
"disableReddit",
"redditFrontend",
"libredditRandomPool",
"tedditRandomPool"
],
(result) => {
redditInstanceElement.value = result.redditInstance || "";
disableRedditElement.checked = !result.disableReddit;
redditFrontendElement.value = result.redditFrontend;
libredditRandomPool = result.libredditRandomPool || commonHelper.filterInstances(redditInstances.libreddit)
libredditRandomPoolElement.value = libredditRandomPool.join("\n");
commonHelper.updateListElement(libredditRandomPoolListElement, libredditRandomPool);
tedditRandomPool = result.tedditRandomPool || commonHelper.filterInstances(redditInstances.teddit)
tedditRandomPoolElement.value = tedditRandomPool.join("\n");
commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);
// 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 })
});
libredditRandomPoolElement.addEventListener("input", commonHelper.debounce(() => {
libredditRandomPool = commonHelper.filterList(libredditRandomPoolElement.value.split("\n"))
commonHelper.updateListElement(libredditRandomPoolListElement, libredditRandomPool);
browser.storage.sync.set({ libredditRandomPool: libredditRandomPool });
}, 50));
tedditRandomPoolElement.addEventListener("input", commonHelper.debounce(() => {
tedditRandomPool = commonHelper.filterList(tedditRandomPoolElement.value.split("\n"))
commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);
browser.storage.sync.set({ tedditRandomPool: tedditRandomPool });
}, 50));
browser.storage.onChanged.addListener((changes) => {
if ("libredditRandomPool" in changes) {
libredditRandomPool = changes.libredditRandomPool.newValue;
libredditRandomPoolElement.value = libredditRandomPool.join("\n");
commonHelper.updateListElement(libredditRandomPoolListElement, libredditRandomPool);
}
if ("tedditRandomPool" in changes) {
tedditRandomPool = changes.tedditRandomPool.newValue;
tedditRandomPoolElement.value = tedditRandomPool.join("\n");
commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);
}
})
|
