X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fclient_OLD%2Fjavascripts%2Fcomponents%2FgameList.js;fp=client%2Fclient_OLD%2Fjavascripts%2Fcomponents%2FgameList.js;h=9b669826ae303913c629ca2e6eeb4d373d0415b0;hb=625022fdcf750f0aff8fcd699f7e9b89730e1d10;hp=0000000000000000000000000000000000000000;hpb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;p=vchess.git

diff --git a/client/client_OLD/javascripts/components/gameList.js b/client/client_OLD/javascripts/components/gameList.js
new file mode 100644
index 00000000..9b669826
--- /dev/null
+++ b/client/client_OLD/javascripts/components/gameList.js
@@ -0,0 +1,29 @@
+Vue.component("my-game-list", {
+	props: ["games"],
+	computed: {
+		showVariant: function() {
+			return this.games.length > 0 && !!this.games[0].vname;
+		},
+		showResult: function() {
+			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">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>
+				<td>{{ g.mainTime }} + {{ g.increment }}</td>
+				<td v-if="showResult">{{ g.score }}</td>
+			</tr>
+		</table>
+	`,
+});