dorian/whose-turn-is-it
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix: bug in timer

Browse source
This commit is contained in:
Dorian Zedler 2023-01-05 13:01:38 +01:00
parent f42e8478e1
commit bf922ead94
Signed by: dorian
GPG key ID: 989DE36109AFA354
2 changed files with 1 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
index.html
View file

@ -25,16 +25,9 @@
</hgroup> </hgroup>
<div x-data="Timer"> <div x-data="Timer">
<div x-show="!time">
<div class="timer loading" href="#" aria-busy="true">
please wait
</div>
</div>
<div x-show="time">
<p :class="'timer' + ($store.remoteState.isMyTurn ? ' my-turn':'') + (time < 0 ? ' over':'')" <p :class="'timer' + ($store.remoteState.isMyTurn ? ' my-turn':'') + (time < 0 ? ' over':'')"
x-text="time + 's'"></p> x-text="time + 's'"></p>
</div> </div>
</div>
<button @click="$store.remoteState.giveTurnToNextPlayer()" <button @click="$store.remoteState.giveTurnToNextPlayer()"
x-bind:disabled="$store.remoteState.currentPlayer !== $store.localState.id"> x-bind:disabled="$store.remoteState.currentPlayer !== $store.localState.id">

2
js/index.js
View file

@ -47,7 +47,7 @@ function Timer() {
if (!lastPlayerSwitch) { if (!lastPlayerSwitch) {
this.time = null; this.time = null;
} else { } else {
this.time = parseInt( this.time = Math.floor(
((Alpine.store("remoteState").interval * 1000) - (new Date().getTime() - lastPlayerSwitch)) / 1000 ((Alpine.store("remoteState").interval * 1000) - (new Date().getTime() - lastPlayerSwitch)) / 1000
); );
} }