From bbed4a236fb7841aa383e748c53f55612f81d3d3 Mon Sep 17 00:00:00 2001
From: Greg Kempe <greg@kempe.net>
Date: Fri, 27 Sep 2024 11:15:28 +0200
Subject: [PATCH] show filters button in advanced search

fixes #2047
---
 .../FindDocuments/AdvancedSearch.vue          | 20 +++++++++++++++++--
 .../js/components/FindDocuments/index.vue     |  5 ++++-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/peachjam/js/components/FindDocuments/AdvancedSearch.vue b/peachjam/js/components/FindDocuments/AdvancedSearch.vue
index bab8d9e2b..1d9c6faba 100644
--- a/peachjam/js/components/FindDocuments/AdvancedSearch.vue
+++ b/peachjam/js/components/FindDocuments/AdvancedSearch.vue
@@ -50,8 +50,16 @@
       </div>
       <div class="card-footer d-flex justify-content-end">
         <HelpBtn page="search/advanced-search" />
+        <button
+          type="button"
+          class="btn btn-secondary me-1 d-lg-none"
+          v-if="searchInfo.count"
+          @click="$emit('show-facets')"
+        >
+          {{ $t("Filters") }} <span v-if="selectedFacetsCount">({{ selectedFacetsCount }})</span>
+        </button>
         <button type="submit" class="btn btn-primary">
-          {{ $t('Search') }}
+          {{ $t("Search") }}
         </button>
       </div>
     </div>
@@ -78,10 +86,18 @@ export default {
     globalSearchValue: {
       type: String,
       default: ''
+    },
+    selectedFacetsCount: {
+      type: Number,
+      default: 0
+    },
+    searchInfo: {
+      type: Object,
+      default: () => ({})
     }
   },
 
-  emits: ['submit', 'update:modelValue', 'global-search-change', 'date-change'],
+  emits: ['submit', 'update:modelValue', 'global-search-change', 'date-change', 'show-facets'],
 
   computed: {
     invalidDates () {
diff --git a/peachjam/js/components/FindDocuments/index.vue b/peachjam/js/components/FindDocuments/index.vue
index 88ddf6653..4132630c8 100644
--- a/peachjam/js/components/FindDocuments/index.vue
+++ b/peachjam/js/components/FindDocuments/index.vue
@@ -73,7 +73,7 @@
               class="btn btn-secondary ms-1 d-lg-none text-nowrap"
               @click="() => drawerOpen = true"
             >
-              Filters <span v-if="selectedFacetsCount">({{ selectedFacetsCount }})</span>
+              {{ $t("Filters") }} <span v-if="selectedFacetsCount">({{ selectedFacetsCount }})</span>
             </button>
           </form>
           <div class="my-2">
@@ -90,9 +90,12 @@
             v-model="advancedSearchCriteria"
             :advanced-search-date-criteria="advancedSearchDateCriteria"
             :global-search-value="q"
+            :selected-facets-count="selectedFacetsCount"
+            :search-info="searchInfo"
             @global-search-change="value => q = value"
             @date-change="value => advancedSearchDateCriteria = {...value}"
             @submit="advancedSearch"
+            @show-facets="() => drawerOpen = true"
           />
         </div>
       </div>