X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FHall.vue;h=c47e89f109d1a8c57044d9799cfdebe56dcbd44c;hb=098cd7f19e9ac858df6d635e5f37d356c1d5b1fa;hp=2c9b4831f4f5f8f4452d76406ec375f0cda8e365;hpb=a7808884ed94d0ed36347ef7f7db49ab5806725e;p=vchess.git diff --git a/client/src/views/Hall.vue b/client/src/views/Hall.vue index 2c9b4831..c47e89f1 100644 --- a/client/src/views/Hall.vue +++ b/client/src/views/Hall.vue @@ -70,7 +70,6 @@ import { getRandString, shuffle } from "@/utils/alea"; import GameList from "@/components/GameList.vue"; import ChallengeList from "@/components/ChallengeList.vue"; import { GameStorage } from "@/utils/gameStorage"; -import { extractTime } from "@/utils/timeControl"; export default { name: "my-hall", components: { @@ -112,7 +111,8 @@ export default { }, created: function() { // Always add myself to players' list - this.people.push(this.st.user); + const my = this.st.user; + this.people.push({sid:my.sid, id:my.id, name:my.name}); // Retrieve live challenge (not older than 30 minute) if any: const chall = JSON.parse(localStorage.getItem("challenge") || "false"); if (!!chall) @@ -130,7 +130,11 @@ export default { "GET", {uid: this.st.user.id, excluded: true}, response => { - this.games = this.games.concat(response.games); + this.games = this.games.concat(response.games.map(g => { + const type = this.classifyObject(g); + const vname = this.getVname(g.vid); + return Object.assign({}, g, {type: type, vname: vname}); + })); } ); // Also ask for corr challenges (open + sent to me) @@ -167,7 +171,7 @@ export default { return this.challenges.filter(c => c.type == type); }, filterGames: function(type) { - return this.games.filter(c => c.type == type); + return this.games.filter(g => g.type == type); }, classifyObject: function(o) { //challenge or game // Heuristic: should work for most cases... (TODO) @@ -251,7 +255,8 @@ export default { if (this.st.user.id > 0) { this.st.conn.send(JSON.stringify( - {code:"identity", user:this.st.user, target:data.from})); + // people[0] instead of st.user to avoid sending email + {code:"identity", user:this.people[0], target:data.from})); } break; } @@ -288,7 +293,7 @@ export default { // Minimal game informations: id: game.id, players: game.players.map(p => p.name), - vname: game.vname, + vid: game.vid, timeControl: game.timeControl, }; this.st.conn.send(JSON.stringify({code:"game", @@ -312,7 +317,7 @@ export default { const pIdx = this.people.findIndex(p => p.sid == data.from); newChall.from = this.people[pIdx]; //may be anonymous newChall.added = Date.now(); //TODO: this is reception timestamp, not creation - newChall.vname = this.getVname(newChall.vid); //TODO: just send vname? + newChall.vname = this.getVname(newChall.vid); this.challenges.push(newChall); break; } @@ -324,6 +329,7 @@ export default { { let newGame = data.game; newGame.type = this.classifyObject(data.game); + newGame.vname = this.getVname(data.game.vid); newGame.rid = data.from; newGame.score = "*"; this.games.push(newGame); @@ -332,12 +338,11 @@ export default { } case "newgame": { + // TODO: next line required ?! + //ArrayFun.remove(this.challenges, c => c.id == data.cid); // New game just started: data contain all information - if (data.gameInfo.type == "live") - { + if (this.classifyObject(data.gameInfo) == "live") this.startNewGame(data.gameInfo); - // TODO: redirect to game - } else { // TODO: notify with game link but do not redirect @@ -354,6 +359,7 @@ export default { { // NOTE: the challenge may be already removed ArrayFun.remove(this.challenges, c => c.id == data.cid); + localStorage.removeItem("challenge"); //in case of break; } case "connect": @@ -392,6 +398,8 @@ export default { if (!!error) return alert(error); const ctype = this.classifyObject(this.newchallenge); + if (ctype == "corr" && this.st.user.id <= 0) + return alert("Please log in to play correspondance games"); // NOTE: "from" information is not required here let chall = Object.assign({}, this.newchallenge); const finishAddChallenge = (cid,warnDisconnected) => { @@ -399,9 +407,10 @@ export default { // Send challenge to peers (if connected) this.sendSomethingTo(chall.to, "challenge", {chall:chall}, !!warnDisconnected); chall.added = Date.now(); + // NOTE: vname and type are redundant (can be deduced from timeControl + vid) chall.type = ctype; chall.vname = vname; - chall.from = this.st.user; + chall.from = this.people[0]; //avoid sending email this.challenges.push(chall); localStorage.setItem("challenge", JSON.stringify(chall)); document.getElementById("modalNewgame").checked = false; @@ -440,6 +449,10 @@ export default { } }, clickChallenge: function(c) { + // In all cases, the challenge is consumed: + ArrayFun.remove(this.challenges, ch => ch.id == c.id); + // NOTE: deletechallenge event might be redundant (but it's easier this way) + this.sendSomethingTo((!!c.to ? c.from : null), "deletechallenge", {cid:c.id}); const myChallenge = (c.from.sid == this.st.user.sid //live || (this.st.user.id > 0 && c.from.id == this.st.user.id)); //corr if (!myChallenge) @@ -452,7 +465,7 @@ export default { } if (c.accepted) { - c.seat = this.st.user; + c.seat = this.people[0]; //avoid sending email this.launchGame(c); } else @@ -464,26 +477,19 @@ export default { } else localStorage.removeItem("challenge"); - // In all cases, the challenge is consumed: - ArrayFun.remove(this.challenges, ch => ch.id == c.id); - // NOTE: deletechallenge event might be redundant (but it's easier this way) - this.sendSomethingTo(c.to, "deletechallenge", {cid:c.id}); if (c.type == "corr") { ajax( "/challenges", "DELETE", - {id: this.challenges[cIdx].id} + {id: c.id} ); } }, // NOTE: when launching game, the challenge is already deleted launchGame: async function(c) { - const vname = this.getVname(c.vid); - const vModule = await import("@/variants/" + vname + ".js"); + const vModule = await import("@/variants/" + c.vname + ".js"); window.V = vModule.VariantRules; - // Extract times (in [milli]seconds), set clocks - const tc = extractTime(c.timeControl); // These game informations will be sent to other players const gameInfo = { @@ -491,13 +497,10 @@ export default { fen: c.fen || V.GenRandInitFen(), players: shuffle([c.from, c.seat]), //white then black vid: c.vid, - timeControl: tc.timeControl, - mainTime: tc.mainTime, - increment: tc.increment, - type: c.type, + timeControl: c.timeControl, }; this.st.conn.send(JSON.stringify({code:"newgame", - gameInfo:gameInfo, target:c.seat.sid})); + gameInfo:gameInfo, target:c.from.sid, cid:c.id})); if (c.type == "live") this.startNewGame(gameInfo); else //corr: game only on server @@ -507,25 +510,24 @@ export default { "POST", {gameInfo: gameInfo} ); + // TODO: redirection here } }, - // NOTE: for live games only (corr games are launched on server) + // NOTE: for live games only (corr games start on the server) startNewGame: function(gameInfo) { - const game = Object.assign(gameInfo, { - // More game infos: constant - vname: this.getVname(gameInfo.vid), + const game = Object.assign({}, gameInfo, { + // (other) Game infos: constant fenStart: gameInfo.fen, - mode: "live", //function for live games only - // Game state: will be updated + // Game state (including FEN): will be updated moves: [], - clocks: [tc.mainTime, tc.mainTime], - initime: [Date.now(), 0], + clocks: [-1, -1], //-1 = unstarted + initime: [0, 0], //initialized later score: "*", }); GameStorage.add(game); if (this.st.settings.sound >= 1) new Audio("/sounds/newgame.mp3").play().catch(err => {}); - // TODO: redirect to game + this.$router.push("/game/" + gameInfo.gameId); }, }, };