blob: e558d613382c9b570effcdfcb717ba6a14c44668 (
plain)
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
92
93
94
95
96
97
98
99
100
|
var Settings = {
toggle: (state) => {
if (state) {
Settings.load();
options.scrollTo(0, 0);
overlay.classList.add("shown")
options.classList.add("shown")
return
} else if (! state) {
if (state != undefined) {
overlay.classList.remove("shown")
options.classList.remove("shown")
return
}
}
Settings.load();
options.scrollTo(0, 0);
overlay.classList.toggle("shown")
options.classList.toggle("shown")
},
apply: () => {},
reloadSwitches: () => {
let switches = document.querySelectorAll(".switch");
for (let i = 0; i < switches.length; i++) {
switches[i].setAttribute("onclick", `Settings.switch(${i})`);
}
},
switch: (element) => {
let switches = document.querySelectorAll(".switch");
element = switches[element];
if (element.classList.contains("on")) {
element.classList.add("off");
element.classList.remove("on");
} else {
element.classList.add("on");
element.classList.remove("off");
}
Settings.reloadSwitches();
},
get: () => {
let opts = {};
let options = document.querySelectorAll(".option");
for (let i = 0; i < options.length; i++) {
let optName = options[i].getAttribute("name");
if (options[i].querySelector(".actions input")) {
let input = options[i].querySelector(".actions input").value;
if (options[i].getAttribute("type")) {
opts[optName] = input.split(" ");
} else {
opts[optName] = input;
}
} else if (options[i].querySelector(".actions .switch")) {
if (options[i].querySelector(".actions .switch.on")) {
opts[optName] = true;
} else {
opts[optName] = false;
}
}
}
return opts;
},
load: () => {
let options = document.querySelectorAll(".option");
for (let i = 0; i < options.length; i++) {
let optName = options[i].getAttribute("name");
if (settings[optName] != undefined) {
switch(typeof settings[optName]) {
case "string":
options[i].querySelector(".actions input").value = settings[optName];
break
case "object":
options[i].querySelector(".actions input").value = settings[optName].join(" ");
break
case "boolean":
let switchDiv = options[i].querySelector(".actions .switch");
if (settings[optName]) {
switchDiv.classList.add("on");
switchDiv.classList.remove("off");
} else {
switchDiv.classList.add("off");
switchDiv.classList.remove("on");
}
break
}
}
}
}
}
Settings.reloadSwitches();
Settings.load();
|
