tournament: add: les crampte

frontend/static/js/api/tournament/Tournament.js

@@ -42,14 +42,33 @@ class Tourmanent extends AExchangeable
 		 * @type {Number}
 		 */
 		this.finished;
-
 		
 		/**
 		 * @type {"finished" | "started" | "waiting"} must be "finished", or "started", or "waiting". Any other return all elements
 		 */
 		this.state;
+
+		/**
+		 * @type {Boolean} the client is a participant of the tournament
+		 */
+		this.is_participating;
 	}
 
+	/**
+	 * @param {Boolean} newParticipation 
+	 */
+	async setParticipation(newParticipation)
+	{
+		if (this.isParticipating == newParticipation)
+			return;
+
+		this.isParticipating = newParticipation;
+
+		this._socket.send(JSON.stringify({"detail": "update_participating",
+										  "is_participating": newParticipation})
+						  );
+		
+	}
 	/**
 	 * 
 	 * @returns {Promise<?>}
@@ -72,18 +91,35 @@ class Tourmanent extends AExchangeable
 			return;
 		this.connected = false;
 		this._socket.close();
-		this.disconnectHandler(event);
+		this._disconnectHandler(event);
 	}
 
 	/**
 	 * @param {Object} data 
 	 */
-	async _receiveParticipantUpdate(data)
+	async _receiveAddParticipant(data)
 	{
-		this.par		
+		const participant = new Profile(this.client, undefined, data.participant.user_id);
+		participant.import(data.participant)
+
+		this.participantList.push(participant);
+
+		await this._addParticipantHandler(this.participantList.length)
 	}
 
-	async onError(data)
+	/**
+	 * @param {Object} data 
+	 */
+	async _receiveDelParticipant(data)
+	{
+		const index = this.participantList.indexOf((profile) => profile.id === data.profile.user_id)
+
+		this.participantList.splice(index, 1);
+
+		await this._delParticipantHandler(this.participantList.length);
+	}
+
+	async _receiveError(data)
 	{
 		await this.errorHandler(data);
 	}
@@ -92,14 +128,26 @@ class Tourmanent extends AExchangeable
 	 * 
 	 * @param {MessageEvent} event 
 	 */
-	onReceive(event)
+	async onReceive(event)
 	{
 		const data = JSON.parse(event.data);
 
-		if (data.detail === "error")
-			this.onError(data);
-		else if (["del_participant", "add_participant"].includes(data.detail))
-			this._receiveParticipantUpdate(data);
+		switch (data.detail) {
+			case "error":
+				await this._receiveError(data)
+				break;
+			
+			case "add_participant":
+				await this._receiveAddParticipant(data);
+				break;
+
+			case "del_participant":
+				await this._receiveDelParticipant(data);
+				break;
+
+			default:
+				break;
+		}
 	}
 
 	/**
@@ -109,9 +157,11 @@ class Tourmanent extends AExchangeable
 	 * @param {CallableFunction} delParticipantHandler called when a participants leave the tournament
 	 * @param {CallableFunction} disconnectHandler 
 	 * @param {CallableFunction} goToHandler called when the next game will start
-	 * @returns {?}
+	 * @param {CallableFunction} startHandler called when tournament start
+	 * @param {CallableFunction} finishHandler called when tournament finish
+	 * @returns {Promise}
 	 */
-	async join(participantsUpdateHandler, errorHandler, goToHandler, disconnectHandler)
+	async join(addParticipantHandler, delParticipantHandler, startHandler, finishHandler, errorHandler, goToHandler, disconnectHandler)
 	{
 		if (!await this.client.isAuthenticated())
 			return null;
@@ -123,10 +173,13 @@ class Tourmanent extends AExchangeable
 		this.connected = true;
 		this.isParticipating = false;
 
-		this.participantsUpdateHandler = participantsUpdateHandler;
-		this.errorHandler = errorHandler;
-		this.disconnectHandler = disconnectHandler;
-		this.goToHandler = goToHandler;
+		this._startHandler = startHandler;
+		this._finishHandler = finishHandler;
+		this._addParticipantHandler = addParticipantHandler;
+		this._delParticipantHandler = delParticipantHandler;
+		this._errorHandler = errorHandler;
+		this._disconnectHandler = disconnectHandler;
+		this._goToHandler = goToHandler;
 
 		this._socket.onmessage = this.onReceive.bind(this);