From 137861df1c3e18f1e9402ed5ab99fb4451e206a5 Mon Sep 17 00:00:00 2001
From: Chris <wtc.justin82@gmail.com>
Date: Mon, 30 Mar 2026 03:06:31 +0800
Subject: [PATCH] refactor(frontend): remove manual admin credential cards from
 permission pages

---
 src/pages/admin/PermissionGroupsPage.vue      | 15 ++++-----------
 src/pages/permissions/PermissionAdminPage.vue | 10 +---------
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/pages/admin/PermissionGroupsPage.vue b/src/pages/admin/PermissionGroupsPage.vue
index b8786a9..c6b1f1f 100644
--- a/src/pages/admin/PermissionGroupsPage.vue
+++ b/src/pages/admin/PermissionGroupsPage.vue
@@ -2,16 +2,13 @@
   <div>
     <h2 class="text-xl font-bold text-gray-800 mb-6">權限群組管理</h2>
 
-    <AdminCredsCard />
-
     <el-tabs v-model="activeTab" type="border-card" class="shadow-sm">
       <!-- Groups Tab -->
       <el-tab-pane label="群組管理" name="groups">
         <div class="mt-4">
-          <el-button v-if="credsSaved" type="primary" @click="showCreateGroup = true" :icon="Plus" class="mb-4">
+          <el-button type="primary" @click="showCreateGroup = true" :icon="Plus" class="mb-4">
             新增群組
           </el-button>
-          <p v-if="!credsSaved" class="text-xs text-yellow-600 mb-4">請先設定管理員認證</p>
 
           <el-skeleton v-if="loadingGroups" :rows="4" animated />
 
@@ -24,7 +21,7 @@
       </el-tab-pane>
 
       <!-- Members Tab -->
-      <el-tab-pane label="綁定會員" name="members" :disabled="!credsSaved">
+      <el-tab-pane label="綁定會員" name="members">
         <div class="mt-4">
           <el-form :model="memberForm" label-width="120px" class="max-w-xl mb-4">
             <el-form-item label="Group Key">
@@ -48,7 +45,7 @@
       </el-tab-pane>
 
       <!-- Permissions Tab -->
-      <el-tab-pane label="群組授權" name="permissions" :disabled="!credsSaved">
+      <el-tab-pane label="群組授權" name="permissions">
         <div class="mt-4">
           <el-form :model="groupPermForm" label-width="120px" class="max-w-xl mb-4">
             <el-form-item label="Group Key">
@@ -120,10 +117,9 @@
 </template>
 
 <script setup>
-import { ref, reactive, computed, onMounted } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
-import { usePermissionStore } from '@/stores/permission'
 import {
   getPermissionGroups,
   createPermissionGroup,
@@ -131,11 +127,8 @@ import {
   groupGrant,
   groupRevoke
 } from '@/api/permission-groups'
-import AdminCredsCard from '@/components/AdminCredsCard.vue'
 
-const permissionStore = usePermissionStore()
 const activeTab = ref('groups')
-const credsSaved = computed(() => permissionStore.hasAdminCreds())
 
 // Groups
 const groups = ref([])
diff --git a/src/pages/permissions/PermissionAdminPage.vue b/src/pages/permissions/PermissionAdminPage.vue
index c345696..19d16ef 100644
--- a/src/pages/permissions/PermissionAdminPage.vue
+++ b/src/pages/permissions/PermissionAdminPage.vue
@@ -2,8 +2,6 @@
   <div>
     <h2 class="text-xl font-bold text-gray-800 mb-6">權限管理</h2>
 
-    <AdminCredsCard />
-
     <!-- Grant / Revoke -->
     <el-tabs v-model="activeTab" type="border-card" class="shadow-sm">
       <!-- Grant Tab -->
@@ -66,13 +64,11 @@
               type="primary"
               native-type="submit"
               :loading="grantLoading"
-              :disabled="!credsSaved"
             >
               Grant 授權
             </el-button>
             <el-button @click="resetGrant">清除</el-button>
           </el-form-item>
-          <p v-if="!credsSaved" class="text-xs text-yellow-600 ml-2">請先設定管理員認證</p>
         </el-form>
       </el-tab-pane>
 
@@ -130,13 +126,11 @@
               type="danger"
               native-type="submit"
               :loading="revokeLoading"
-              :disabled="!credsSaved"
             >
               Revoke 撤銷
             </el-button>
             <el-button @click="resetRevoke">清除</el-button>
           </el-form-item>
-          <p v-if="!credsSaved" class="text-xs text-yellow-600 ml-2">請先設定管理員認證</p>
         </el-form>
       </el-tab-pane>
     </el-tabs>
@@ -144,15 +138,13 @@
 </template>
 
 <script setup>
-import { ref, reactive, computed } from 'vue'
+import { ref, reactive } from 'vue'
 import { ElMessage } from 'element-plus'
 import { usePermissionStore } from '@/stores/permission'
-import AdminCredsCard from '@/components/AdminCredsCard.vue'
 
 const permissionStore = usePermissionStore()
 
 const activeTab = ref('grant')
-const credsSaved = computed(() => permissionStore.hasAdminCreds())
 
 // Grant
 const grantFormRef = ref()