X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Frules.js;h=c3107a675a11e9716d2fa30b915185e236784786;hb=0b7d99ecbb5dedc02cd96c457b5fc2962db9b297;hp=e7af056aeacdb3d9ce94637e851a68e662512260;hpb=1d184b4c016a645228251ce984d4c980e60420b0;p=vchess.git

diff --git a/public/javascripts/components/rules.js b/public/javascripts/components/rules.js
index e7af056a..c3107a67 100644
--- a/public/javascripts/components/rules.js
+++ b/public/javascripts/components/rules.js
@@ -1,3 +1,4 @@
+// Load rules on variant page
 Vue.component('my-rules', {
 	data: function() {
 		return { content: "" };
@@ -16,11 +17,11 @@ Vue.component('my-rules', {
 		};
 		xhr.open("GET", "/rules/" + variant, true);
 		xhr.setRequestHeader('X-Requested-With', "XMLHttpRequest");
-		xhr.send(null); //TODO: or just xhr.send() ?
+		xhr.send();
 	},
 	methods: {
 		drawDiag: function(fen) {
-			let [sizeX,sizeY] = VariantRules.size;
+			let [sizeX,sizeY] = [V.size.x,V.size.y];
 			let fenParts = fen.split(" ");
 			// Obtain array of pieces images names
 			let board = VariantRules.GetBoard(fenParts[0]);
@@ -51,16 +52,15 @@ Vue.component('my-rules', {
 				boardDiv += "<div class='row'>";
 				for (let j=startY; j>=0 && j<sizeY; j+=inc)
 				{
-					// NOTE: 'board' to distinguish from coords
-					boardDiv += "<div class='board lichess " +
+					boardDiv += "<div class='board board" + sizeY + " " +
 						((i+j)%2==0 ? "light-square-diag" : "dark-square-diag") + "'>";
-					if (markArray.length>0 && markArray[i][j])
-						boardDiv += "<img src='/images/mark.svg' class='markSquare'/>";
 					if (board[i][j] != VariantRules.EMPTY)
 					{
 						boardDiv += "<img src='/images/pieces/" +
 							VariantRules.getPpath(board[i][j]) + ".svg' class='piece'/>";
 					}
+					if (markArray.length>0 && markArray[i][j])
+						boardDiv += "<img src='/images/mark.svg' class='mark-square'/>";
 					boardDiv += "</div>";
 				}
 				boardDiv += "</div>";