[BI-1191] germplasm filters: fix filters debounce

Breeding-Insight · Jun 21, 2022 · 132bb68 · 132bb68
1 parent 8e5f7fb
commit 132bb68
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/tables/expandableTable/ExpandableTable.vue b/src/components/tables/expandableTable/ExpandableTable.vue
@@ -42,7 +42,8 @@
         v-bind:loading="loading"
         :row-class="calculateRowClass"
         backend-filtering
-        :debounce-search="searchDebounce != null ? searchDebounce : 1000"
+        v-bind:debounce-search="searchDebounce"
+        v-on:filters-change="cloneFilters"
     >
 
       <slot></slot>
@@ -225,5 +226,10 @@ export default class ExpandableTable extends Mixins(ValidationMixin) {
     this.cancelEdit(row);
     this.openDetail = [];
   }
+
+  // A patch so if we're listening the filters, we can still debounce
+  cloneFilters(event: any) {
+    this.$emit('search', JSON.parse(JSON.stringify(event)));
+  }
 }
 </script>
diff --git a/src/views/germplasm/GermplasmTable.vue b/src/views/germplasm/GermplasmTable.vue
@@ -12,8 +12,8 @@
         v-on:paginate-toggle-all="paginationController.toggleShowAll()"
         v-on:paginate-page-size="paginationController.updatePageSize($event)"
         v-on:sort="paginationController.updateSort($event)"
-        v-on:filters-change="searchColumn"
-        v-bind:search-debounce="750"
+        v-on:search="filters = $event"
+        v-bind:search-debounce="400"
     >
       <b-table-column field="accessionNumber" label="GID" v-slot="props" :th-attrs="(column) => ({scope:'col'})" searchable>
         <GermplasmLink
@@ -139,9 +139,5 @@ export default class GermplasmTable extends Vue {
     }
 
   }
-
-  async searchColumn(filters: any) {
-    this.filters = filters;
-  }
 }
 </script>