X-Git-Url: https://git.auder.net/pieces/Cwda/n_black_rook.svg?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FChallengeList.vue;h=c57073c095760aa737d85800da8a4526be35c85f;hb=dac395887d96e2d642b209c6db6aaacc3ffacb34;hp=c7df2ddea7bae9214b594ab77c2384fa3772bfcf;hpb=e64c6f67185b45b3b1205069532362c1bf9680db;p=vchess.git
diff --git a/client/src/components/ChallengeList.vue b/client/src/components/ChallengeList.vue
index c7df2dde..c57073c0 100644
--- a/client/src/components/ChallengeList.vue
+++ b/client/src/components/ChallengeList.vue
@@ -1,26 +1,44 @@
-table
- tr
- th Variant
- th From
- th To
- th Cadence
- tr(v-for="c in challenges" @click="$emit('click-challenge',c)")
- td {{ c.vname }}
- td {{ c.from.name }}
- td(v-if="!!c.to[0]")
- span(v-for="pname in c.to") {{ pname }}
- td(v-else) {{ c.to.length }} player{{ c.to.length >= 2 ? 's' : '' }}
- td {{ c.timeControl }}
+div
+ table
+ thead
+ tr
+ th Variant
+ th From
+ th To
+ th Cadence
+ tbody
+ tr(v-for="c in sortedChallenges" @click="$emit('click-challenge',c)")
+ td(data-label="Variant") {{ c.vname }}
+ td(data-label="From") {{ c.from.name }}
+ td(data-label="To") {{ c.to }}
+ td(data-label="Cadence") {{ c.timeControl }}
-
-