From df341c26aba70643f7b1226b736c18cfb60643ee Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Wed, 14 Aug 2024 09:59:09 +0800
Subject: [PATCH] fix: #329 text ellipsis. Sonar

---
 .../AccountManagement/AccountAdmin/AccountAdmin.vue      | 9 +++++----
 src/views/Compare/Dashboard/Compare.vue                  | 2 +-
 src/views/Discover/Performance/index.vue                 | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
index c4f6939..a0359bf 100644
--- a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
+++ b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
@@ -14,9 +14,10 @@
                 >
                     <Column field="username" :header="i18next.t('AcctMgmt.Account')" bodyClass="font-medium"  sortable>
                         <template #body="slotProps">
-                            <div class="row-container flex-w-full-hoverable w-full flex" @mouseenter="handleRowMouseOver(slotProps.data.username)"
+                            <div class="row-container flex-w-full-hoverable w-full" @mouseenter="handleRowMouseOver(slotProps.data.username)"
                                 @mouseout="handleRowMouseOut(slotProps.data.username)">
-                                <div @dblclick="onAcctDoubleClick(slotProps.data.username)" class="account-cell cursor-pointer flex">
+                                <div @dblclick="onAcctDoubleClick(slotProps.data.username)" class="account-cell cursor-pointer 
+                                    whitespace-nowrap overflow-hidden text-ellipsis">
                                     {{ slotProps.data.username }}
                                 </div>
                                 <span id="just_create_badge" class="flex ml-4"
@@ -30,7 +31,7 @@
                         <template #body="slotProps">
                             <div class="row-container flex-w-full-hoverable w-full" @mouseenter="handleRowMouseOver(slotProps.data.username)"
                                 @mouseout="handleRowMouseOut(slotProps.data.username)">
-                                <div class="fullname-cell">
+                                <div class="fullname-cell whitespace-nowrap overflow-hidden text-ellipsis">
                                     {{ slotProps.data.name }}
                                 </div>
                             </div>
@@ -113,7 +114,7 @@
 
 <script>
 import { ref, computed, onMounted, watch, } from 'vue';
-import { storeToRefs, mapState, mapActions, } from 'pinia';
+import { mapState, mapActions, } from 'pinia';
 import LoadingStore from '@/stores/loading.js';
 import { useModalStore } from '@/stores/modal.js';
 import useAcctMgmtStore from '@/stores/acctMgmt.ts';
diff --git a/src/views/Compare/Dashboard/Compare.vue b/src/views/Compare/Dashboard/Compare.vue
index 780273c..9d8c625 100644
--- a/src/views/Compare/Dashboard/Compare.vue
+++ b/src/views/Compare/Dashboard/Compare.vue
@@ -276,7 +276,7 @@ export default {
     // 避免直接使用動態 href：改用安全的方法來處理動態導航，避免直接將未經驗證的數據綁定到 href 屬性。
     isSafeTagId(tagId) {
       // 檢查 tagId 是否符合安全的格式（例如只允許特定的模式或路徑）
-      const pattern = /^#?[a-zA-Z0-9-_\/]*$/; // 例如： #waitingTime
+      const pattern = /^#?[a-zA-Z0-9]*$/; // 例如： #waitingTime
       return pattern.test(tagId);
     },
     /**
diff --git a/src/views/Discover/Performance/index.vue b/src/views/Discover/Performance/index.vue
index 4e7d312..432b00b 100644
--- a/src/views/Discover/Performance/index.vue
+++ b/src/views/Discover/Performance/index.vue
@@ -247,7 +247,7 @@ export default {
     // 避免直接使用動態 href：改用安全的方法來處理動態導航，避免直接將未經驗證的數據綁定到 href 屬性。
     isSafeTagId(tagId) {
       // 檢查 tagId 是否符合安全的格式（例如只允許特定的模式或路徑）
-      const pattern = /^#?[a-zA-Z0-9-_\/]*$/; // 例如： #waitingTime
+      const pattern = /^#?[a-zA-Z0-9-]*$/; // 例如： #waitingTime
       return pattern.test(tagId);
     },
     /**