From 0b022a7c08472e751603377f532b6f14e7999b12 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 16 May 2024 16:29:21 -0300
Subject: [PATCH] Fetches facets on taginput filter after clicking on them.

---
 .../filter-types/taginput/TainacanFilterTaginput.vue   |  9 ++++++---
 .../filter-types/taxonomy/TainacanFilterTaginput.vue   | 10 +++++++---
 src/views/admin/js/filter-types-mixin.js               |  4 ++--
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/views/admin/components/filter-types/taginput/TainacanFilterTaginput.vue b/src/views/admin/components/filter-types/taginput/TainacanFilterTaginput.vue
index 6bec55345..3893d9605 100644
--- a/src/views/admin/components/filter-types/taginput/TainacanFilterTaginput.vue
+++ b/src/views/admin/components/filter-types/taginput/TainacanFilterTaginput.vue
@@ -5,6 +5,7 @@
                 size="is-small"
                 :data="options"
                 autocomplete
+                :open-on-focus="true"
                 expanded
                 :loading="isLoadingOptions"
                 :remove-on-keys="[]"
@@ -16,6 +17,7 @@
                 check-infinite-scroll
                 @update:model-value="($event) => { resetPage(); onSelect($event) }"
                 @typing="search"
+                @focus="($event) => { searchQuery = $event.target.value; performSearch(searchQuery) }"
                 @infinite-scroll="searchMore">
             <template #default="props">
                 <div class="media">
@@ -96,8 +98,7 @@
             this.updateSelectedValues();
         },
         methods: {
-            search: _.debounce( function(query) {
-
+            performSearch(query) {
                 // String update
                 if (query != this.searchQuery) {
                     this.searchQuery = query;
@@ -154,7 +155,9 @@
 
                 // Search Request Token for cancelling
                 this.getOptionsValuesCancel = promise.source;
-                
+            },
+            search: _.debounce( function(query) {
+                this.performSearch(query);
             }, 500),
             searchMore: _.debounce(function () {
                 this.search(this.searchQuery);
diff --git a/src/views/admin/components/filter-types/taxonomy/TainacanFilterTaginput.vue b/src/views/admin/components/filter-types/taxonomy/TainacanFilterTaginput.vue
index 8ccd31126..268fb1374 100644
--- a/src/views/admin/components/filter-types/taxonomy/TainacanFilterTaginput.vue
+++ b/src/views/admin/components/filter-types/taxonomy/TainacanFilterTaginput.vue
@@ -5,6 +5,7 @@
                 icon="magnify"
                 :data="options"
                 autocomplete
+                :open-on-focus="true"
                 :loading="isLoadingOptions"
                 expanded
                 :remove-on-keys="[]"
@@ -16,6 +17,7 @@
                 :placeholder="$i18n.get('info_type_to_add_terms')"
                 check-infinite-scroll
                 @typing="search"
+                @focus="($event) => { searchQuery = $event.target.value; performSearch(searchQuery) }"
                 @update:model-value="($event) => { resetPage(); onSelect($event) }"
                 @infinite-scroll="searchMore">
             <template #default="props">
@@ -88,8 +90,7 @@
             this.updateSelectedValues();
         },
         methods: {
-            search: _.debounce( function(query) {
-
+            performSearch(query) {
                 // String update
                 if (query != this.searchQuery) {
                     this.searchQuery = query;
@@ -166,9 +167,12 @@
                     this.isLoadingOptions = false;
                     this.$console.log(error);
                 });
+            },
+            search: _.debounce( function(query) {
+                this.performSearch(query);
             }, 500),
             searchMore: _.debounce(function () {
-                this.search(this.searchQuery)
+                this.performSearch(this.searchQuery)
             }, 250),
             updateSelectedValues() {
                 
diff --git a/src/views/admin/js/filter-types-mixin.js b/src/views/admin/js/filter-types-mixin.js
index 8c2adeff8..e459f5941 100644
--- a/src/views/admin/js/filter-types-mixin.js
+++ b/src/views/admin/js/filter-types-mixin.js
@@ -285,7 +285,7 @@ export const dynamicFilterTypeMixin = {
             if (this.options.length < this.maxNumOptionsCheckboxList && !search)
                 this.noMorePage = 1;
 
-            if (this.filter.max_options && this.options.length >= this.filter.max_options) {
+            if ((this.filterTypeOptions.use_max_options == true && this.filter.max_options) && this.options.length >= this.filter.max_options) {
                 let showViewAllButton = true;
 
                 if (this.options.length === this.filter.max_options){
@@ -358,7 +358,7 @@ export const dynamicFilterTypeMixin = {
             if (this.options.length < this.maxNumOptionsCheckboxList)
                 this.noMorePage = 1;
             
-            if (this.filter.max_options && this.options.length >= this.filter.max_options) {
+            if ((this.filterTypeOptions.use_max_options == true && this.filter.max_options) && this.options.length >= this.filter.max_options) {
                 let showViewAllButton = true;
 
                 if(this.options.length === this.filter.max_options){