Discover: sidebarFilter layout done

src/stores/allMapData.js

@@ -21,6 +21,11 @@ export default defineStore('allMapDataStore', {
     allTrace: [],
     allCase: [],
     allTraceTaskSeq: [],
+    allFilterTask: [],
+    allFilterStartToEnd: [],
+    allFilterEndToStart: [],
+    allFilterTimeframe: {},
+    allFilterTrace: [],
     httpStatus: 200,
   }),
   getters: {
@@ -44,7 +49,25 @@ export default defineStore('allMapDataStore', {
     },
     traceTaskSeq: state => {
       return state.allTraceTaskSeq;
-    }
+    },
+    // All tasks
+    filterTasks: state => {
+      return state.allFilterTask;
+    },
+    // form start to end tasks
+    filterStartToEnd: state => {
+      return state.allFilterStartToEnd;
+    },
+    // form end to start tasks
+    filterEndToStart: state => {
+      return state.allFilterEndToStart;
+    },
+    filterTimeframe: state => {
+      return state.allFilterTimeframe;
+    },
+    filterTrace: state => {
+      return state.allFilterTrace;
+    },
   },
   actions: {
     /**
@@ -80,12 +103,10 @@ export default defineStore('allMapDataStore', {
      */
     async getAllTrace() {
       let logId = this.logId;
-      // const api = `/api/filters/params?log_id=${logId}`;
       const api = `/api/logs/${logId}/traces`;
 
       try {
         const response = await this.$axios.get(api);
-        console.log(response);
         this.allTrace = response.data;
 
         if(this.httpStatus < 300) loading.isLoading = false;
@@ -134,5 +155,34 @@ export default defineStore('allMapDataStore', {
         });
       };
     },
+    /**
+     * fetch Filter Parameters api.
+     */
+    async getFilterParams() {
+      let logId = this.logId;
+      const api = `/api/filters/params?log_id=${logId}`;
+
+      try {
+        const response = await this.$axios.get(api);
+        this.allFilterTask = response.data.tasks;
+        this.allFilterStartToEnd = response.data.sources;
+        this.allFilterEndToStart = response.data.sinks;
+        this.allFilterTimeframe = response.data.timeframe;
+        this.allFilterTrace = response.data.trace;
+
+        if(this.httpStatus < 300) loading.isLoading = false;
+      } catch(error) {
+        this.httpStatus = error.request.status;
+        delay().then(() =>{
+          loading.isLoading = true;
+          return delay(1000);
+        }).then(()=>{
+          loading.isLoading = false;
+          return delay(500);
+        }).then(() => {
+          $toast.default('Failed to load the Filter Parameters.');
+        });
+      };
+    },
   },
 })