From 43cbfb05296d9190ef1fe4a638aebd6f93ac551a Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Fri, 16 Aug 2024 10:47:17 +0800
Subject: [PATCH] Map filename added

---
 src/components/Discover/Map/SidebarFilter.vue |  2 +-
 src/components/Discover/Map/SidebarState.vue  | 30 +++++++++++++++++--
 src/i18n/en.json                              |  3 ++
 src/stores/pageAdmin.js                       |  4 +++
 src/views/Files/Files.vue                     | 12 ++++++--
 5 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/src/components/Discover/Map/SidebarFilter.vue b/src/components/Discover/Map/SidebarFilter.vue
index 4bd1424..1f017e2 100644
--- a/src/components/Discover/Map/SidebarFilter.vue
+++ b/src/components/Discover/Map/SidebarFilter.vue
@@ -402,7 +402,7 @@ export default {
         case "ends-with":
         case "directly-follows":
         case "eventually-follows":
-            label = `${includeStr}, ${getTaskLabel(e)}`;
+            label = `${includeStr}, ${this.getTaskLabel(e)}`;
             type = "Sequence";
             break;
         case "start-end":
diff --git a/src/components/Discover/Map/SidebarState.vue b/src/components/Discover/Map/SidebarState.vue
index 354abc1..e32d8ef 100644
--- a/src/components/Discover/Map/SidebarState.vue
+++ b/src/components/Discover/Map/SidebarState.vue
@@ -1,14 +1,25 @@
 <template>
-  <Sidebar :visible="sidebarState" :closeIcon="'pi pi-angle-right'" :modal="false" position="right" :dismissable="false" class="!w-[360px]" @hide="hide" @show="show">
+  <Sidebar :visible="sidebarState" :closeIcon="'pi pi-angle-right'" :modal="false" position="right" :dismissable="false"
+    class="!w-[360px]" @hide="hide" @show="show">
     <template #header>
       <ul class="flex space-x-4 pl-4">
-        <li class="h1 border-r-2 border-neutral-300 pr-4 cursor-pointer hover:text-neutral-900 hover:duration-700" @click="switchTab('summary')" :class="tab === 'summary'? 'text-neutral-900': ''">Summary</li>
-        <li class="h1 border-r-2 border-neutral-300 pr-4 cursor-pointer hover:text-neutral-900 hover:duration-700" @click="switchTab('insight')" :class="tab === 'insight'? 'text-neutral-900': ''">Insight</li>
+        <li class="h1 border-r-2 border-neutral-300 pr-4 cursor-pointer hover:text-neutral-900 hover:duration-700"
+          @click="switchTab('summary')" :class="tab === 'summary'? 'text-neutral-900': ''">Summary</li>
+        <li class="h1 border-r-2 border-neutral-300 pr-4 cursor-pointer hover:text-neutral-900 hover:duration-700"
+          @click="switchTab('insight')" :class="tab === 'insight'? 'text-neutral-900': ''">Insight</li>
       </ul>
     </template>
     <!-- header: summary -->
     <div v-if="tab === 'summary'">
       <!-- Stats -->
+      <ul class="pb-4 border-b border-neutral-300">
+        <li>
+          <p class="h2">{{ i18next.t("Map.FileName") }}</p>
+          <div class="flex justify-between items-center">
+            <span>{{ currentMapFile }}</span>
+          </div>
+        </li>
+      </ul>      
       <ul class="pb-4 border-b border-neutral-300">
         <li>
           <p class="h2">Cases</p>
@@ -209,8 +220,11 @@
 </template>
 
 <script>
+import { computed, } from 'vue';
+import PageAdmin from '@/stores/pageAdmin';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
+import i18next from '@/i18n/i18n';
 
 export default {
   props:{
@@ -227,6 +241,16 @@ export default {
       required: false,
     }
   },
+  setup(){
+    const pageAdmin = PageAdmin();
+
+    const currentMapFile = computed(() => pageAdmin.currentMapFile);
+
+    return {
+      currentMapFile,
+      i18next,
+    };
+  },
   data() {
     return {
       tab: 'summary',
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 0f64522..a2b2350 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -11,6 +11,9 @@
         "Save": "Save",
         "Confirm": "Confirm"
     },
+    "Map":{
+        "FileName": "File Name"
+    },
     "AcctMgmt":{
         "hi": "Hi, ",
         "acctMgmt": "Account management",
diff --git a/src/stores/pageAdmin.js b/src/stores/pageAdmin.js
index 2dfee7e..7d40a44 100644
--- a/src/stores/pageAdmin.js
+++ b/src/stores/pageAdmin.js
@@ -15,6 +15,7 @@ export default defineStore('pageAdminStore', {
      isPagePending: false,
      shouldKeepPreviousPage: false, // false -- meaning modal is not pressed as "NO"
      activePageComputedByRoute: "MAP",
+     currentMapFile: '',
   }),
   getters: {
   },
@@ -97,5 +98,8 @@ export default defineStore('pageAdminStore', {
       printPageAdiminLog && console.log('clearShouldKeepPreviousPageBoolean()');
       this.shouldKeepPreviousPage = false;
     },
+    setCurrentMapFile(fileName){
+      this.currentMapFile = fileName;
+    },
   },
 })
\ No newline at end of file
diff --git a/src/views/Files/Files.vue b/src/views/Files/Files.vue
index 7164622..28910b0 100644
--- a/src/views/Files/Files.vue
+++ b/src/views/Files/Files.vue
@@ -164,7 +164,9 @@
         </div>
         <!-- All Files type of List -->
         <div v-if="!switchListOrGrid">
-          <DataTable :value="allFiles" dataKey="id" tableClass="w-full text-sm cursor-pointer relative table-fixed" :rowClass="setRowClass" breakpoint="0" @row-dblclick="enterDiscover($event.data)" contextmenu v-model:contextMenuSelection="selectedTableFile" @row-contextmenu="onRightClickTable" >
+          <DataTable :value="allFiles" dataKey="id" tableClass="w-full text-sm cursor-pointer relative table-fixed"
+            :rowClass="setRowClass" breakpoint="0" @row-dblclick="enterDiscover($event.data)" contextmenu
+            v-model:contextMenuSelection="selectedTableFile" @row-contextmenu="onRightClickTable" >
             <Column field="name" header="Name" bodyClass="font-medium fileName"  sortable></Column>
             <Column field="parentLog" header="Dependency" bodyClass="text-neutral-500" sortable></Column>
             <Column field="fileType" header="File Type" bodyClass="text-neutral-500 fileType" sortable></Column>
@@ -219,10 +221,11 @@
   </div>
 </template>
 <script>
-  import { storeToRefs } from 'pinia';
+  import { storeToRefs, mapActions, } from 'pinia';
   import LoginStore from '@/stores/login.ts';
   import filesStore from '@/stores/files.js';
   import AllMapDataStore from '@/stores/allMapData.js';
+  import PageAdmin from '@/stores/pageAdmin.js';
   import LoadingStore from '@/stores/loading.js';
   import IconDataFormat from '@/components/icons/IconDataFormat.vue';
   import IconRule from '@/components/icons/IconRule.vue';
@@ -386,6 +389,8 @@
         let fileId;
         let params;
 
+        this.setCurrentMapFile(file.name);
+
         switch (file.type) {
           case 'log':
             this.createFilterId = null;
@@ -597,6 +602,9 @@
             break;
         }
       },
+      ...mapActions(
+        PageAdmin, ['setCurrentMapFile',],
+      )
     },
     mounted() {
       this.isLoading = true;