document.addEventListener('DOMContentLoaded', function() { const upperCloseButton = document.querySelector('.modal-header .close'); if (upperCloseButton) { upperCloseButton.classList.add('pl-4'); } const additionalFiltersButton = document.querySelector('.additionalFiltersButton'); if (additionalFiltersButton) { additionalFiltersButton.classList.add('d-none'); const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length) { const filterWrapper = document.querySelector('.findologic-filter-wrapper'); if (filterWrapper) { if (filterWrapper.children.length > 1) { additionalFiltersButton.classList.add('d-md-block'); } else { additionalFiltersButton.classList.remove('d-md-block'); } } } }); }); observer.observe(document.body, { childList: true, subtree: true }); } const filterModal = document.getElementById('filterModal'); if (filterModal) { const filterWrapper = filterModal.querySelector('.findologic-filter-wrapper'); if (filterWrapper) { let secondDiv = filterWrapper.querySelector(':scope > div:not(.main-filters)'); if (!secondDiv) { secondDiv = document.createElement('div'); filterWrapper.appendChild(secondDiv); } let ml0Div = secondDiv.querySelector('.ml-0'); if (!ml0Div) { ml0Div = document.createElement('div'); ml0Div.classList.add('ml-0'); secondDiv.appendChild(ml0Div); } let containerMaxDiv = ml0Div.querySelector('.container-max.component-loading'); if (!containerMaxDiv) { containerMaxDiv = document.createElement('div'); containerMaxDiv.classList.add('container-max', 'component-loading'); ml0Div.appendChild(containerMaxDiv); } let rowDiv = containerMaxDiv.querySelector('.row'); if (!rowDiv) { rowDiv = document.createElement('div'); rowDiv.classList.add('row'); containerMaxDiv.appendChild(rowDiv); } rowDiv.style.justifyContent = 'space-between'; const filterToggleButton = rowDiv.querySelector('.filter-toggle.no-main-filters-filter-toggle'); const closeButton = document.createElement('button'); closeButton.type = 'button'; closeButton.setAttribute('data-dismiss', 'modal'); closeButton.setAttribute('aria-label', 'close'); closeButton.classList.add('btn', 'btn-link', 'close-button'); closeButton.style.marginLeft = 'auto'; const span = document.createElement('span'); span.textContent = 'Fermer'; const icon = document.createElement('i'); icon.classList.add('fa', 'fa-times', 'ml-1'); icon.setAttribute('aria-hidden', 'true'); span.appendChild(icon); closeButton.appendChild(span); rowDiv.appendChild(closeButton); if (filterToggleButton) { filterToggleButton.innerHTML = ` Plus de filtres `; } const filterCollapse = filterModal.querySelector('#filterCollapse'); if (filterCollapse) { const pageContent = filterCollapse.querySelector('.page-content'); if (pageContent) { const cardColumns = pageContent.querySelector('.card-columns'); if (cardColumns) { const w100 = cardColumns.querySelector('.w-100'); if (w100 && w100.children.length > 0) { filterToggleButton.classList.remove('d-none'); } else { filterToggleButton.classList.add('d-none'); } const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length || mutation.removedNodes.length) { if (w100.children.length > 0) { filterToggleButton.classList.remove('d-none'); } else { filterToggleButton.classList.add('d-none'); } } }); }); observer.observe(w100, { childList: true }); } } } } } });