js map candidater

web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js

@@ -8,6 +8,7 @@ const modalBackground = document.querySelector('#sites-map-container #modal-back
 const isHomePage = document.querySelector('main#home') !== null;
 const isLessitesPage = document.querySelector('div#lessites') !== null;
 const isNodeTypeSitePage = document.body.classList.contains('node-type-site');
+const isCandidaturePage = document.querySelector('main#pour_candidater') !== null;
 
 // Identifier le cercle de la page courante pour node-type-site
 let currentPageCircle = null;
@@ -25,6 +26,7 @@ if (isNodeTypeSitePage) {
     }
 }
 
+
 // Fonction pour afficher le popup
 function showPopup(content) {
     popupContent.innerHTML = content;
@@ -54,6 +56,15 @@ svgElement.addEventListener('mouseover', function(event) {
             event.target.setAttribute('fill', 'red'); // Met le cercle en rouge
             lastHoveredCircle = event.target; // Mettre à jour le cercle survolé
         
+        }
+            // Interaction pour la page de candidature
+            if (isCandidaturePage) {
+            showPopup(content);  // Affiche le popup
+            if (lastHoveredCircle && lastHoveredCircle !== event.target) {
+                lastHoveredCircle.setAttribute('fill', 'black'); // Remettre le dernier cercle survolé en noir
+            }
+            event.target.setAttribute('fill', 'red'); // Met le cercle en rouge
+            lastHoveredCircle = event.target; // Mettre à jour le cercle survolé
         }
 
         // Interaction pour la page #lessites
@@ -80,7 +91,7 @@ svgElement.addEventListener('mouseout', function(event) {
         const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
 
         // Ferme le popup pour la page d'accueil
-        if (isHomePage) {
+        if (isHomePage || isCandidaturePage) {
             // closePopup();
             return;
         }