fern/sensor-watch
1
0
Fork 0
mirror of https://github.com/firewalkwithm3/Sensor-Watch.git synced 2024-11-22 19:20:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Save the selected skin of the simulator in local storage

Browse source
This commit is contained in:
Hugo Chargois 2023-09-16 02:39:00 +02:00
parent 2e364f4ef9
commit baadb0b43f
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
watch-library/simulator/shell.html
View file

@ -885,8 +885,8 @@
<table cellpadding="5"> <table cellpadding="5">
<tr> <tr>
<td id="skinselect"> <td id="skinselect">
<input type="radio" id="f91w" name="skin" value="f91w" onclick="toggleSkin()" checked><label for="f91w">F-91W</label> <input type="radio" id="f91w" name="skin" value="f91w" onclick="setSkin(this.value)" checked><label for="f91w">F-91W</label>
<input type="radio" name="skin" id="a158wea" value="a158wea" onclick="toggleSkin()"><label id="a158wea-label" for="a158wea">A158WEA-9</label> <input type="radio" name="skin" id="a158wea9" value="a158wea9" onclick="setSkin(this.value)"><label id="a158wea-label" for="a158wea9">A158WEA-9</label>
</td> </td>
<td> <td>
<a href="https://github.com/alexisphilip/Casio-F-91W">Original F-91W SVG</a> is &copy; 2020 Alexis Philip,<br>used here under the terms of the MIT license. <a href="https://github.com/alexisphilip/Casio-F-91W">Original F-91W SVG</a> is &copy; 2020 Alexis Philip,<br>used here under the terms of the MIT license.
@ -979,20 +979,17 @@
} }
} }
function toggleSkin() { const validSkins = ["f91w", "a158wea9"];
var isBlack = document.getElementById('f91w').checked; function setSkin(chosenSkin) {
Array.from(document.getElementsByClassName("f91w")).forEach( setLocalPref("skin", chosenSkin);
function(element, index, array) { validSkins.forEach(function(skin) {
element.setAttribute('style', 'display:' + (isBlack ? 'inline':'none') + ';'); Array.from(document.getElementsByClassName(skin)).forEach(
function(element) {
element.setAttribute('style', 'display:' + (skin == chosenSkin ? 'inline':'none') + ';');
} }
); );
Array.from(document.getElementsByClassName("a158wea9")).forEach( });
function(element, index, array) {
element.setAttribute('style', 'display:' + (isBlack ? 'none':'inline') + ';');
}
);
} }
toggleSkin();
// emulator runs on localhost:8000 which could very well be used by other // emulator runs on localhost:8000 which could very well be used by other
// things, so we'll scope our localStorage keys with a prefix // things, so we'll scope our localStorage keys with a prefix
@ -1019,6 +1016,13 @@
} }
document.getElementById("volume").value = vol; document.getElementById("volume").value = vol;
setVolume(vol); setVolume(vol);
let skin = getLocalPref("skin", "f91w");
if (!validSkins.includes(skin)) {
skin = "f91w";
}
document.getElementById(skin).checked = true;
setSkin(skin);
} }
loadPrefs(); loadPrefs();
</script> </script>