core: recreation of matchmaking, add: matchmaking support multiple modes

frontend/static/js/views/MatchMakingView.js

@@ -7,18 +7,42 @@ function game_found(game_id)
 }
 
 export default class extends AbstractView {
-    constructor(params) {
-        super(params, "Dashboard");
+    constructor(params)
+    {
+        super(params, "Matchmaking");
+    }
+
+    async press_button()
+    {
+        if (client.matchmaking.searching)
+        {
+            client.matchmaking.stop();
+            document.getElementById("button").value = "Find a game"
+        }
+        else
+        {
+            await this.matchmaking();
+            document.getElementById("button").value = "Stop matchmaking"
+        }
+    }
+
+    async matchmaking()
+    {
+        let nb_players = document.getElementById("nb_players-input").value
+
+        client.matchmaking.start(game_found, nb_players);
     }
 
     async postInit()
     {
-        await client.matchmaking.start(game_found)
+        document.getElementById("button").onclick = this.matchmaking
     }
 
     async getHtml() {
         return `
-			<h1>finding<h1>
+			<h1>Select mode<h1>
+            <input type="number" value="2" id="nb_players-input">
+            <input type="button" value="Find a game" id="button">
         `;
     }