À venir

(function(){ function getScopeFrom(el){ return el.closest('.setsuko-campus-scope') || document; } function getCards(scope){ return Array.from(scope.querySelectorAll('.setsuko-course-card')); } function getKey(card){ const m = card.querySelector('.setsuko-loc-marker'); return (m ? (m.getAttribute('data-campus')||'') : '').toLowerCase(); } function applyFilter(scope, key){ getCards(scope).forEach(function(c){ const k = getKey(c); const isHybrid = (k === 'hybrid'); const show = (key === 'all') ? true : (k === key && !isHybrid); c.style.display = show ? '' : 'none'; }); scope.querySelectorAll('.setsuko-campus-filter [data-campus]').forEach(function(btn){ btn.classList.toggle('is-active', (btn.getAttribute('data-campus') === key)); }); } function wire(scope){ const bar = scope.querySelector('.setsuko-campus-filter'); if (!bar) return; applyFilter(scope, 'all'); // default bar.addEventListener('click', function(e){ const t = e.target.closest('[data-campus]'); if (!t) return; e.preventDefault(); const key = (t.getAttribute('data-campus') || 'all').toLowerCase(); applyFilter(scope, key); }); } document.addEventListener('DOMContentLoaded', function(){ const scopes = document.querySelectorAll('.setsuko-campus-scope'); if (scopes.length){ scopes.forEach(wire); } else { wire(document); } }); if (window.elementorFrontend && elementorFrontend.hooks){ elementorFrontend.hooks.addAction('frontend/element_ready/loop-grid.default', function($el){ const el = $el[0]; const scope = getScopeFrom(el); wire(scope); }); } })();