ayanova/devdocs/todo.txt

@@ -21,7 +21,12 @@ LISTVIEW REPLACE CURRENT <----HERE not THERE ---v
 				Or, at the very least show "filtered" on the results so user KNOWS it's filtered
 			
 		
-
+			Look into RESET default filter by deleting it
+				Shouldn't it just adjust it at the server instead?
+				rather than literally removing and recreating it?
+				Seems safer.
+				However, perhaps it's cleaner to replace it so no lingering whatnot is left?
+				
 			Implement filter buttons for mobile mode
 				Need filter drop down to select which columns to filter which triggers opening regular filter items
 				Needs also to show a filter beside "headings" which are filtered so it's known 

ayanova/src/components/data-table.vue

@@ -534,10 +534,21 @@ export default {
       return clr;
     },
     async clearFilter() {
-      //reset default filter and switch to it and trigger getdata
-      setActiveFilter(this);//will not trigger refresh yet
-      //here reset default filter to no filter
-      //here getdata
+      //Reset back to DEFAULT filter
+      setActiveFilter(this); //will not trigger refresh yet
+    
+//Call api method to clear this filter
+      let res = await window.$gz.api.remove(
+        `data-list-filter/${this.activeFilterId}`
+      );
+      if (res.error) {
+        vm.formState.serverError = res.error;
+        window.$gz.form.setErrorBoxErrors(vm);
+      } else {
+        await fetchSavedFilterList(this);
+        await this.getDataFromApi();
+      }
+    
     },
     clearFilterIcon() {
       if (this.serverFilter && this.serverFilter.length > 0) {