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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
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: () => {
settings = {...settings, ...Settings.get()};
ipcRenderer.send("save-settings", Settings.get());
},
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 select")) {
opts[optName] = options[i].querySelector(".actions select").value;
} 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 (optName == "forcedlang") {
let div = options[i].querySelector("select");
div.innerHTML = "";
let langs = fs.readdirSync(__dirname + "/../lang");
for (let i in langs) {
title = JSON.parse(fs.readFileSync(__dirname + `/../lang/${langs[i]}`, "utf8"))["lang.title"];
if (title) {
div.innerHTML += `<option value="${langs[i].replace(/\..*$/, '')}">${title}</option>`
}
}
div.value = settings.forcedlang;
continue;
}
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
}
}
}
ipcRenderer.send("can-autoupdate");
ipcRenderer.on("cant-autoupdate", () => {
document.querySelector(".option[name=autoupdate]").style.display = "none";
})
},
switch: (el, state) => {
if (state) {
return el.classList.add("on");
} else if (state === false) {
return el.classList.remove("on");
}
if (el.classList.contains("switch") && el.tagName == "BUTTON") {
el.classList.toggle("on");
}
}
}
document.body.addEventListener("click", (e) => {
let el = document.elementFromPoint(e.clientX, e.clientY);
Settings.switch(el);
})
Settings.load();
|
