X-Git-Url: https://git.auder.net/assets/discord.svg?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FgameList.js;h=fcbb39a224bbf2f79c00ff1dfc5f5cbd1ad5e6e2;hb=214dfe16b01836fb19291ebf209bb7035993bafe;hp=3fcb40e5aea7d1ed6d9e50e05be7216d35f69e8e;hpb=b6487fb9c41705187cf97215fc9e8f86a59057c7;p=vchess.git

diff --git a/public/javascripts/components/gameList.js b/public/javascripts/components/gameList.js
index 3fcb40e5..fcbb39a2 100644
--- a/public/javascripts/components/gameList.js
+++ b/public/javascripts/components/gameList.js
@@ -1,4 +1,24 @@
-// TODO
-//My games : (tabs)
-//mes parties en cours --> démarrer là-dessus si y en a et c'est à moi de jouer ?
-//mes parties terminées (possibilité de supprimer)
+Vue.component("my-game-list", {
+	props: ["games"],
+	computed: {
+		showResult: function() {
+			this.games.length > 0 && this.games[0].score != "*";
+		},
+	},
+	template: `
+		<table>
+			<tr>
+				<th>Players names</th>
+				<th>Cadence</th>
+				<th v-if="showResult">
+			</tr>
+			<tr v-for="g in games" @click="$emit('show-game',g)">
+				<td>
+					<span v-for="p in g.players">{{ p.name }}</span>
+				</td>
+				<td>{{ g.mainTime }} + {{ g.increment }}</td>
+				<td v-if="showResult">{{ g.score }}</td>
+			</tr>
+		</table>
+	`,
+});