leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

If you select exactly the compat flags matching a ruleset, highlight that button

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2024-04-10 02:52:15 -06:00
parent 6d6f4f7c47
commit b0650e7d6e
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
js/main.js
View File

@ -3297,6 +3297,7 @@ class CompatOverlay extends DialogOverlay {
});
this.main.append(button_set);
// TODO include the section dividers, somehow
let list = mk('ul.compat-flags');
for (let compat of COMPAT_FLAGS) {
let label = mk('label',
@ -3317,7 +3318,24 @@ class CompatOverlay extends DialogOverlay {
list.append(mk('li', label));
}
list.addEventListener('change', ev => {
this.root.elements['__ruleset__'].value = 'custom';
// If the current set of flags exactly matches one of the presets, highlight that button
let selected_ruleset = 'custom';
for (let ruleset of COMPAT_RULESET_ORDER) {
let ok = true;
for (let compat of COMPAT_FLAGS) {
if (this.root.elements[compat.key].checked !== compat.rulesets.has(ruleset)) {
ok = false;
break;
}
}
if (ok) {
selected_ruleset = ruleset;
break;
}
}
this.root.elements['__ruleset__'].value = selected_ruleset;
ev.target.closest('li').classList.toggle('-checked', ev.target.checked);
});
this.main.append(list);