Elementos

Filtrar (function () { function initHorizontalFilters() { var bar = document.getElementById('HorizontalFilterBar'); if (!bar) return; var dropdowns = bar.querySelectorAll('[data-hf-dropdown]'); dropdowns.forEach(function (dropdown) { var trigger = dropdown.querySelector('.hf-dropdown__trigger'); var panel = dropdown.querySelector('.hf-dropdown__panel'); if (!trigger || !panel) return; trigger.addEventListener('click', function (e) { e.stopPropagation(); var isOpen = dropdown.classList.contains('hf-dropdown--open'); dropdowns.forEach(function (d) { d.classList.remove('hf-dropdown--open'); }); if (!isOpen) { dropdown.classList.add('hf-dropdown--open'); } }); var checkboxes = panel.querySelectorAll('input[type="checkbox"], input[type="radio"]'); checkboxes.forEach(function (cb) { cb.addEventListener('change', function () { var form = document.getElementById('CollectionFilterFormHorizontal'); if (form) form.submit(); }); }); }); document.addEventListener('click', function (e) { if (!bar.contains(e.target)) { dropdowns.forEach(function (d) { d.classList.remove('hf-dropdown--open'); }); } }); } document.addEventListener('DOMContentLoaded', initHorizontalFilters); initHorizontalFilters(); })();