X-Git-Url: https://git.auder.net/assets/discord.svg?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=cebbff47012c18c103097f8cd0c8059a7fc5f092;hb=52a8ab55fed35fcbf8d00d4952fb32dd3535f5b7;hp=fa01cf16b0a3423a83b981144bfcd69f58fbf03f;hpb=cf2343cee5729c011770ace6d5b4f79d1ac3a2b6;p=vchess.git

diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index fa01cf16..cebbff47 100644
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -2,20 +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 = [];
@@ -66,26 +56,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<delta; i++)
-			{
-				moveCells.push(
-					h(
-						"td",
-						{ domProps: { innerHTML: "" } }
-					)
-				);
-			}
+      moveCells.push(
+        h(
+          "td",
+          { domProps: { innerHTML: "" } }
+        )
+      );
 		}
 		tableRow.children = moveCells;
 		tableContent.push(tableRow);
 		const movesTable = h(
-			"table",
-			{ },
-			tableContent
-		);
+      "div",
+      { },
+      [h(
+			  "table",
+			  { },
+			  tableContent
+		  )]
+    );
 		return movesTable;
 	},
 	methods: {