+// Load rules on variant page
Vue.component('my-rules', {
data: function() {
return { content: "" };
};
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]);
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>";