feature: admin role edit API

src/views/AccountManagement/AccountAdmin/AccountAdmin.vue

@@ -42,10 +42,10 @@
                             <div class="row-container flex-w-full-hoverable flex w-full justify-center" @mouseenter="handleRowMouseOver(slotProps.data.username)"
                                 @mouseout="handleRowMouseOut(slotProps.data.username)">
                                 <img v-if="slotProps.data.is_admin" src="@/assets/radioOn.svg" alt="Radio On" class="cursor-pointer flex justify-center"
-                                    @click="onAdminRightsBtnClick(true)"
+                                    @click="onAdminInputClick(slotProps.data, false)"
                                 />
                                 <img v-else src="@/assets/radioOff.svg" alt="Radio Off" class="cursor-pointer flex justify-center"
-                                @click="onAdminRightsBtnClick(false)"
+                                    @click="onAdminInputClick(slotProps.data, true)"
                                 />
                             </div>   
                         </template>
@@ -284,6 +284,28 @@ export default {
             toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
         }
 
+        const onAdminInputClick = async(userData, inputIsAdminOn) => {
+            const ADMIN_ROLE_NAME = 'admin';
+            switch(inputIsAdminOn) {
+                case true:
+                    await acctMgmtStore.addRoleToUser(userData.username, ADMIN_ROLE_NAME);
+                    break;
+                case false:
+                    await acctMgmtStore.deleteRoleToUser(userData.username, ADMIN_ROLE_NAME);
+                    break;
+                default:
+                    break;
+            }
+            const userDataToReplace = {
+                username: userData.username,
+                name: userData.name,
+                is_admin: inputIsAdminOn,
+            };
+            
+            acctMgmtStore.updateSingleAccountPiniaState(userDataToReplace);
+            toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
+        }
+
         onMounted(async () => { 
             await fetchLoginUserData();
             await acctMgmtStore.getAllUserAccounts();
@@ -339,6 +361,7 @@ export default {
             handleScroll,
             getRowClass,
             onDeleteBtnClick,
+            onAdminInputClick,
             handleDeleteMouseOver,
             handleDeleteMouseOut,
             handleRowMouseOver,
@@ -373,10 +396,6 @@ export default {
         ...mapState(useAcctMgmtStore, ['allUserAccoutList']),
     },
     methods: {
-        onAdminRightsBtnClick(isOn){
-
-        },
-        
         /**
          * 無限滾動: 監聽 scroll 有沒有滾到底部
          * @param {element} event 滾動傳入的事件