From 1f5de90b4fa3b407b42965fd17069ff0ad033e79 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 21 Dec 2023 12:30:15 +0100
Subject: [PATCH] handling scroller filter visibility

---
 resources/js/archive-template-publications.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/resources/js/archive-template-publications.js b/resources/js/archive-template-publications.js
index 9302943..4d63673 100644
--- a/resources/js/archive-template-publications.js
+++ b/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();
 }