better classe and add view page web Player, Match, Tournoi

pong/static/game.js

@@ -19,6 +19,86 @@ document.addEventListener('DOMContentLoaded', () => {
     registerButton.addEventListener('click', handleRegister);
     loginButton.addEventListener('click', handleLogin);
 
+
+    /// THEOUCHE NOT CERTAIN ///
+    async function createPlayer(name, totalMatch = 0, totalWin = 0, pWin = null, mScoreMatch = null, mScoreAdvMatch = null, bestScore = 0, mNbrBallTouch = null, totalDuration = null, mDuration = null, numParticipatedTournaments = 0, numWonTournaments = 0) {
+        try {
+            const response = await fetch('/api/create_player/', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    name,
+                    total_match: totalMatch,
+                    total_win: totalWin,
+                    p_win: pWin,
+                    m_score_match: mScoreMatch,
+                    m_score_adv_match: mScoreAdvMatch,
+                    best_score: bestScore,
+                    m_nbr_ball_touch: mNbrBallTouch,
+                    total_duration: totalDuration,
+                    m_duration: mDuration,
+                    num_participated_tournaments: numParticipatedTournaments,
+                    num_won_tournaments: numWonTournaments
+                })
+            });
+    
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Network response was not ok');
+            }
+    
+            const data = await response.json();
+            return data;
+    
+        } catch (error) {
+            // Afficher l'erreur avec un message plus spécifique
+            console.error('Error creating player:', error.message);
+            alert(`Failed to create player: ${error.message}`);
+        }
+    }
+
+    async function createTournoi(name, nbr_player, date, winner_id) {
+        try {
+            const response = await fetch('/api/create_tournoi/', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ name, nbr_player, date, winner_id })
+            });
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            const data = await response.json();
+            return data;
+        } catch (error) {
+            console.error('Error creating tournoi:', error);
+        }
+    }
+
+    async function createMatch(player1_id, player2_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi_id) {
+        try {
+            const response = await fetch('/api/create_match/', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ player1_id, player2_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi_id })
+            });
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            const data = await response.json();
+            return data;
+        } catch (error) {
+            console.error('Error creating match:', error);
+        }
+    }
+
+    /// THEOUCHE NOT CERTAIN ///
+
     async function handleCheckNickname() {
         const nickname = nicknameInput.value.trim();
         if (nickname) {
@@ -161,6 +241,7 @@ document.addEventListener('DOMContentLoaded', () => {
         document.getElementById('player1-name').textContent = `${player1_name}`;
         document.getElementById('player2-name').textContent = `${player2_name}`;
         document.addEventListener('keydown', handleKeyDown);
+
     }
 
     function handleKeyDown(event) {

pong/static/index.html

@@ -26,7 +26,7 @@
         <button id="login">Login</button>
     </div>
     <div id="game1" style="display: none;">
-        <div id="gameCode" class="game-code">Game Code: </div>
+        <div id="gameCode" class="game-code">Game Code : </div>
         <div id="player1-name" class="name">Player 1</div>
         <div id="player2-name" class="name">Player 2</div>
         <div id="game2">