fix: Issues #224 done.

src/components/Discover/Map/SidebarFilter.vue

@@ -54,7 +54,7 @@
           </div>
         </div>
         <div v-show="selectValue[0] === 'Timeframes'">
-          <p class="h2">Containment</p>
+          <p class="h2">Containment<span class="material-symbols-outlined !text-sm align-middle ml-2 cursor-pointer" v-tooltip.bottom="tooltip.containment">info</span></p>
           <div v-for="(item, index) in selectFilter['Containment']" :key="index">
             <RadioButton v-model="selectValue[6]" :inputId="item + index" name="Containment" :value="item" class="mb-1 mr-2"/>
             <label :for="item + index">{{ item }}</label>
@@ -164,6 +164,24 @@ export default {
       rowData: [],
       selectTraceArea: [], // Trace 滑快
       isDisabled: true, // Apply Button disabled setting
+      tooltip: {
+        containment: {
+          value: '<img src="/public/filterContainment.png" alt="filterContainment" class="block">',
+          escape: false,
+          autoHide: false,
+          pt: {
+            root: {
+              class: 'p-0 bg-transparent'
+            },
+            arrow: {
+              class: 'hidden'
+            },
+            text: {
+              class: 'p-0 bg-transparent shadow-none'
+            }
+          }
+        }
+      },
     }
   },
   components: {

src/module/alertModal.js

@@ -297,9 +297,10 @@ export async function uploadloader() {
  * @param { function } rename
  * @param { string } type
  * @param { number } id
+ * @param { string } baseName
  */
-export async function renameModal(rename, type, id) {
-  let fileName = '';
+export async function renameModal(rename, type, id, baseName) {
+  let fileName = baseName;
   const { value, isConfirmed } = await Swal.fire({
     title: 'RENAME',
     input: 'text',

src/views/Files/index.vue

@@ -169,7 +169,7 @@
             <Column bodyClass="text-neutral-500">
               <template #body="slotProps">
                 <ul class="opacity-0 group-hover:opacity-100  flex justify-end items-center gap-x-2 text-neutral-700">
-                  <li><span class="material-symbols-outlined align-bottom cursor-pointer hover:text-primary" @click="rename(slotProps.data.type, slotProps.data.id, 'list-hover')">edit_square</span></li>
+                  <li><span class="material-symbols-outlined align-bottom cursor-pointer hover:text-primary" @click="rename(slotProps.data.type, slotProps.data.id, 'list-hover', slotProps.data.name)">edit_square</span></li>
                   <li><span class="material-symbols-outlined align-bottom cursor-pointer hover:text-primary" @click="download(slotProps.data.type, slotProps.data.id, 'list-hover', slotProps.data.name)">download</span></li>
                   <li><span class="material-symbols-outlined align-bottom cursor-pointer hover:text-primary" @click="deleteFile(slotProps.data.type, slotProps.data.id, slotProps.data.name, 'list-hover')">delete</span></li>
                 </ul>
@@ -428,13 +428,15 @@
        * @param {string} type
        * @param {number} id
        * @param {string} source hover icon
+       * @param {string} fileName
        */
-      rename(type, id, source) {
+      rename(type, id, source, fileName) {
         if(type && id && source === 'list-hover') {
           this.selectedType = type;
           this.selectedId = id;
+          this.selecteName = fileName;
         }
-        renameModal(this.store.rename, this.selectedType, this.selectedId);
+        renameModal(this.store.rename, this.selectedType, this.selectedId, this.selecteName);
       },
       /**
        * Delete file