handling scroller filter visibility

This commit is contained in:
Antoine M 2023-12-21 12:30:15 +01:00
parent 2d2670f0dd
commit 1f5de90b4f

View File

@ -13,6 +13,10 @@ function getActiveThematiquesFiltersIds() {
);
return Array.from(checkedFilters).map((filter) => filter.getAttribute('value'));
}
function isThematiqueFilterActive() {
const toolBar = document.querySelector('.filters-toolbar--archive-publications');
return toolBar.hasAttribute('thematique-filter-active');
}
// ###################################
// ### UPDATE INDICATORS AND DISPLAY
@ -447,6 +451,7 @@ async function filterPublications() {
// setTimeout(() => {}, 300);
break;
}
handleScrollerFilterVisibility();
updatePublicationsCountResults();
toggleActivePublicationTypeFilterButton();
@ -493,6 +498,18 @@ function handleLoadAll() {
filterPublications();
});
}
function handleScrollerFilterVisibility() {
const scrollerFilter = document.querySelector('#scroller-filter');
if (!scrollerFilter) return;
const publicationType = getActivePublicationType();
if (publicationType === 'all' && !isThematiqueFilterActive()) {
scrollerFilter.setAttribute('hidden', true);
} else {
scrollerFilter.removeAttribute('hidden');
}
}
// #########################
// ### INSTANCIATE
@ -509,4 +526,5 @@ export default function filterPublicationsInit() {
handlePublicationTypeFilters();
handleLoadMore();
handleLoadAll();
handleScrollerFilterVisibility();
}