SUP Backpacks at GONSER
Filter
Item rating
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 = 'Close';
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 = `
GonserDT::Template.moreFilters
`;
}
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 });
}
}
}
}
}
});
