Map filename added

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":

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',

src/i18n/en.json

@@ -11,6 +11,9 @@
         "Save": "Save",
         "Confirm": "Confirm"
     },
+    "Map":{
+        "FileName": "File Name"
+    },
     "AcctMgmt":{
         "hi": "Hi, ",
         "acctMgmt": "Account management",

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;
+    },
   },
 })

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;