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
122
123
124
125
126
127
128
|
var Settings = {
toggle: (state) => {
Settings.load();
options.scrollTo(0, 0);
popups.set("#options", state);
let settings_btn = document.getElementById("settings");
if (state) {
settings_btn.classList.add("shown");
return;
} else if (state === false) {
if (state != undefined) {
settings_btn.classList.remove("shown");
return;
}
}
settings_btn.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 lang_dir = __dirname + "/../lang";
let langs = fs.readdirSync(lang_dir);
for (let i in langs) {
let lang_file = require(lang_dir + "/" + langs[i]);
let lang_no_extension = langs[i].replace(/\..*$/, "");
if (! lang_file.lang || ! lang_file.lang.title) {
continue;
}
let title = lang_file.lang.title;
if (title) {
div.innerHTML += `<option value="${lang_no_extension}">${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();
|
