Merge pull request #2069 from laws-africa/advanced-search

show filters button in advanced search
laws-africa · Sep 27, 2024 · f5698e3 · f5698e3
2 parents 2d8132c + bbed4a2
commit f5698e3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git 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
@@ -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>