From 1addd381a3cf06a0c5d3ca42fc804994f534a4d8 Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Tue, 10 Jan 2023 13:34:47 +0100
Subject: [PATCH 1/6] startgame in js

---
 truthseeker/static/js/api.js             | 17 +++++++++++++++++
 truthseeker/static/js/game_start_page.js | 12 +++++++++++-
 truthseeker/templates/index.html         |  2 ++
 truthseeker/templates/lobby.html         |  3 +++
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 truthseeker/static/js/api.js

diff --git a/truthseeker/static/js/api.js b/truthseeker/static/js/api.js
new file mode 100644
index 0000000..803dd3f
--- /dev/null
+++ b/truthseeker/static/js/api.js
@@ -0,0 +1,17 @@
+async function makeAPIRequest(endpoint, body){
+    return new Promise((resolve, reject)=>{
+        const fetchOptions = {
+            method: "POST",
+            body: new URLSearchParams(body)
+        }
+        fetch("/api/v1/"+endpoint, fetchOptions).then(resp => {
+            resp.json().then(jsonResp=>{
+                if(jsonResp["error"] == 0){
+                    resolve(jsonResp)
+                }else{
+                    reject(endpoint+": "+jsonResp["msg"])
+                }
+            });
+        })
+    })
+}
diff --git a/truthseeker/static/js/game_start_page.js b/truthseeker/static/js/game_start_page.js
index 52b68c0..8cc83b1 100644
--- a/truthseeker/static/js/game_start_page.js
+++ b/truthseeker/static/js/game_start_page.js
@@ -125,7 +125,7 @@ function createMultiPlayerRoom() {
 
     hideInvalidInputErrorMessage();
 
-    //TODO: code to create multi player game
+    startGame()
 }
 
 function joinMultiPlayerRoom() {
@@ -208,6 +208,16 @@ function changeTheme() {
     }
 }
 
+async function startGame(){
+    username = document.getElementById("game_username").value;
+    let data = {}
+    data["username"] = username
+    await makeAPIRequest("createGame",data);
+}
+async function joinGame(){
+    username = document.getElementById("game_username").value();
+    gameid = document.getElementById("game_room_code").value();
+}
 // Set event listeners
 
 document.getElementById("play_button").addEventListener("click", showGameModeSelection);
diff --git a/truthseeker/templates/index.html b/truthseeker/templates/index.html
index c5cb68b..cf6dc02 100644
--- a/truthseeker/templates/index.html
+++ b/truthseeker/templates/index.html
@@ -72,6 +72,8 @@
                 <a href="/legal" class="footer_link link" target="_blank" title="Consulter les mentions légales de Truth Inquiry (ouverture dans un nouvel onglet)">Mentions légales</a>
             </div>
         </footer>
+        <script src="/static/js/api.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.min.js"></script>
         <script src="/static/js/game_common.js"></script>
         <script src="/static/js/game_start_page.js"></script>
     </body>
diff --git a/truthseeker/templates/lobby.html b/truthseeker/templates/lobby.html
index e3bdfdc..5e52138 100644
--- a/truthseeker/templates/lobby.html
+++ b/truthseeker/templates/lobby.html
@@ -61,7 +61,10 @@
                 </div>
             </div>
         </noscript>
+        <script src="/static/js/api.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.min.js"></script>
         <script src="/static/js/game_common.js"></script>
         <script src="/static/js/game_lobby.js"></script>
+
     </body>
 </html>

From 6059172c951ff754c21a3729ac933ddc4933dcb7 Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Wed, 11 Jan 2023 08:59:53 +0100
Subject: [PATCH 2/6] join game in js

---
 truthseeker/routes/routes_ui.py          |  2 +-
 truthseeker/static/js/game_lobby.js      | 20 +++++++++++--
 truthseeker/static/js/game_start_page.js | 36 ++++++++++++++++++++----
 truthseeker/templates/index.html         |  2 +-
 truthseeker/templates/lobby.html         |  4 +--
 5 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/truthseeker/routes/routes_ui.py b/truthseeker/routes/routes_ui.py
index 9342c17..a439b70 100644
--- a/truthseeker/routes/routes_ui.py
+++ b/truthseeker/routes/routes_ui.py
@@ -24,7 +24,7 @@ def legal():
 @routes_ui.route("/lobby/<game_id>")
 def lobby(game_id):
     # rendered by the javascript client-side
-    return flask.render_template("lobby.html")
+    return flask.render_template("lobby.html",gameid=game_id)
 
 @routes_ui.route("/solo")
 def solo():
diff --git a/truthseeker/static/js/game_lobby.js b/truthseeker/static/js/game_lobby.js
index c47c880..3cd4f50 100644
--- a/truthseeker/static/js/game_lobby.js
+++ b/truthseeker/static/js/game_lobby.js
@@ -1,5 +1,4 @@
 // Display functions
-
 /**
  * Display the invalid rounds count message element, by removing the hidden CSS class.
  *
@@ -296,8 +295,8 @@ function getChallengeModeRoundsCount() {
  * @returns the code of the room
  */
 function getRoomCode() {
-    //FIXME get the real room code
-    return "ABCDEF";
+    gameid = document.getElementById("gameid")
+    return gameid;
 }
 
 // Lobby initialization
@@ -317,6 +316,21 @@ function getRoomCode() {
  * </p>
  */
 function initLobby() {
+    
+    gameid = getRoomCode(); 
+    socket = io({
+        auth:{
+            game_id: gameid
+        }
+    });
+
+    socket.on("connect", () => {
+        console.log("Connected !")
+    })
+
+    socket.on("playersjoin", (err) => {
+        console.log(`Failed to connect to socket: ${err.message}`);
+    });
     if (hasJoinedRoom()) {
         displayRoomView();
         if (isRoomOwner()) {
diff --git a/truthseeker/static/js/game_start_page.js b/truthseeker/static/js/game_start_page.js
index 8cc83b1..53f2b5a 100644
--- a/truthseeker/static/js/game_start_page.js
+++ b/truthseeker/static/js/game_start_page.js
@@ -125,7 +125,7 @@ function createMultiPlayerRoom() {
 
     hideInvalidInputErrorMessage();
 
-    startGame()
+    startGame();
 }
 
 function joinMultiPlayerRoom() {
@@ -135,7 +135,7 @@ function joinMultiPlayerRoom() {
 
     hideInvalidInputErrorMessage();
 
-    //TODO: code to join multi player game
+    joinGame();
 }
 
 /**
@@ -211,12 +211,36 @@ function changeTheme() {
 async function startGame(){
     username = document.getElementById("game_username").value;
     let data = {}
-    data["username"] = username
-    await makeAPIRequest("createGame",data);
+    data["username"] = username;
+    response = makeAPIRequest("createGame",data);
+    response.then((value) => {
+        if (value["error"] != 0){
+            alert(value["msg"]);
+        }
+        else{
+            gameid = value["game_id"]
+            window.location.href = "/lobby/" + gameid;
+        }
+      });
+
 }
 async function joinGame(){
-    username = document.getElementById("game_username").value();
-    gameid = document.getElementById("game_room_code").value();
+    username = document.getElementById("game_username").value;
+    gameid = document.getElementById("game_room_code").value;
+    console.log(username);
+    data = {}
+    data["username"] = username;
+    data["game_id"] = gameid;
+    response = makeAPIRequest("joinGame",data);
+    response.then((value)=>{
+        console.log(value);
+        if (value["error"] != 0){
+            //alert(value["msg"]);
+        }
+        else{
+            //window.location.href = "/lobby/" + gameid;
+        }
+    })
 }
 // Set event listeners
 
diff --git a/truthseeker/templates/index.html b/truthseeker/templates/index.html
index cf6dc02..2eff2bd 100644
--- a/truthseeker/templates/index.html
+++ b/truthseeker/templates/index.html
@@ -72,8 +72,8 @@
                 <a href="/legal" class="footer_link link" target="_blank" title="Consulter les mentions légales de Truth Inquiry (ouverture dans un nouvel onglet)">Mentions légales</a>
             </div>
         </footer>
-        <script src="/static/js/api.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.min.js"></script>
+        <script src="/static/js/api.js"></script>
         <script src="/static/js/game_common.js"></script>
         <script src="/static/js/game_start_page.js"></script>
     </body>
diff --git a/truthseeker/templates/lobby.html b/truthseeker/templates/lobby.html
index 5e52138..e7602f2 100644
--- a/truthseeker/templates/lobby.html
+++ b/truthseeker/templates/lobby.html
@@ -61,10 +61,10 @@
                 </div>
             </div>
         </noscript>
-        <script src="/static/js/api.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.min.js"></script>
+        <script src="/static/js/api.js"></script>
         <script src="/static/js/game_common.js"></script>
         <script src="/static/js/game_lobby.js"></script>
-
+        <input type="hidden" id="game_id" name="game_id" value={{gameid}} />
     </body>
 </html>

From 3728b2986f81cf0849bb83b0f85ef3f64f8fbdcd Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Wed, 11 Jan 2023 09:20:47 +0100
Subject: [PATCH 3/6] fixed copy clipboard

---
 truthseeker/static/js/game_lobby.js      | 8 ++++++--
 truthseeker/static/js/game_start_page.js | 2 +-
 truthseeker/templates/lobby.html         | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/truthseeker/static/js/game_lobby.js b/truthseeker/static/js/game_lobby.js
index 3cd4f50..401a2aa 100644
--- a/truthseeker/static/js/game_lobby.js
+++ b/truthseeker/static/js/game_lobby.js
@@ -127,7 +127,8 @@ function joinRoom() {
  */
 function copyCode() {
     // Get the room code from the displayed text to avoid an extra API call
-    let roomCode = document.getElementsByClassName("room_code")[0].textContent;
+    let roomCode = getRoomCode();
+    console.log(roomCode);
     if (roomCode == "") {
         alert("Veuillez patientez, le code d'équipe est en cours de génération.");
     }
@@ -295,7 +296,8 @@ function getChallengeModeRoundsCount() {
  * @returns the code of the room
  */
 function getRoomCode() {
-    gameid = document.getElementById("gameid")
+    gameid = document.getElementById("game_id").value;
+    console.log(gameid);
     return gameid;
 }
 
@@ -331,6 +333,8 @@ function initLobby() {
     socket.on("playersjoin", (err) => {
         console.log(`Failed to connect to socket: ${err.message}`);
     });
+
+
     if (hasJoinedRoom()) {
         displayRoomView();
         if (isRoomOwner()) {
diff --git a/truthseeker/static/js/game_start_page.js b/truthseeker/static/js/game_start_page.js
index 53f2b5a..0c6d66d 100644
--- a/truthseeker/static/js/game_start_page.js
+++ b/truthseeker/static/js/game_start_page.js
@@ -238,7 +238,7 @@ async function joinGame(){
             //alert(value["msg"]);
         }
         else{
-            //window.location.href = "/lobby/" + gameid;
+            window.location.href = "/lobby/" + gameid;
         }
     })
 }
diff --git a/truthseeker/templates/lobby.html b/truthseeker/templates/lobby.html
index e7602f2..220099e 100644
--- a/truthseeker/templates/lobby.html
+++ b/truthseeker/templates/lobby.html
@@ -8,6 +8,7 @@
         <meta charset="UTF-8">
     </head>
     <body class="game_app">
+        <input type="hidden" id="game_id" name="game_id" value={{gameid}} />
         <div class="join_room_view hidden">
             <h1 class="room_title">Salon</h1>
             <input type="text" id="game_username" placeholder="Entrez un pseudo" value="" required="required" maxlength="20">
@@ -65,6 +66,5 @@
         <script src="/static/js/api.js"></script>
         <script src="/static/js/game_common.js"></script>
         <script src="/static/js/game_lobby.js"></script>
-        <input type="hidden" id="game_id" name="game_id" value={{gameid}} />
     </body>
 </html>

From 2282a5b91ab5339465a635b968d8ba1ea3172c76 Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Wed, 11 Jan 2023 11:02:04 +0100
Subject: [PATCH 4/6] lobby advancement

---
 truthseeker/routes/routes_api.py    | 24 ++++++++++++++++-
 truthseeker/static/js/game_lobby.js | 41 +++++++++++++++++++++--------
 2 files changed, 53 insertions(+), 12 deletions(-)

diff --git a/truthseeker/routes/routes_api.py b/truthseeker/routes/routes_api.py
index df0e6db..a4af166 100644
--- a/truthseeker/routes/routes_api.py
+++ b/truthseeker/routes/routes_api.py
@@ -25,6 +25,19 @@ def create_game():
     flask.session["username"] = username
 
     return response
+
+@routes_api.route("/getGameMembers", methods=["GET", "POST"])
+def getMembers():
+    if not flask.session:
+        return {"error": 1, "msg": "No session"}
+    game = game_logic.get_game(flask.session["game_id"])
+    if game == None:
+        return {"error": 1, "msg": "this game doesn't exist"}
+    
+    response = {"error" : 0}
+    player_list = [member.username for member in game.members]
+    response["members"] = player_list
+    return response
     
 @routes_api.route("/joinGame", methods=["GET", "POST"])
 def join_game():
@@ -49,7 +62,16 @@ def join_game():
     APP.socketio_app.emit("playersjoin", [flask.session["username"]], room="game."+game.game_id)
 
     return {"error": 0}
-    
+
+@routes_api.route("/hasJoined", methods=["GET", "POST"])
+def has_joined():
+    if not flask.session:
+        return {"error": 0, "joined": False}
+    game = game_logic.get_game(flask.session["game_id"])
+    if game == None:
+        return {"error": 0, "joined": False}
+    return {"error": 0, "joined": True}
+
 @routes_api.route("/startGame", methods=["GET", "POST"])
 def start_game():
     if not flask.session:
diff --git a/truthseeker/static/js/game_lobby.js b/truthseeker/static/js/game_lobby.js
index 401a2aa..5aca9bc 100644
--- a/truthseeker/static/js/game_lobby.js
+++ b/truthseeker/static/js/game_lobby.js
@@ -23,6 +23,14 @@ function displayRoomCode() {
  * Display the players list element.
  */
 function displayPlayerList() {
+    response = makeAPIRequest("getGameMembers");
+    response.then((value) =>{
+        player_list = document.getElementsByClassName("player_names")[0];
+        value["members"].forEach(username => {
+            player_list.appendChild(document.createTextNode(username+"\n"));
+        });
+
+    });
     document.getElementsByClassName("players_list")[0].classList.remove("hidden");
 }
 
@@ -49,6 +57,10 @@ function displayJoinRoomView() {
     document.getElementsByClassName("join_room_view")[0].classList.remove("hidden");
 }
 
+
+function addJoinRoomView() {
+    document.getElementsByClassName("join_room_view")[0].classList.add("hidden");
+}
 /**
  * Show an error message on the first game_start_failed CSS element.
  *
@@ -111,9 +123,16 @@ function joinRoom() {
     }
 
     hideInvalidNickNameErrorMessage();
-    //TODO: join the game room and handle server errors + connection errors
+    data = {}
+    data["username"] = document.getElementById("game_username").value;
+    data["game_id"] = getRoomCode();
+    response = makeAPIRequest("joinGame",data);
+    response.then((value)=>{
+        displayRoomView();
+        displayPlayerList();
+        displayJoinRoomView();
+    })
 }
-
 // Room code functions
 
 /**
@@ -216,9 +235,9 @@ function isRoomOwner() {
     return true;
 }
 
-function hasJoinedRoom() {
-    //FIXME: check if player has joined the room
-    return true;
+async function hasJoinedRoom() {
+    response = await makeAPIRequest("hasJoined");
+    return response["joined"];
 }
 
 /**
@@ -297,7 +316,6 @@ function getChallengeModeRoundsCount() {
  */
 function getRoomCode() {
     gameid = document.getElementById("game_id").value;
-    console.log(gameid);
     return gameid;
 }
 
@@ -317,7 +335,7 @@ function getRoomCode() {
  * join room button will be set.
  * </p>
  */
-function initLobby() {
+async function initLobby() {
     
     gameid = getRoomCode(); 
     socket = io({
@@ -330,12 +348,13 @@ function initLobby() {
         console.log("Connected !")
     })
 
-    socket.on("playersjoin", (err) => {
-        console.log(`Failed to connect to socket: ${err.message}`);
+    socket.on("playersjoin", (username) => {
+        console.log(`${username} joined`);
+        player_list = document.getElementsByClassName("player_names")[0];
+        player_list.appendChild(document.createTextNode(username));
     });
 
-
-    if (hasJoinedRoom()) {
+    if (await hasJoinedRoom()) {
         displayRoomView();
         if (isRoomOwner()) {
             displayRoomCode();

From 18e2a3f30bcae7b216c1924ed32f22613bc39c58 Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Wed, 11 Jan 2023 11:44:52 +0100
Subject: [PATCH 5/6] finished lobby

---
 truthseeker/routes/routes_api.py    | 13 ++++++++
 truthseeker/static/js/game_lobby.js | 49 +++++++++++++++--------------
 2 files changed, 39 insertions(+), 23 deletions(-)

diff --git a/truthseeker/routes/routes_api.py b/truthseeker/routes/routes_api.py
index a4af166..fa60b43 100644
--- a/truthseeker/routes/routes_api.py
+++ b/truthseeker/routes/routes_api.py
@@ -63,6 +63,19 @@ def join_game():
 
     return {"error": 0}
 
+@routes_api.route("/isOwner", methods=["GET", "POST"])
+def is_owner():
+    if not flask.session:
+        return {"error": 0, "owner": False}
+    game = game_logic.get_game(flask.session["game_id"])
+    if game == None:
+        return {"error": 0, "owner": False}
+
+    if not flask.session["is_owner"]:   
+        return {"error": 0, "owner": False}
+
+    return {"error": 0, "owner": True}
+
 @routes_api.route("/hasJoined", methods=["GET", "POST"])
 def has_joined():
     if not flask.session:
diff --git a/truthseeker/static/js/game_lobby.js b/truthseeker/static/js/game_lobby.js
index 5aca9bc..0ffd0bb 100644
--- a/truthseeker/static/js/game_lobby.js
+++ b/truthseeker/static/js/game_lobby.js
@@ -58,7 +58,7 @@ function displayJoinRoomView() {
 }
 
 
-function addJoinRoomView() {
+function hideJoinRoomView() {
     document.getElementsByClassName("join_room_view")[0].classList.add("hidden");
 }
 /**
@@ -115,10 +115,8 @@ function startChallengeGame() {
 // Join room functions
 
 function joinRoom() {
-    unsetListenerToJoinRoomButton();
     if (isNickNameInvalid()) {
         displayInvalidNickNameErrorMessage("Le nom saisi n'est pas valide.");
-        setListenerToJoinRoomButton();
         return;
     }
 
@@ -130,7 +128,8 @@ function joinRoom() {
     response.then((value)=>{
         displayRoomView();
         displayPlayerList();
-        displayJoinRoomView();
+        initSock();
+        hideJoinRoomView();
     })
 }
 // Room code functions
@@ -230,9 +229,9 @@ function unsetListenerToCopyCodeButton() {
 
 // Utility functions
 
-function isRoomOwner() {
-    //FIXME: check if player is room owner
-    return true;
+async function isRoomOwner() {
+    response = await makeAPIRequest("isOwner");
+    return response["owner"];
 }
 
 async function hasJoinedRoom() {
@@ -319,6 +318,24 @@ function getRoomCode() {
     return gameid;
 }
 
+function initSock(){
+    socket = io({
+        auth:{
+            game_id: gameid
+        }
+    });
+
+    socket.on("connect", () => {
+        console.log("Connected !")
+    })
+
+    socket.on("playersjoin", (username) => {
+        console.log(`${username} joined`);
+        player_list = document.getElementsByClassName("player_names")[0];
+        player_list.appendChild(document.createTextNode(username)+"\n");
+    });
+}
+
 // Lobby initialization
 
 /**
@@ -338,25 +355,11 @@ function getRoomCode() {
 async function initLobby() {
     
     gameid = getRoomCode(); 
-    socket = io({
-        auth:{
-            game_id: gameid
-        }
-    });
-
-    socket.on("connect", () => {
-        console.log("Connected !")
-    })
-
-    socket.on("playersjoin", (username) => {
-        console.log(`${username} joined`);
-        player_list = document.getElementsByClassName("player_names")[0];
-        player_list.appendChild(document.createTextNode(username));
-    });
 
     if (await hasJoinedRoom()) {
+        initSock();
         displayRoomView();
-        if (isRoomOwner()) {
+        if (await isRoomOwner()) {
             displayRoomCode();
             displayMultiPlayerModeChoices();
             setListenersToGameButtons();

From 403dbc5683409deeb3f7194ae79585a145090dfa Mon Sep 17 00:00:00 2001
From: SIMAILA Djalim <djalimS.pro@outlook.fr>
Date: Wed, 11 Jan 2023 11:44:52 +0100
Subject: [PATCH 6/6] finished lobby

---
 truthseeker/static/js/game_lobby.js      |  7 +++++--
 truthseeker/static/js/game_start_page.js | 11 +++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/truthseeker/static/js/game_lobby.js b/truthseeker/static/js/game_lobby.js
index 0ffd0bb..e941514 100644
--- a/truthseeker/static/js/game_lobby.js
+++ b/truthseeker/static/js/game_lobby.js
@@ -100,7 +100,7 @@ function hideInvalidRoundsCountErrorMessage(invalidRoundsCountMessageElement) {
 // Start game functions
 
 function startHistoryGame() {
-    //TODO: start the history game and handle server errors + connection errors
+    makeAPIRequest("startGame");
 }
 
 function startChallengeGame() {
@@ -329,6 +329,9 @@ function initSock(){
         console.log("Connected !")
     })
 
+    socket.on("gamestart",()=>{
+        window.location.href = "/multi";
+    })
     socket.on("playersjoin", (username) => {
         console.log(`${username} joined`);
         player_list = document.getElementsByClassName("player_names")[0];
@@ -341,7 +344,7 @@ function initSock(){
 /**
  * Initialize the lobby page.
  *
- * <p>
+ * p>
  * If the player has joined the room, the room view will be shown. In the case the player is the
  * owner of the room, the room code and the multi player mode choice will be shown and the
  * listeners to the game buttons will be done.
diff --git a/truthseeker/static/js/game_start_page.js b/truthseeker/static/js/game_start_page.js
index 0c6d66d..a57470d 100644
--- a/truthseeker/static/js/game_start_page.js
+++ b/truthseeker/static/js/game_start_page.js
@@ -208,6 +208,17 @@ function changeTheme() {
     }
 }
 
+async function startSoloGame(){
+    username = document.getElementById("game_username").value;
+    let data = {}
+    data["username"] = username;
+    await makeAPIRequest("createGame",data);
+    start = makeAPIRequest("startGame");
+    start.then(()=>{
+        window.location.href = "/solo";
+    })
+}
+
 async function startGame(){
     username = document.getElementById("game_username").value;
     let data = {}