X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FGame.vue;h=4d44cd1acfb295efca43f53a48496153667ceac0;hb=a4480041556612060da8ba4cf30adc48895d746e;hp=114b86b458ca13f72f0f8d1a706d2a00b6d78611;hpb=afc426016772300cc2812e8f96dd964bc6ae739d;p=vchess.git diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue index 114b86b4..4d44cd1a 100644 --- a/client/src/views/Game.vue +++ b/client/src/views/Game.vue @@ -11,6 +11,7 @@ button(@click="abortGame") {{ st.tr["Game is too boring"] }} BaseGame(:game="game" :vr="vr" ref="basegame" @newmove="processMove" @gameover="gameOver") + textarea#mvMessage(v-if="game.type=='corr'" v-model="corrMsg") div Names: {{ game.players[0].name }} - {{ game.players[1].name }} div Time: {{ virtualClocks[0] }} - {{ virtualClocks[1] }} .button-group(v-if="game.mode!='analyze' && game.score=='*'") @@ -349,6 +350,7 @@ export default { game.clocks = [tc.mainTime, tc.mainTime]; game.initime = [0, 0]; const L = game.moves.length; + game.moves.sort((m1,m2) => m1.idx - m2.idx); //in case of if (L >= 3) { let addTime = [0, 0]; @@ -362,6 +364,17 @@ export default { } if (L >= 1) game.initime[L%2] = game.moves[L-1].played; + // Now that we used idx and played, re-format moves as for live games + game.moves = game.moves.map( (m) => { + const s = m.squares; + return { + appear: s.appear, + vanish: s.vanish, + start: s.start, + end: s.end, + message: m.message, + }; + }); } const myIdx = game.players.findIndex(p => { return p.sid == this.st.user.sid || p.uid == this.st.user.id; @@ -435,41 +448,60 @@ export default { // elapsed time is measured in milliseconds addTime = this.game.increment - elapsed/1000; } - this.st.conn.send(JSON.stringify({ - code: "newmove", - target: this.game.oppid, - move: Object.assign({}, filtered_move, {addTime: addTime}), - })); + let sendMove = Object.assign({}, filtered_move, {addTime: addTime}); + if (this.game.type == "corr") + sendMove.message = this.corrMsg; + const oppsid = this.getOppSid(); + if (!!oppsid) + { + this.st.conn.send(JSON.stringify({ + code: "newmove", + target: oppsid, + move: sendMove, + })); + } + if (this.game.type == "corr" && this.corrMsg != "") + { + // Add message to last move in BaseGame: + // TODO: not very good style... + this.$refs["basegame"].setCurrentMessage(this.corrMsg); + } } else addTime = move.addTime; //supposed transmitted const nextIdx = ["w","b"].indexOf(this.vr.turn); - GameStorage.update(this.gameRef.id, + // Since corr games are stored at only one location, update should be + // done only by one player for each move: + if (this.game.type == "live" || move.color == this.game.mycolor) { - fen: move.fen, - move: + GameStorage.update(this.gameRef.id, { - squares: filtered_move, - message: this.corrMsg, //TODO - played: Date.now(), //TODO: on server? - idx: this.game.moves.length, - color: move.color, - }, - clocks: this.game.clocks.map((t,i) => i==colorIdx - ? this.game.clocks[i] + addTime - : this.game.clocks[i]), - initime: this.game.initime.map((t,i) => i==nextIdx - ? Date.now() - : this.game.initime[i]), - }); + fen: move.fen, + move: + { + squares: filtered_move, + message: this.corrMsg, + played: Date.now(), //TODO: on server? + idx: this.game.moves.length, + }, + clocks: this.game.clocks.map((t,i) => i==colorIdx + ? this.game.clocks[i] + addTime + : this.game.clocks[i]), + initime: this.game.initime.map((t,i) => i==nextIdx + ? Date.now() + : this.game.initime[i]), + }); + } // Also update current game object: this.game.moves.push(move); this.game.fen = move.fen; //TODO: just this.game.clocks[colorIdx] += addTime; this.$set(this.game.clocks, colorIdx, this.game.clocks[colorIdx] + addTime); this.game.initime[nextIdx] = Date.now(); + // Finally reset curMoveMessage if needed + if (this.game.type == "corr" && move.color == this.game.mycolor) + this.corrMsg = ""; }, - // TODO: this update function should also work for corr games gameOver: function(score) { this.game.mode = "analyze"; this.game.score = score;