aboutsummaryrefslogtreecommitdiff
path: root/src/app/js
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2023-01-30 23:22:41 +0100
committer0neGal <mail@0negal.com>2023-01-30 23:22:41 +0100
commit84cc46018664cee9d89d71ea75ba687a9171ab28 (patch)
tree43e71f3b8a1535aa1e6440dd0f7df001efb09749 /src/app/js
parent67778e1ecab4747cf886e8ffcb6a11f96ccc279c (diff)
downloadViper-84cc46018664cee9d89d71ea75ba687a9171ab28.tar.gz
Viper-84cc46018664cee9d89d71ea75ba687a9171ab28.zip
added: toggles for toggling mods in modlist
The new modlist now uses the same toggles found in the settings popup, only here they're used to disable/enable mods. On top of this I also fixed the "Toggle All" button not working. Forgot to change some stuff, breaking it... oops...
Diffstat (limited to 'src/app/js')
-rw-r--r--src/app/js/browser.js2
-rw-r--r--src/app/js/mods.js18
2 files changed, 18 insertions, 2 deletions
diff --git a/src/app/js/browser.js b/src/app/js/browser.js
index fcb79a2..05bf01d 100644
--- a/src/app/js/browser.js
+++ b/src/app/js/browser.js
@@ -362,7 +362,7 @@ function BrowserEl(properties) {
<div class="text">
<div class="title">${properties.title}</div>
<div class="description">${properties.description}</div>
- <button class="install" onclick=''>${installstr}</button>
+ <button class="install blue" onclick=''>${installstr}</button>
<button class="info" onclick="Preview.set('${properties.url}')">${lang('gui.browser.view')}</button>
<button class="visual">${properties.version}</button>
<button class="visual">${lang("gui.browser.madeby")} ${properties.author}</button>
diff --git a/src/app/js/mods.js b/src/app/js/mods.js
index 39e904e..6c2fc22 100644
--- a/src/app/js/mods.js
+++ b/src/app/js/mods.js
@@ -11,7 +11,14 @@ mods.load = (mods_obj) => {
normalized_names.push(normalized_name);
- if (document.getElementById(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;
}
@@ -27,12 +34,21 @@ mods.load = (mods_obj) => {
<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();
}