inclus page final

static/js/supervise.js

@@ -26,11 +26,11 @@ function addCustomPin(coordinates, iconUrl, popupText, offsetX = 20, offsetY = 4
 }
 
 // Initialisation de la carte
-function initializeMap(centerCoordinates = [45.141998, 4.0750724]) {
+function initializeMap(centerCoordinates = [  45.142066, 4.076664]) {
     // Initialiser la carte
     map = L.map('map', {
         center: centerCoordinates, // Coordonnées du centre
-        zoom: 18,                  // Niveau de zoom par défaut
+        zoom: 20,                  // Niveau de zoom par défaut
         minZoom: 15,               // Zoom minimum autorisé
         maxZoom: 20                // Zoom maximum autorisé
     });
@@ -128,11 +128,21 @@ async function loadChallengePins(username) {
             const defiMarker = addCustomPin(
                 [defi.geolocalisation.latitude, defi.geolocalisation.longitude],
                 defi.pin || 'default-pin.png',
-                `Défi ${i} - ${defi.contenu_reception}`,
+                `Défi ${i} - trouvé ${defi.resolu}`,
                 offsetX,
                 offsetY
             );
             defiMarker.addTo(map);
+ // Ajouter le label "option" si résolu est "oui"
+ if (defi.resolu === "oui") {
+    defiMarker.bindTooltip(`Défi ${i}`, {
+        permanent: true, // Affiche le label en permanence
+        direction: "bottom", // Positionne le label au-dessus du marqueur
+        offset: [0, -5] // Ajuste l'offset pour éviter que le label chevauche le marqueur
+    });
+}
+
+            
         }
 
         console.log(`Pins des défis pour ${username} chargés avec succès.`);
@@ -177,7 +187,8 @@ document.addEventListener("DOMContentLoaded", async () => {
     // Planifier les mises à jour des positions des utilisateurs
     setInterval(() => updateAvatarPosition('baptiste', 'baptiste'), 3000);
     setInterval(() => updateAvatarPosition('julien', 'julien'), 3000);
-
+    setInterval(() =>loadChallengePins('baptiste'), 3000);
+    setInterval(() =>loadChallengePins('julien'), 3000);
     // Mettre à jour les avatars et les données utilisateur
     setInterval(() => updateAvatarPosition('baptiste', { value: baptisteMarker }), 3000);
     setInterval(() => updateAvatarPosition('julien', { value: julienMarker }), 3000);