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

diff --git a/public/javascripts/components/rules.js b/public/javascripts/components/rules.js
index e7af056a..25f8a3bd 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,7 +17,7 @@ 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) {
@@ -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>";