X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=6e2ef66e65057de3196d5504999c050820db2544;hb=697ee5803b6110b98de0e1097ce6affc712134c4;hp=fa01cf16b0a3423a83b981144bfcd69f58fbf03f;hpb=cf2343cee5729c011770ace6d5b4f79d1ac3a2b6;p=vchess.git diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index fa01cf16..6e2ef66e 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -2,22 +2,10 @@ // 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 - 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) + props: ["moves","cursor"], 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 = []; let moveCounter = 0; let tableRow = undefined; @@ -66,26 +54,26 @@ 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