X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=0d9e8d340acf0fb83f27f95698e70bb11e00a153;hb=f21cd6d9c23da37d729f20ea4c08e56b1a7b10a1;hp=fa01cf16b0a3423a83b981144bfcd69f58fbf03f;hpb=cf2343cee5729c011770ace6d5b4f79d1ac3a2b6;p=vchess.git diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index fa01cf16..0d9e8d34 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -2,20 +2,15 @@ // Component for moves list on the right export default { name: 'my-move-list', - props: ["moves","cursor"], //TODO: other props for e.g. players names + connected indicator - // --> we could also add turn indicator here + props: ["moves","cursor"], data: function() { return { something: "", //TODO? }; }, - // TODO: extend rendering for more than 2 colors: would be a parameter - // in that case some moves for some colors could be just skipped (if a player lost) render(h) { if (this.moves.length == 0) return; - const nbColors = 2; - // TODO: name colors "white", "black", "red", "yellow" ? if (this.moves[0].color == "b") this.moves.unshift({color: "w", notation: "..."}); let tableContent = []; @@ -66,18 +61,14 @@ export default { } } // Complete last row, which might not be full: - if (moveCells.length-1 < nbColors) + if (moveCells.length-1 == 1) { - const delta = nbColors - (moveCells.length-1); - for (let i=0; i