add confirm for delete (#1293)

* Draft MR

* fix(navbar): add confirm for delete

---------

Co-authored-by: niuran <[email protected]>

Author: yoiteyou

frontend/src/components/navbar/Navbar.vue

@@ -571,15 +571,25 @@
         </div>
         <div class="flex items-center justify-end gap-[16px]">
           <CsgButton
-            :disabled="!selectAll || selectedItems.length==0"
+            :disabled="buttonsDisabled"
             class="btn btn-link-color btn-md"
             @click="allRead()"
             :name="$t('navbar.allRead')" />
-          <CsgButton
-            :disabled="!selectAll || selectedItems.length==0"
-            class="btn btn-link-color btn-md"
-            @click="allClear()"
-            :name="$t('navbar.allClear')" />
+          <el-popconfirm
+            class="box-item"
+            :title="$t('navbar.clearTip')"
+            placement="bottom"
+            width="200"
+            :confirm-button-text="$t('all.confirm')"
+            :cancel-button-text="$t('all.cancel')"
+            @confirm="allClear()">
+            <template #reference>
+              <CsgButton
+                :disabled="buttonsDisabled"
+                class="btn btn-link-color btn-md"
+                :name="$t('navbar.allClear')" />
+            </template>
+          </el-popconfirm>
         </div>
       </div>
     </div>
@@ -897,6 +907,9 @@
       },
       releaseHistoryUrl() {
         return 'https://opencsg.com/docs/releasenote/csghub_ee_history'
+      },
+      buttonsDisabled() {
+        return !this.selectAll && this.selectedItems.length === 0
       }
     },
     methods: {
@@ -1380,4 +1393,4 @@
     background-color: #d0d5dd;
     border-radius: 3px;
   }
-</style>
+</style>

frontend/src/locales/en_js/navbar.js

@@ -64,4 +64,5 @@ export const navbar = {
   allClear:'Achieve',
   checkAll:'Select All',
   releaseVersion: 'Version',
+  clearTip:'Clearing all selected messages?',
 }

frontend/src/locales/zh_hant_js/navbar.js

@@ -130,4 +130,5 @@ export const navbar = {
   allClear:'清除選中',
   checkAll:'選擇全部',
   releaseVersion: '當前版本',
+  clearTip:'確認清空您選中的所有消息？',
 }

frontend/src/locales/zh_js/navbar.js

@@ -64,4 +64,5 @@ export const navbar = {
   allRead:'标为已读',
   allClear:'清除选中',
   releaseVersion: '当前版本',
+  clearTip:'确认清空您选中的所有消息？',
 }