X-Git-Url: https://git.auder.net/js/css/rpsls.css?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=1209dd99c6a57a2dad0e6e4da536fe3493634ec7;hb=d36ca1989daec86e5ad4b2e65c8a045af171fafd;hp=a4e1ca410dfa0052dbaee36e3b53289b535f77cc;hpb=72ccbd6730241771e6ba86b6a5b62597b4c7e2f4;p=vchess.git
diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index a4e1ca41..1209dd99 100644
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -1,86 +1,53 @@
+
+div
+ #scoreInfo(v-if="score!='*'")
+ p {{ score }}
+ p {{ message }}
+ table.moves-list
+ tbody
+ tr(v-for="moveIdx in evenNumbers")
+ td {{ firstNum + moveIdx / 2 + 1 }}
+ td(:class="{'highlight-lm': cursor == moveIdx}"
+ @click="() => gotoMove(moveIdx)")
+ | {{ moves[moveIdx].notation }}
+ td(v-if="moveIdx < moves.length-1"
+ :class="{'highlight-lm': cursor == moveIdx+1}"
+ @click="() => gotoMove(moveIdx+1)")
+ | {{ moves[moveIdx+1].notation }}
+ // Else: just add an empty cell
+ td(v-else)
+
+