Issues #182: done.

src/components/Discover/Map/SidebarFilter.vue

@@ -455,7 +455,7 @@ export default {
           type = "Attributes";
           break;
         case 'boolean-attr':
-          label = `${includeStr}, ${e.key}, ${this.selectAttribute.label}`;
+          label = `${includeStr}, ${e.key}, ${this.selectAttribute?.label}`;
           type = "Attributes";
           break;
         case 'int-attr':

src/components/Discover/Map/SidebarTraces.vue

@@ -230,7 +230,6 @@ export default {
       // 因 trace api 連動，所以關閉側邊欄時讓數值歸 traces 第一筆 id
       this.showTraceId = await this.traces[0]?.id;
       this.infiniteStart = await 0;
-      await this.allMapDataStore.getTraceDetail();
       this.setNodesData();
       this.setEdgesData();
       this.createCy();
@@ -261,9 +260,6 @@ export default {
       }
     }
   },
-  async created() {
-    this.allMapDataStore.getTraceDetail();
-  }
 }
 </script>
 

src/stores/allMapData.js

@@ -7,7 +7,7 @@ export default defineStore('allMapDataStore', {
   state: () => ({
     baseLogId: null,
     logId: null,
-    traceId: 1,
+    traceId: null,
     baseTraceId: 1,
     tempFilterId: null,
     createFilterId: null,
@@ -223,7 +223,7 @@ export default defineStore('allMapDataStore', {
         return this.allBaseCase;
       } catch(error) {
         if(error.response.status === 404) return this.infinite404 = 404;
-        apiError(error, 'Failed to load the Trace Detail.');
+        apiError(error, 'Failed to load the Base Trace Detail.');
       };
     },
     /**

src/views/Discover/Map/index.vue

@@ -299,7 +299,6 @@ export default {
     // 先 loading 再執行以下程式
     this.isLoading = true;
     // Log 檔前往 Map Log 頁, Filter 檔前往 Map Filter 頁
-    this.baseLogId = this.$route.params.fileId;
     if(this.$route.params.type === 'log'){
       this.logId = this.$route.params.fileId;
     }else if(this.$route.params.type === 'filter') {
@@ -317,6 +316,7 @@ export default {
     this.baseTraceId = await this.baseTraces[0]?.id;
     this.createCy(this.mapType);
     await this.allMapDataStore.getFilterParams();
+    await this.allMapDataStore.getTraceDetail();
 
     // 執行完後才取消 loading
     this.isLoading = false;

src/views/Files/index.vue

@@ -148,6 +148,7 @@
           case 'Filter':
             this.createFilterId = file.id;
             this.baseLogId = file.log.id;
+            console.log('files filter:', this.baseLogId);
             fileId = file.id;
             type = 'filter';
             params = { type: type, fileId: fileId };