X-Git-Url: https://git.auder.net/doc/current/git-logo.png?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FGameList.vue;h=7125fde818956499c24ec782033dd02968ec974b;hb=6808d7a16ec1e761c6a2dffec2281c96953e4d89;hp=62c916fa63e3e723adb7a5a3ef6218126f2872f1;hpb=26f3a8879fb4b410ed8840c5a37397011c13bc1c;p=vchess.git diff --git a/client/src/components/GameList.vue b/client/src/components/GameList.vue index 62c916fa..7125fde8 100644 --- a/client/src/components/GameList.vue +++ b/client/src/components/GameList.vue @@ -4,56 +4,105 @@ div thead tr th {{ st.tr["Variant"] }} - th {{ st.tr["White"] }} - th {{ st.tr["Black"] }} - th {{ st.tr["Time control"] }} + th {{ st.tr[showBoth ? "Players" : "Versus"] }} + th(v-if="showCadence") {{ st.tr["Cadence"] }} th {{ st.tr["Result"] }} tbody tr(v-for="g in sortedGames" @click="$emit('show-game',g)" :class="{'my-turn': g.myTurn}") - td(data-label="Variant") {{ g.vname }} - td(data-label="White") {{ g.players[0].name || "@nonymous" }} - td(data-label="Black") {{ g.players[1].name || "@nonymous" }} - td(data-label="Time control") {{ g.timeControl }} - td(data-label="Result") {{ g.score }} + td {{ g.vname }} + td {{ player_s(g) }} + td(v-if="showCadence") {{ g.cadence }} + td(:class="{finished: g.score!='*'}" @click="deleteGame(g,$event)") + | {{ g.score }} @@ -61,4 +110,6 @@ export default { // TODO: understand why the style applied to