save surfers number in sessio

This commit is contained in:
Miki 2024-01-09 14:58:27 +01:00
parent 5b0644d2cd
commit 9324d2a367

View file

@ -13,10 +13,11 @@
{ color: 'gray', priority: '3' },
{ color: 'gray', priority: '5' },
];
let surfers = 5;
$: surfers = 5;
$: if (saved && surfer) {
window.sessionStorage.setItem('priority', JSON.stringify(surfer));
window.sessionStorage.setItem('priority', JSON.stringify(surfer));
window.sessionStorage.setItem('surfers', JSON.stringify(surfers));
console.log(`saved: ${JSON.stringify(surfer)}`);
}
@ -24,9 +25,10 @@
$: setup_height = ((100 - footer_height) / surfers) - (2.2 / surfers);
onMount(async () => {
let ses = window.sessionStorage.getItem('priority');
let ses = window.sessionStorage.getItem('priority');
if (ses) {
surfer = JSON.parse(ses);
surfers = JSON.parse(window.sessionStorage.getItem('surfers'));
console.log(`loaded: ${JSON.stringify(surfer)}`);
}
saved = true;
@ -61,7 +63,7 @@
<Color id="color{id}" label="Color-{id+1}" bind:value={surfer[id].color} />
{/each}
<span style:padding-left="16px"></span>
<Button label="Reset" handleClick={() => {saved = false; window.sessionStorage.removeItem('priority'); location.reload();}} />
<Button label="Reset" handleClick={() => {saved = false; window.sessionStorage.clear(); location.reload();}} />
<span style:padding-left="16px"></span>
<Button label="START" handleClick={() => {start = true;}} />