mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

local storage for checkboxes (remember state)

Browse source
This commit is contained in:
ReznoRMichael 2021-01-30 00:40:05 +01:00
parent a302b8caa3
commit 75255ff0ba
2 changed files with 37 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/app.js
View file

File diff suppressed because one or more lines are too long

38
src/js/HKCheckCompletion.js
View file

@ -921,6 +921,10 @@ function InitialHTMLPopulate(divIdObj) {
AppendHTML(divIdObj.essential, FLEUR_DIVIDE); AppendHTML(divIdObj.essential, FLEUR_DIVIDE);
AppendHTML(divIdObj.achievements, FLEUR_DIVIDE); AppendHTML(divIdObj.achievements, FLEUR_DIVIDE);
// Check local storage first to set proper checkbox state before the below functions start (default is always unchecked)
if (localStorage.getItem("checkboxHints") === "checked") document.getElementById("checkbox-hints").checked = true;
if (localStorage.getItem("checkboxSpoilers") === "checked") document.getElementById("checkbox-locations").checked = true;
// Prevents wrong checkbox behaviour (must run after everything is finished) // Prevents wrong checkbox behaviour (must run after everything is finished)
CheckboxHintsToggle(); CheckboxHintsToggle();
CheckboxLocationsToggle(); CheckboxLocationsToggle();
@ -938,19 +942,34 @@ function CheckboxHintsToggle(param = "none") {
document.getElementById("hk-hints").classList.add("hidden"); document.getElementById("hk-hints").classList.add("hidden");
checkboxId.value = "hints-off"; checkboxId.value = "hints-off";
checkboxId.checked = false; checkboxId.checked = false;
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxHints", "unchecked");
break; break;
case "show": case "show":
document.getElementById("hk-hints").classList.remove("hidden"); document.getElementById("hk-hints").classList.remove("hidden");
checkboxId.value = "hints-on"; checkboxId.value = "hints-on";
checkboxId.checked = true; checkboxId.checked = true;
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxHints", "checked");
break; break;
default: default:
// This runs when the checkbox is not checked
if (checkboxId.checked === false) { if (checkboxId.checked === false) {
document.getElementById("hk-hints").classList.add("hidden"); document.getElementById("hk-hints").classList.add("hidden");
checkboxId.value = "hints-off"; checkboxId.value = "hints-off";
} else {
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxHints", "unchecked");
}
// This runs when the checkbox is checked
else {
document.getElementById("hk-hints").classList.remove("hidden"); document.getElementById("hk-hints").classList.remove("hidden");
checkboxId.value = "hints-on"; checkboxId.value = "hints-on";
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxHints", "checked");
} }
} }
} }
@ -971,6 +990,9 @@ function CheckboxLocationsToggle(param = "none") {
} }
checkboxId.value = "locations-off"; checkboxId.value = "locations-off";
checkboxId.checked = false; checkboxId.checked = false;
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxSpoilers", "unchecked");
break; break;
case "show": case "show":
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
@ -978,18 +1000,30 @@ function CheckboxLocationsToggle(param = "none") {
} }
checkboxId.value = "locations-on"; checkboxId.value = "locations-on";
checkboxId.checked = true; checkboxId.checked = true;
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxSpoilers", "checked");
break; break;
default: default:
// This runs when the checkbox is not checked
if (checkboxId.checked === false) { if (checkboxId.checked === false) {
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
allClassElements[i].classList.add("hidden"); allClassElements[i].classList.add("hidden");
} }
checkboxId.value = "locations-off"; checkboxId.value = "locations-off";
} else {
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxSpoilers", "unchecked");
}
// This runs when the checkbox is checked
else {
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
allClassElements[i].classList.remove("hidden"); allClassElements[i].classList.remove("hidden");
} }
checkboxId.value = "locations-on"; checkboxId.value = "locations-on";
// remember this choice for subsequent page visits and browser restarts
localStorage.setItem("checkboxSpoilers", "checked");
} }
} }
} }