Local_AI_WebGPU

Sleeping

App Files Files Community

Javare commited on Jun 18

Commit

8227733

verified ·

1 Parent(s): 5a5f41d

Update index.html

Browse files

Files changed (1) hide show

index.html +61 -0

index.html CHANGED Viewed

@@ -64,6 +64,67 @@
               }
           });
       });
     </script>
   </head>
   <body>

               }
           });
       });
+      // Système de leaderboard global connecté à l'API globale
+  async function loadLeaderboard() {
+      try {
+          const response = await fetch('/api/scores');
+          const scores = await response.json();
+          const tbody = document.getElementById('leaderboardBody');
+          tbody.innerHTML = '';
+          if(!scores || scores.length === 0) {
+              tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; color:#888;">Aucun score global pour le moment. Soyez le premier !</td></tr>';
+              return;
+          }
+          scores.forEach((item, index) => {
+              const row = document.createElement('tr');
+              const isTop3 = index < 3 ? `<span class="badge-top">🥇 ${index + 1}</span>` : index + 1;
+              row.innerHTML = `
+                  <td>${isTop3}</td>
+                  <td><strong>${item.config}</strong></td>
+                  <td>${item.browser}</td>
+                  <td>${item.power}</td>
+                  <td style="color: #2b6cb0; font-weight: bold;">${item.score.toFixed(2)} tps</td>
+              `;
+              tbody.appendChild(row);
+          });
+      } catch (error) {
+          console.error("Erreur lors du chargement du classement global:", error);
+      }
+  }
+  async function saveScore(finalScore) {
+      if (finalScore <= 0) return;
+      const type = document.getElementById('deviceType').value;
+      const brand = document.getElementById('deviceBrand').value;
+      const model = document.getElementById('deviceModel').value || "Modèle inconnu";
+      const browser = document.getElementById('browserType').value;
+      const configString = `${type} - ${brand} (${model})`;
+      const payload = {
+          config: configString,
+          browser: browser,
+          power: selectedPower,
+          score: finalScore
+      };
+      try {
+          // Envoi du score à notre API Python sécurisée
+          await fetch('/api/score', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify(payload)
+          });
+          // Rechargement du classement mis à jour pour tout le monde
+          loadLeaderboard();
+      } catch (error) {
+          console.error("Erreur lors de l'envoi du score au serveur:", error);
+      }
+  }
     </script>
   </head>
   <body>