Discover: sidebarFilter toggle button done.

src/views/Discover/index.vue

@@ -48,7 +48,8 @@
   <SidebarView v-model:visible="sidebarView" @switch-map-type="switchMapType" @switch-curve-styles="switchCurveStyles" @switch-rank="switchRank" @switch-data-layer-type="switchDataLayerType" ></SidebarView>
   <SidebarState v-model:visible="sidebarState" :insights="insights" :stats="stats"></SidebarState>
   <SidebarTraces v-model:visible="sidebarTraces" :traces="traces" :cases="cases" :traceTaskSeq="traceTaskSeq" @switch-Trace-Id="switchTraceId" ref="tracesView"></SidebarTraces>
-  <SidebarFilter v-model:visible="sidebarFilter" :filterTasks="filterTasks" :filterStartToEnd="filterStartToEnd" :filterEndToStart="filterEndToStart" :filterTimeframe="filterTimeframe" :filterTrace="filterTrace"></SidebarFilter>
+  <SidebarFilter v-model:visible="sidebarFilter" :filterTasks="filterTasks" :filterStartToEnd="filterStartToEnd" :filterEndToStart="filterEndToStart" :filterTimeframe="filterTimeframe" :filterTrace="filterTrace"
+  @submit-all="createCy(mapType)"></SidebarFilter>
 
 </template>
 

src/views/Files/index.vue

@@ -125,14 +125,6 @@
         return recentlyUsedFiles;
       },
     },
-    watch:{
-      allFiles:{
-        handler:function(val,oldVal){
-          this.allFiles;
-        },
-        deep:true,
-      }
-    },
     methods: {
       /**
        * 選擇該 files 進入 Discover/Compare/Design 頁面

src/views/MainContainer.vue

@@ -11,8 +11,10 @@
 </template>
 
 <script>
+import { storeToRefs } from 'pinia';
 import LoginStore from '@/stores/login.js';
 import LoadingStore from '@/stores/loading.js';
+import AllMapDataStore from '@/stores/allMapData.js';
 import Header from "@/components/Header.vue";
 import Navbar from "@/components/Navbar.vue";
 import Loading from '@/components/Loading.vue';
@@ -22,11 +24,19 @@ export default {
   setup() {
     const loginStore = LoginStore();
     const loadingStore = LoadingStore();
+    const allMapDataStore = AllMapDataStore();
     const { checkLogin } = loginStore;
+    const { tempFilterId, temporaryData, postRuleData } = storeToRefs(allMapDataStore);
 
-    return {
-      checkLogin,
-      loadingStore,
+    return { checkLogin, loadingStore, temporaryData, tempFilterId, postRuleData };
+  },
+  watch: {
+    $route: function(route) {
+      if(route.name !== 'Discover') {
+        this.tempFilterId = null;
+        this.temporaryData = []
+        this.postRuleData = []
+      }
     }
   },
   components: {