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

Fix: some minor problems

Browse source
This commit is contained in:
Dorian Zedler 2022-12-29 17:42:47 +01:00
parent 59435bd2af
commit 1e080865ff
Signed by: dorian
GPG key ID: 989DE36109AFA354
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -27,7 +27,7 @@
<button @click="$store.remoteState.giveTurnToNextPlayer()" <button @click="$store.remoteState.giveTurnToNextPlayer()"
x-bind:disabled="$store.remoteState.currentPlayer !== $store.localState.id">I'm done!</button> x-bind:disabled="$store.remoteState.currentPlayer !== $store.localState.id">I'm done!</button>
<p>Player after me:</p> <p>Player after me: <b x-text="$store.remoteState.players[$store.localState.nextPlayer]"></b> </p>
<select x-model="$store.localState.nextPlayer"> <select x-model="$store.localState.nextPlayer">
<template <template
x-for="playerId in Object.keys($store.remoteState.players).filter(id => id != $store.localState.id)" x-for="playerId in Object.keys($store.remoteState.players).filter(id => id != $store.localState.id)"

3
index.js
View file

@ -102,7 +102,7 @@ document.addEventListener('alpine:init', () => {
}) })
Alpine.effect(() => { Alpine.effect(() => {
if(Alpine.store("localState").nextPlayer == null || !Object.keys(this.players).includes(Alpine.store("localState").nextPlayer)) { if(Alpine.store("localState").nextPlayer == null || Alpine.store("localState").nextPlayer == Alpine.store("localState").id || !Object.keys(this.players).includes(Alpine.store("localState").nextPlayer)) {
const players = Object.keys(this.players).sort(); const players = Object.keys(this.players).sort();
const nextPlayer = players[(players.indexOf(Alpine.store("localState").id) + 1) % players.length] const nextPlayer = players[(players.indexOf(Alpine.store("localState").id) + 1) % players.length]
Alpine.store("localState").nextPlayer = nextPlayer; Alpine.store("localState").nextPlayer = nextPlayer;
@ -160,6 +160,7 @@ document.addEventListener('alpine:init', () => {
this._client.publish('im.dorian.whos-turn-is-it.players', JSON.stringify({ this._client.publish('im.dorian.whos-turn-is-it.players', JSON.stringify({
[Alpine.store("localState").id]: Alpine.store("localState").name, [Alpine.store("localState").id]: Alpine.store("localState").name,
}), { qos:1, retain: true }) }), { qos:1, retain: true })
this._client.publish('im.dorian.whos-turn-is-it.currentPlayer', Alpine.store("localState").id, { qos:1, retain: true })
} }
}) })
}) })