X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FgameList.js;h=9b669826ae303913c629ca2e6eeb4d373d0415b0;hb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;hp=fcbb39a224bbf2f79c00ff1dfc5f5cbd1ad5e6e2;hpb=214dfe16b01836fb19291ebf209bb7035993bafe;p=vchess.git

diff --git a/public/javascripts/components/gameList.js b/public/javascripts/components/gameList.js
index fcbb39a2..9b669826 100644
--- a/public/javascripts/components/gameList.js
+++ b/public/javascripts/components/gameList.js
@@ -1,18 +1,23 @@
 Vue.component("my-game-list", {
 	props: ["games"],
 	computed: {
+		showVariant: function() {
+			return this.games.length > 0 && !!this.games[0].vname;
+		},
 		showResult: function() {
-			this.games.length > 0 && this.games[0].score != "*";
+			return this.games.length > 0 && this.games[0].score != "*";
 		},
 	},
 	template: `
 		<table>
 			<tr>
+				<th v-if="showVariant">Variant</th>
 				<th>Players names</th>
 				<th>Cadence</th>
-				<th v-if="showResult">
+				<th v-if="showResult">Result</th>
 			</tr>
 			<tr v-for="g in games" @click="$emit('show-game',g)">
+				<td v-if="showVariant">{{ g.vname }}</td>
 				<td>
 					<span v-for="p in g.players">{{ p.name }}</span>
 				</td>