handling scroller filter visibility

resources/js/archive-template-publications.js

@@ -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();
 }