From 6f91dc083ca28eb48b46110a9a6ccca33cf3e0db Mon Sep 17 00:00:00 2001
From: serguei <manchec.serguei@gmail.com>
Date: Fri, 5 Dec 2025 03:16:36 +0000
Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20de=20'flask=5Fbase/templ?=
 =?UTF-8?q?ates/pokemon.html'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 flask_base/templates/pokemon.html | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/flask_base/templates/pokemon.html b/flask_base/templates/pokemon.html
index a56cda9..7e707dc 100644
--- a/flask_base/templates/pokemon.html
+++ b/flask_base/templates/pokemon.html
@@ -21,6 +21,12 @@
             </ul>
         </nav>
     </header>
+    <div class="leaderboard">
+        <h2>Classement des joueurs</h2>
+        <div id="leaderboardDiv">
+
+        </div>
+    </div>
     <div class="battle">
         <h2>Combat Pokémon-like (simple)</h2>
       
@@ -47,6 +53,23 @@
       
       <script>
         const outils_list = {{ data|tojson }};
+        //récupérer le leaderbord
+        let leaderboardDiv = document.getElementById("leaderboardDiv");
+        let leaderboardData = [];
+
+        fetch("/api/leaderboard") // [{name: "Player1", score: 5}, ...]
+          .then(response => response.json())
+          .then(data => {
+            leaderboardData = data["leaderboard"];
+            leaderboardData.sort((a, b) => b.score - a.score); // trier par score décroissant
+            leaderboardDiv.innerHTML = "";
+            leaderboardData.forEach((entry, index) => {
+              const entryDiv = document.createElement("div");
+              entryDiv.textContent = `${index + 1}. ${entry.name} - ${entry.score} ennemis vaincus`;
+              leaderboardDiv.appendChild(entryDiv);
+            });
+          });
+        
       
         
       
@@ -55,7 +78,6 @@
           return item ? item.against_name : null;
         }
       
-        console.log(outils_list); 
         let playerHp = 30;
         let enemyHp = 30;
         let score = 0;
@@ -107,7 +129,6 @@
         const attacksDiv = document.getElementById("attacksDiv");
       
         function setCombat(){
-          playerHp = 30;
           enemyHp = 30;
           updateUI();
           ennemyNumber = Math.floor(Math.random()*max);