ayanova/src/components/data-table.vue

@@ -7,6 +7,12 @@
       ref="dataTableFilter"
     >
     </gz-data-table-filter>
+    <gz-data-table-filter-manager
+      :dataListKey="dataListKey"
+      :activeFilterId="activeFilterId"
+      ref="dataTableFilterManager"
+    >
+    </gz-data-table-filter-manager>
     <v-card>
       <!-- {{ dataTablePagingOptions }}
       {{ headers }} -->
@@ -18,6 +24,8 @@
           item-value="id"
           :label="$ay.t('Filter')"
           @input="savedFilterSelected"
+          prepend-icon="$ayiEdit"
+          @click:prepend="editFilter()"
           data-cy="selectSavedFilter"
         >
         </v-select>
@@ -521,6 +529,13 @@ export default {
       }
       return clr;
     },
+    async editFilter() {
+      let res = await this.$refs.dataTableFilterManager.open();
+      if (res && res.refresh == true) {
+        //refresh the filter picklist and get data from api
+        this.getDataFromApi();
+      }
+    },
     keyArrayFromSortByArray(sortBy) {
       return sortBy.map(sortItem => {
         let val = this.headers.find(z => z.value == sortItem);