X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FGameList.vue;h=d0ea2f01efdd852219fa7c17f69c0b5b1414aa5a;hb=5fd5fb22de02ed6c585e86a1c3dda50ff6071d2f;hp=5ab61cc3d1908d152bc57c9e497bbe76313056f0;hpb=41c80bb63b85b2696d3925c10784c3d7bb5d2aa3;p=vchess.git diff --git a/client/src/components/GameList.vue b/client/src/components/GameList.vue index 5ab61cc3..d0ea2f01 100644 --- a/client/src/components/GameList.vue +++ b/client/src/components/GameList.vue @@ -3,10 +3,10 @@ div table thead tr - th Variant - th White - th Black - th Time control + th {{ st.tr["Variant"] }} + th {{ st.tr["White"] }} + th {{ st.tr["Black"] }} + th {{ st.tr["Time control"] }} th(v-if="showResult") Result tbody tr(v-for="g in sortedGames" @click="$emit('show-game',g)" @@ -23,14 +23,14 @@ import { store } from "@/store"; export default { name: "my-game-list", - props: ["games"], + props: ["games"], data: function() { return { st: store.state, showResult: false, }; }, - computed: { + computed: { sortedGames: function() { // Show in order: games where it's my turn, my running games, my games, other games this.showResult = this.games.some(g => g.score != "*"); @@ -46,6 +46,7 @@ export default { || g.players[0].sid == this.st.user.sid ? "w" : "b"; + // I play in this game, so g.fen will be defined if (!!g.fen.match(" " + myColor + " ")) priority++; }