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

diff --git a/public/javascripts/components/challengeList.js b/public/javascripts/components/challengeList.js
index bc2ebd03..2c997b7e 100644
--- a/public/javascripts/components/challengeList.js
+++ b/public/javascripts/components/challengeList.js
@@ -1,2 +1,33 @@
-//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>
+	`,
+});
+
+// TODO: challenge format from/to ou uid/players ............