{
elementArray.push(
h('div',
- { },
+ { attrs: { id: "pgn-div" } },
[
+ h('a',
+ {
+ attrs: {
+ id: "download",
+ href: "#",
+ }
+ }
+ ),
h('p',
{
+ attrs: { id: "pgn-game" },
+ on: { click: this.download },
domProps: {
innerHTML: this.vr.getPGN(this.mycolor, this.score, this.fenStart, this.mode)
}
this.conn.onclose = socketCloseListener;
},
methods: {
+ download: function() {
+ let content = document.getElementById("pgn-game").innerHTML;
+ content = content.replace(/<br>/g, "\n");
+ // Prepare and trigger download link
+ let downloadAnchor = document.getElementById("download");
+ downloadAnchor.setAttribute("download", "game.pgn");
+ downloadAnchor.href = "data:text/plain;charset=utf-8," + encodeURIComponent(content);
+ downloadAnchor.click();
+ },
endGame: function(score) {
this.score = score;
let modalBox = document.getElementById("modal-eog");
modalBox.checked = true;
- setTimeout(() => { modalBox.checked = false; }, 2000);
+ setTimeout(() => {
+ modalBox.checked = false;
+ this.mode = "idle"; //TODO: not the best way... (to see correct opponent in PGN)
+ }, 2000);
if (this.mode == "human")
this.clearStorage();
- this.mode = "idle";
this.oppid = "";
},
getEndgameMessage: function(score) {
this.seek = false;
if (!!moves && moves.length > 0) //imply continuation
{
- const oppCol = this.vr.turn;
const lastMove = moves[moves.length-1];
this.vr.undo(lastMove);
- this.incheck = this.vr.getCheckSquares(lastMove, oppCol);
+ this.incheck = this.vr.getCheckSquares(lastMove);
this.vr.play(lastMove, "ingame");
}
delete localStorage["newgame"];
}
},
playComputerMove: function() {
- const compColor = this.mycolor=='w' ? 'b' : 'w';
- const compMove = this.vr.getComputerMove(compColor);
+ const compMove = this.vr.getComputerMove();
// HACK: avoid selecting elements before they appear on page:
setTimeout(() => this.play(compMove, "animate"), 500);
},
this.selectedPiece.style.display = "inline-block";
this.selectedPiece.style.zIndex = 3000;
let startSquare = this.getSquareFromId(e.target.parentNode.id);
- this.possibleMoves = this.vr.canIplay(this.mycolor,startSquare)
+ this.possibleMoves = this.mode!="idle" && this.vr.canIplay(this.mycolor,startSquare)
? this.vr.getPossibleMovesFrom(startSquare)
: [];
e.target.parentNode.appendChild(this.selectedPiece);
this.animateMove(move);
return;
}
- const oppCol = this.vr.getOppCol(this.vr.turn);
- this.incheck = this.vr.getCheckSquares(move, oppCol); //is opponent in check?
+ this.incheck = this.vr.getCheckSquares(move); //is opponent in check?
// Not programmatic, or animation is over
if (this.mode == "human" && this.vr.turn == this.mycolor)
this.conn.send(JSON.stringify({code:"newmove", move:move, oppid:this.oppid}));
this.vr.play(move, "ingame");
if (this.mode == "human")
this.updateStorage(); //after our moves and opponent moves
- const eog = this.vr.checkGameOver(this.vr.turn);
+ const eog = this.vr.checkGameOver();
if (eog != "*")
this.endGame(eog);
else if (this.mode == "computer" && this.vr.turn != this.mycolor)