add: tournament page

frontend/static/js/views/TournamentPageView.js

@@ -0,0 +1,55 @@
+import {client} from "../index.js";
+import AbstractAuthentifiedView from "./abstracts/AbstractAuthentifiedView.js";
+
+export default class extends AbstractAuthentifiedView {
+    constructor(params) {
+        super(params, "Tournament");
+		this.id = params.id;
+    }
+
+	async postInit()
+	{
+		let tournament = await client.tournaments.getTournament(this.id);
+
+		if (tournament === null)
+			return 1;
+
+		document.getElementById("name").innerText = tournament.name || `${tournament.nb_players_by_game}x1, ${tournament.nb_players} players`;
+		document.getElementById("nb_players").innerText = tournament.nb_players;
+		document.getElementById("nb_players_by_game").innerText = tournament.nb_players_by_game;
+		document.getElementById("level").innerText = tournament.level;
+		document.getElementById("state").innerText = tournament.state;
+
+	}
+
+	async getHtml()
+	{
+		return `
+			<table>
+				<thead>
+					<tr>
+						<th id="name">Loading...</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>Number of players</td>
+						<td id="nb_players">Loading...</td>
+					</tr>
+					<tr>
+						<td>Number of players by game</td>
+						<td id="nb_players_by_game">Loading...</td>
+					</tr>
+					<tr>
+						<td>Number of round</td>
+						<td id="level">Loading...</td>
+					</tr>
+					<tr>
+						<td>status</td>
+						<td id="state">Loading...</td>
+					</tr>
+				</tbody>
+			</table>
+		`
+	}
+}