From bbfa172e7ad4c241ba5ae66552ebb3b7c10b748f Mon Sep 17 00:00:00 2001 From: Michiel Scholten Date: Sun, 24 Nov 2024 16:32:13 +0100 Subject: [PATCH] Persist the important game data in localStorage --- src/alfagok/static/game.js | 34 ++++++++++++++++---------------- src/alfagok/templates/index.html | 2 +- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/alfagok/static/game.js b/src/alfagok/static/game.js index 8dab7f6..5cfe4ee 100644 --- a/src/alfagok/static/game.js +++ b/src/alfagok/static/game.js @@ -5,26 +5,26 @@ document.addEventListener('alpine:init', () => { savedGameKey: 'saveGame', /* Main alfagok application, state etc */ - gameID: 0, + gameID: Alpine.$persist(0).as('gameID'), countingDown: '', loading: false, - winTime: null, - startTime: null, - gaveUpTime: null, // not implemented yet + winTime: Alpine.$persist(null).as('winTime'), + startTime: Alpine.$persist(null).as('startTime'), + gaveUpTime: Alpine.$persist(null).as('gaveUpTime'), // not implemented yet - nrGuesses: 0, - guessesBefore: [], - guessesAfter: [], + nrGuesses: Alpine.$persist(0).as('nrGuesses'), + guessesBefore: Alpine.$persist([]).as('guessesBefore'), + guessesAfter: Alpine.$persist([]).as('guessesAfter'), - guessValue: '', + guessValue: Alpine.$persist('').as('guessValue'), guessError: '', - resultGameID: '', - resultGuesses: '', - resultTimeTaken: '', + resultGameID: Alpine.$persist('').as('resultGameID'), + resultGuesses: Alpine.$persist('').as('resultGuesses'), + resultTimeTaken: Alpine.$persist('').as('resultTimeTaken'), async getGameID() { /* Get the game number from the backend */ @@ -115,12 +115,12 @@ document.addEventListener('alpine:init', () => { }, // # Local Storage Persistence storeGameState() { - localStorage.setItem(this.savedGameKey, JSON.stringify({ - startTime, - winTime, - gaveUpTime, - guessesBefore, - })); + // localStorage.setItem(this.savedGameKey, JSON.stringify({ + // startTime, + // winTime, + // gaveUpTime, + // guessesBefore, + // })); }, getStoredGameState() { if (!this.isLocalStorageAvailable) return undefined; diff --git a/src/alfagok/templates/index.html b/src/alfagok/templates/index.html index 5fc3501..3aca6db 100644 --- a/src/alfagok/templates/index.html +++ b/src/alfagok/templates/index.html @@ -11,7 +11,7 @@ - +