blob: 6c2fc223c4e3a36749387947ff0b3a2a29edf6ea (
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
|
var mods = {};
mods.load = (mods_obj) => {
modcount.innerHTML = `${lang("gui.mods.count")} ${mods_obj.all.length}`;
let normalized_names = [];
let set_mod = (mod) => {
let image_url = "";
let normalized_name = "mod-list-" + normalize(mod.Name);
normalized_names.push(normalized_name);
let el = document.getElementById(normalized_name);
if (el) {
if (mod.Disabled) {
el.querySelector(".switch").classList.remove("on");
} else {
el.querySelector(".switch").classList.add("on");
}
return;
}
let div = document.createElement("div");
div.classList.add("el");
div.id = normalized_name;
div.innerHTML += `
<div class="image">
<img src="${image_url}">
<img class="blur" src="${image_url}">
</div>
<div class="text">
<div class="title">${mod.Name}</div>
<div class="description">${mod.Description}</div>
<button class="switch on"></button>
<button class="red" onclick="mods.remove('${mod.Name}')">Remove</button>
<button class="visual">${mod.Version}</button>
<button class="visual">by ${mod.Author || "Unknown"}</button>
</div>
`;
if (mod.Disabled) {
div.querySelector(".switch").classList.remove("on");
}
div.querySelector(".switch").addEventListener("click", () => {
mods.toggle(mod.Name);
})
if (! image_url) {
div.querySelector(".image").remove();
}
modsdiv.append(div);
}
for (let i = 0; i < mods_obj.all.length; i++) {
set_mod(mods_obj.all[i]);
}
let mod_els = document.querySelectorAll("#modsdiv .el");
for (let i = 0; i < mod_els.length; i++) {
if (! normalized_names.includes(mod_els[i].id)) {
mod_els[i].remove();
}
}
}
mods.remove = (mod) => {
if (mod.match(/^northstar\./)) {
if (! confirm(lang("gui.mods.required.confirm"))) {
return;
}
} else if (mod == "allmods") {
if (! confirm(lang("gui.mods.removeall.confirm"))) {
return;
}
}
ipcRenderer.send("remove-mod", mod);
}
mods.toggle = (mod) => {
if (mod.match(/^Northstar\./)) {
if (! confirm(lang("gui.mods.required.confirm"))) {
return;
}
} else if (mod == "allmods") {
if (! confirm(lang("gui.mods.toggleall.confirm"))) {
return;
}
}
ipcRenderer.send("toggle-mod", mod);
}
|
