diff --git a/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js b/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js index 3c27139..5c3d13b 100644 --- a/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js +++ b/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js @@ -9,6 +9,7 @@ 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; +const isNodeTypeProjetPage = document.body.classList.contains('node-type-projet'); // Identifier le cercle de la page courante pour node-type-site let currentPageCircle = null; @@ -26,6 +27,31 @@ if (isNodeTypeSitePage) { } } +// Identifier le cercle du SITE lié quand on est sur une page node-type-projet +if (isNodeTypeProjetPage && svgElement) { + // On récupère le lien vers le site lié dans le bloc "Site lié" + const linkedSiteLink = document.querySelector('.field_field_site_projet article.node-type-site a[href*="/sites/"]'); + + if (linkedSiteLink) { + // On normalise le chemin (sans domaine) de l'URL du site + const sitePath = new URL(linkedSiteLink.getAttribute('href'), window.location.origin).pathname; + + // On cherche le cercle dont le data-url pointe vers le même site + const correspondingCircle = Array.from(svgElement.querySelectorAll('circle.site-link')).find(circle => { + const circleUrl = circle.getAttribute('data-url'); + if (!circleUrl) return false; + + const circlePath = new URL(circleUrl, window.location.origin).pathname; + return circlePath === sitePath; + }); + + if (correspondingCircle) { + currentPageCircle = correspondingCircle; + currentPageCircle.setAttribute('fill', 'red'); // Met en rouge le cercle du site lié + } + } +} + // Fonction pour afficher le popup function showPopup(content) { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss index 2209a76..86a71bb 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss @@ -43,7 +43,7 @@ flex-direction: column; height: fit-content; } - + .paragraph--type--phase-deroulement::after { content: ''; position: absolute;