visit API, is_admin badge API, is_active badge API,

src/views/AccountManagement/AccountAdmin/index.vue

@@ -16,7 +16,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 @dblclick="onAcctDoubleClick()" class="cursor-pointer">
+                                <div @dblclick="onAcctDoubleClick(slotProps.data.username)" class="cursor-pointer">
                                     {{ slotProps.data.username }}
                                 </div>
                             </div>
@@ -178,13 +178,17 @@ export default {
             modalStore.openModal(MODAL_CREATE_NEW);
         };
 
+        
+        const onAcctDoubleClick = (username) => {
+            acctMgmtStore.setCurrentViewingUser(username);
+            modalStore.openModal(MODAL_ACCT_INFO);
+        }
+
         const getFirstPageUserData = async() => {
             await acctMgmtStore.getAllUserAccounts();
             infiniteAcctData.value = allUserAccoutList.value.slice(0, ONCE_RENDER_NUM_OF_DATA)
         };
 
-        const isInfiniteFinish = ref(true);
-
         const handleDeleteMouseOver = (username) => {
             acctMgmtStore.changeIsDeleteHoveredByUser(username, true);
         };
@@ -276,6 +280,7 @@ export default {
             loginUserData,
             infiniteAcctData,
             onCreateNewClick,
+            onAcctDoubleClick,
             handleScroll,
             getRowClass,
             onDeleteBtnClick,
@@ -312,9 +317,6 @@ export default {
         ...mapState(useAcctMgmtStore, ['allUserAccoutList']),
     },
     methods: {
-        onAcctDoubleClick(){
-
-        },
         onAdminRightsBtnClick(isOn){
 
         },