case 4503

ayanova/src/components/data-table-filter-control.vue

@@ -9,6 +9,7 @@
       <v-card-title>{{ tableColumnData.text }}</v-card-title>
 
       <v-card-text>
+        {{ activeFilter }}
         <!-- FILTER CONTROL -->
         <template v-if="editItem.isFilterable">
           <div class="pt-6">
@@ -380,7 +381,8 @@ export default {
 
   props: {
     dataListKey: { type: String, default: null },
-    activeFilterId: { type: Number, default: null }
+    activeFilterId: { type: Number, default: null },
+    defaultFilterId: { type: Number, default: null }
   },
   data: () => ({
     isVisible: false,
@@ -390,6 +392,7 @@ export default {
     fieldDefinitions: [],
     editItem: { filter: { items: [] } },
     activeFilter: null,
+    defaultFilter: null,
     selectLists: {
       dateFilterOperators: [],
       dateFilterTokens: [],
@@ -452,13 +455,15 @@ export default {
         af.push(newColumnFilter);
       }
 
-      //turn activeFilter back into json and send back to server to save
+      //turn activeFilter back into json and send back to server to save to default filter (case 4503)
-      this.activeFilter.filter = JSON.stringify(af);
+      this.defaultFilter.filter = JSON.stringify(af);
 
+      //case 4503 save as new default filter so that any saved filter is not ovewritten here, data table will ensure it flips back to default filter after this
+      //saves and emits a refresh command
       //SAVE
       const res = await window.$gz.api.put(
         "data-list-filter",
-        this.activeFilter
+        this.defaultFilter
       );
       if (res.error) {
         throw new Error(window.$gz.errorHandler.errorToString(res, this));
@@ -586,6 +591,7 @@ export default {
       this.tableColumnData = tableColumnData;
 
       await fetchActiveFilter(this);
+      await fetchDefaultFilter(this); //case 4503
       initEditItem(this);
       this.formState.dirty = false;
       this.isVisible = true;
@@ -647,6 +653,20 @@ async function fetchActiveFilter(vm) {
   }
 }
 
+////////////////////
+//case 4503
+async function fetchDefaultFilter(vm) {
+  ///api/v8/data-list-filter/{id}
+  const res = await window.$gz.api.get(
+    `data-list-filter/${vm.defaultFilterId}`
+  );
+  if (res.error) {
+    throw new Error(window.$gz.errorHandler.errorToString(res, vm));
+  } else {
+    vm.defaultFilter = res.data;
+  }
+}
+
 //////////////////////////////////////////////////////////
 //
 // Ensures UI translated text is available

ayanova/src/components/data-table.vue

@@ -5,6 +5,7 @@
       ref="dataTableFilter"
       :data-list-key="dataListKey"
       :active-filter-id="activeFilterId"
+      :default-filter-id="defaultFilterId"
     >
     </gz-data-table-filter>
     <gz-data-table-filter-manager
@@ -567,6 +568,7 @@ export default {
       dataTablePagingOptions: {},
       lastDataTablePagingOptions: {},
       activeFilterId: 0, //<--0 signifies to select default as it's uninitialized
+      defaultFilterId: 0, //case 4503
       lastFetchFilterId: -1, //used to track change of filter and reset paging in getdata
       selectLists: {
         savedFilters: []
@@ -700,6 +702,11 @@ export default {
         this.selected = []; //remove any selections
         //New filter, need to go back to the first page
         this.dataTablePagingOptions.page = 1;
+
+        //case 4503 change filter selection to default then get data
+        //Reset back to DEFAULT filter
+        setActiveFilter(this); //will not trigger refresh yet
+
         this.getDataFromApi();
       }
     },
@@ -1321,6 +1328,16 @@ async function fetchSavedFilterList(vm) {
     vm.selectLists.savedFilters = res.data;
     //confirm we still have the current active filter id
     setActiveFilter(vm, vm.activeFilterId);
+
+    //case 4503 get default filter id so we know it
+    //no specific id so attempt to set to default
+    const dflt = vm.selectLists.savedFilters.find(z => z.default == true);
+    if (dflt) {
+      vm.defaultFilterId = dflt.id;
+      return;
+    } else {
+      vm.defaultFilterId = 0;
+    }
   }
 }