},
// NOTE: some redundant code with Hall.vue (mostly related to people array)
created: function() {
- if (this.$route.query["focus"] === "false")
- // Focus explicitely set to false from Hall (live game)
- this.focus = false;
this.atCreation();
},
mounted: function() {
if (!this.game || !this.game.moves) this.lastateAsked = true;
else this.sendLastate(data.from);
break;
+ // TODO: possible bad scenario: reload page while oppponent sends a
+ // move => get both lastate and newmove, process both, add move twice.
+ // Confirm scenario? Fix?
case "lastate": {
// Got opponent infos about last move
this.gotLastate = true;
this.lastate = data.data;
+ if (this.lastate.movesCount - 1 > this.gotMoveIdx)
+ this.gotMoveIdx = this.lastate.movesCount - 1;
if (this.game.rendered)
// Game is rendered (Board component)
this.processLastate();
break;
}
case "newmove": {
+
+// DEBUG:
+console.log("Receive move");
+console.log(data.data);
+//moveslist not updated when receiving a move? (see in baseGame)
+
const movePlus = data.data;
const movesCount = this.game.moves.length;
if (movePlus.index > movesCount) {
let gameInfo = {
id: getRandString(), //ignored if corr
fen: V.GenRandInitFen(this.game.randomness),
- players: this.game.players.reverse(),
+ players: [this.game.players[1], this.game.players[0]],
vid: this.game.vid,
cadence: this.game.cadence
};
this.$nextTick(() => {
this.game.rendered = true;
// Did lastate arrive before game was rendered?
- if (this.lastate) this.processLastate();
+ if (!!this.lastate) this.processLastate();
});
if (this.lastateAsked) {
this.lastateAsked = false;
background-color: lightyellow
.draw-received, .draw-received:hover
- background-color: lightgreen
+ background-color: #73C6B6
.draw-threerep, .draw-threerep:hover
- background-color: #e4d1fc
+ background-color: #D2B4DE
.rematch-sent, .rematch-sent:hover
background-color: lightyellow
.rematch-received, .rematch-received:hover
- background-color: lightgreen
+ background-color: #48C9B0
.somethingnew
- background-color: #c5fefe
+ background-color: #D2B4DE
.diagram
margin: 0 auto