ayanova/src/components/data-table.vue

@@ -24,16 +24,22 @@
           @input="selectedFilterChanged"
           prepend-icon="$ayiEdit"
           @click:prepend="editFilter()"
+          :append-outer-icon="clearFilterIcon()"
+          @click:append-outer="clearFilter()"
           data-cy="selectSavedFilter"
         >
         </v-select>
+
         <v-spacer></v-spacer>
         <div>
           <v-btn @click="refresh">
             <v-icon data-cy="refresh">$ayiSync</v-icon>
           </v-btn>
 
-          <v-btn class="ml-12" @click="editColumnView">
+          <!-- <v-btn class="ml-6" @click="refresh">
+            <v-icon data-cy="refresh">$ayiBell</v-icon>
+          </v-btn> -->
+          <v-btn class="ml-6" @click="editColumnView">
             <v-icon data-cy="filter">$ayiColumns</v-icon>
           </v-btn>
         </div>
@@ -527,6 +533,15 @@ export default {
       }
       return clr;
     },
+    clearFilter() {
+      //reset default filter and switch to it and trigger getdata
+    },
+    clearFilterIcon() {
+      if (this.serverFilter && this.serverFilter.length > 0) {
+        return "$clear";
+      }
+      return null;
+    },
     async editFilter() {
       let res = await this.$refs.dataTableFilterManager.open();
       if (res && res.refresh == true) {