X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FchallengeList.js;h=66e809e199208d9bb144c32d4c337fe31eef16e3;hb=214dfe16b01836fb19291ebf209bb7035993bafe;hp=bc2ebd03e858be66ca4aa68f7dc7826e5532f974;hpb=3ca7a846ae7bc5d8f7c628417418534f3c92593a;p=vchess.git

diff --git a/public/javascripts/components/challengeList.js b/public/javascripts/components/challengeList.js
index bc2ebd03..66e809e1 100644
--- a/public/javascripts/components/challengeList.js
+++ b/public/javascripts/components/challengeList.js
@@ -1,2 +1,31 @@
-//TODO (avec newGame button ?!)
-// ou challengeSummary organisé dans room...
+Vue.component("my-challenge-list", {
+	props: ["challenges"],
+	computed: {
+		showVariant: function() {
+			this.challenges.length > 0 && !!this.challenges[0].variant;
+		},
+		showNbPlayers: function() {
+			this.challenges.length > 0 && !!this.challenges[0].nbPlayers;
+		},
+	},
+	template: `
+		<table>
+			<tr>
+				<th v-if="showVariant">Variant</th>
+				<th>From</th>
+				<th>To</th>
+				<th>Cadence</th>
+				<th v-if="showNbPlayers">Number of players</th>
+			</tr>
+			<tr v-for="c in challenges" @click="$emit('click-challenge',c)">
+				<td v-if="showVariant">{{ c.variant }}</td>
+				<td>{{ c.from.name }}</td>
+				<td>
+					<span v-for="p in c.to">{{ p.name }}</span>
+				</td>
+				<td>{{ c.mainTime }} + {{ c.increment }}</td>
+				<td v-if="showNbPlayers">{{ c.nbPlayers }}</td>
+			</tr>
+		</table>
+	`,
+});