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); this.main.append(button_set);
// TODO include the section dividers, somehow
let list = mk('ul.compat-flags'); let list = mk('ul.compat-flags');
for (let compat of COMPAT_FLAGS) { for (let compat of COMPAT_FLAGS) {
let label = mk('label', let label = mk('label',
@ -3317,7 +3318,24 @@ class CompatOverlay extends DialogOverlay {
list.append(mk('li', label)); list.append(mk('li', label));
} }
list.addEventListener('change', ev => { 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); ev.target.closest('li').classList.toggle('-checked', ev.target.checked);
}); });
this.main.append(list); this.main.append(list);