0
/
leftypol_lainchan
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

js/lcn/classes.js: re-add toggle label, set eventId on prefix change

This commit is contained in:
Jon 2024-02-27 22:55:50 +00:00 committed by towards-a-new-leftypol
parent 9a5b0352e5
commit dd80ea013a
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
js/lcn/classes.js
View File

@ -356,6 +356,7 @@ globalThis.LCNSetting = class LCNSetting {
#id = null; #id = null;
#eventId = null; #eventId = null;
#label = null; #label = null;
#hidden = false;
#value = null; #value = null;
#valueDefault = null; #valueDefault = null;
@ -375,6 +376,9 @@ globalThis.LCNSetting = class LCNSetting {
} }
} }
"isHidden" () { return this.#hidden; }
"setHidden" (v) { this.#hidden = v; return this; }
"getValue" () { return this.#value ?? (this.#value = this.#getValue()); } "getValue" () { return this.#value ?? (this.#value = this.#getValue()); }
"setValue" (v) { "setValue" (v) {
if (this.#value !== v) { if (this.#value !== v) {
@ -391,7 +395,10 @@ globalThis.LCNSetting = class LCNSetting {
"setDefaultValue" (vd) { this.#valueDefault = vd; return this; } "setDefaultValue" (vd) { this.#valueDefault = vd; return this; }
"onChange" (fn) { $(document).on(`${this.#eventId}::change`, (_,v,i) => fn(v, i)); } "onChange" (fn) { $(document).on(`${this.#eventId}::change`, (_,v,i) => fn(v, i)); }
__setIdPrefix (prefix) { this.#id = `${prefix}_${this.#id}`; } __setIdPrefix (prefix) {
this.#id = `${prefix}_${this.#id}`
this.#eventId = `lcnsetting::${this.#id}`
}
} }
globalThis.LCNToggleSetting = class LCNToggleSetting extends LCNSetting { globalThis.LCNToggleSetting = class LCNToggleSetting extends LCNSetting {
@ -401,7 +408,10 @@ globalThis.LCNToggleSetting = class LCNToggleSetting extends LCNSetting {
const div = document.createElement("div") const div = document.createElement("div")
const chk = document.createElement("input") const chk = document.createElement("input")
const txt = document.createElement("label") const txt = document.createElement("label")
const id = `lcnts::${this.id}`
txt.id = id
txt.innerText = this.getLabel() txt.innerText = this.getLabel()
chk.id = id
chk.type = "checkbox" chk.type = "checkbox"
chk.checked = this.getValue() chk.checked = this.getValue()
chk.addEventListener("click", e => { chk.addEventListener("click", e => {
@ -459,7 +469,7 @@ globalThis.LCNSettingsSubcategory = class LCNSettingsSubcategory {
"addSetting" (setting) { "addSetting" (setting) {
assert.ok(setting instanceof LCNSetting) assert.ok(setting instanceof LCNSetting)
setting.__setIdPrefix(`lcnsetting_${this.#tab_id}_${this.#id}`) setting.__setIdPrefix(`lcnsetting_${this.#tab_id}_${this.#id}`)
if (setting.__builtinDOMConstructor != null) { if (!setting.isHidden() && setting.__builtinDOMConstructor != null) {
const div = setting.__builtinDOMConstructor() const div = setting.__builtinDOMConstructor()
div.classList.add("lcn-setting-entry") div.classList.add("lcn-setting-entry")
this.#fieldset.appendChild(div) this.#fieldset.appendChild(div)