import { client, navigateTo } from "../index.js"; import { clear, fill_errors } from "../utils/formUtils.js"; import AbstractAuthentifiedView from "./abstracts/AbstractAuthentifiedView.js"; export default class extends AbstractAuthentifiedView { constructor(params) { super(params, "Matchmaking"); } async press_button() { if (client.matchmaking.searching) { client.matchmaking.stop(); document.getElementById("button").value = "Find a game" } else { let nb_players = document.getElementById("nb_players-input").value await client.matchmaking.start(this.onreceive.bind(this), this.ondisconnect.bind(this), nb_players); document.getElementById("button").value = "Stop matchmaking" } } ondisconnect(event) { if (event.code === 1000) clear("innerText", ["detail"]) document.getElementById("button").value = "Find a game" } onreceive(data) { if (data.detail === "game_found") { navigateTo(`/games/${data.game_id}`); return; } this.display_data(data) } display_data(data) { clear("innerText", ["detail"]); fill_errors(data, "innerText"); } async postInit() { document.getElementById("button").onclick = this.press_button.bind(this) } async getHtml() { return `

Select mode

`; } async leavePage() { await client.matchmaking.stop(); } }