X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=18632858d6e653a9d74bf71e3c6b1a44119064b5;hb=204e289bbcddc69e2d81aef492dbea6db9e31188;hp=bd66f7310af01bd864487c55af260a9f74fb2d83;hpb=da2f044481b0eb4d041569149a457365940743aa;p=vchess.git diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js index bd66f731..18632858 100644 --- a/public/javascripts/components/game.js +++ b/public/javascripts/components/game.js @@ -16,6 +16,7 @@ Vue.component('my-game', { seek: false, fenStart: "", incheck: [], + pgnTxt: "", expert: document.cookie.length>0 ? document.cookie.substr(-1)=="1" : false, }; }, @@ -216,18 +217,21 @@ Vue.component('my-game', { ); }), choices] ); - actionArray.push( - h('button', - { - on: { click: this.resign }, - attrs: { "aria-label": 'Resign' }, - 'class': { - "tooltip":true, - "bottom": true, + if (this.mode != "idle") + { + actionArray.push( + h('button', + { + on: { click: this.resign }, + attrs: { "aria-label": 'Resign' }, + 'class': { + "tooltip":true, + "bottom": true, + }, }, - }, - [h('i', { 'class': { "material-icons": true } }, "flag")]) - ); + [h('i', { 'class': { "material-icons": true } }, "flag")]) + ); + } elementArray.push(gameDiv); // if (!!vr.reserve) // { @@ -349,7 +353,7 @@ Vue.component('my-game', { attrs: { id: "pgn-game" }, on: { click: this.download }, domProps: { - innerHTML: this.vr.getPGN(this.mycolor, this.score, this.fenStart, this.mode) + innerHTML: this.pgnTxt } } ) @@ -493,12 +497,12 @@ Vue.component('my-game', { this.score = score; let modalBox = document.getElementById("modal-eog"); modalBox.checked = true; - setTimeout(() => { - modalBox.checked = false; - this.mode = "idle"; //TODO: not the best way... (to see correct opponent in PGN) - }, 2000); + // Variants may have special PGN structure (so next function isn't defined here) + this.pgnTxt = this.vr.getPGN(this.mycolor, this.score, this.fenStart, this.mode); + setTimeout(() => { modalBox.checked = false; }, 2000); if (this.mode == "human") this.clearStorage(); + this.mode = "idle"; this.oppid = ""; }, getEndgameMessage: function(score) { @@ -600,6 +604,7 @@ Vue.component('my-game', { return; } this.vr = new VariantRules(fen, moves || []); + this.pgnTxt = ""; //redundant with this.score = "*", but cleaner this.mode = mode; this.incheck = []; //in case of this.fenStart = continuation