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=0d2fbf468a98de06d4f0f2e5743263876c4506d2;hpb=dac395887d96e2d642b209c6db6aaacc3ffacb34;p=vchess.git diff --git a/client/src/components/GameList.vue b/client/src/components/GameList.vue index 0d2fbf46..7125fde8 100644 --- a/client/src/components/GameList.vue +++ b/client/src/components/GameList.vue @@ -3,58 +3,106 @@ div table thead tr - th Variant - th White - th Black - th Time control - th(v-if="showResult") Result + th {{ st.tr["Variant"] }} + 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(v-if="showResult" 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 }} @@ -62,4 +110,6 @@ export default { // TODO: understand why the style applied to