Implemented User Management: 1060

- Implemented User management page in vue3 Signed-off-by: Nikhil Ashoka <[email protected]>
ibm-openbmc · Feb 17, 2025 · e9774b1 · e9774b1
1 parent 88617fe
commit e9774b1
Show file tree

Hide file tree

Showing 9 changed files with 977 additions and 907 deletions.
diff --git a/src/components/Composables/useTableSelectableComposable.js b/src/components/Composables/useTableSelectableComposable.js
@@ -63,6 +63,26 @@ const useTableSelectableComposable = () => {
     }
   };
 
+  const toggleSelectRowByUsername = (tableRef, rowIndex, rowSelected, row) => {
+    if (tableRef && rowIndex !== undefined) {
+      if (!rowSelected) {
+        // Find the index of the object to remove
+        const indexToRemove = selectedRowsList.value.findIndex(
+          (item) => item.username === row.username,
+        );
+
+        // Check if the object exists in the array
+        if (indexToRemove !== -1) {
+          tableRef.unselectRow(rowIndex);
+          // Remove the object from the array
+          selectedRowsList.value.splice(indexToRemove, 1);
+        }
+      } else {
+        tableRef.selectRow(rowIndex);
+      }
+    }
+  };
+
   const toggleSelectRowByGroupName = (tableRef, rowIndex, rowSelected, row) => {
     if (tableRef && rowIndex !== undefined) {
       if (!rowSelected) {
@@ -117,6 +137,7 @@ const useTableSelectableComposable = () => {
     toggleSelectRow,
     toggleSelectRowById,
     toggleSelectRowByGroupName,
+    toggleSelectRowByUsername,
     onRowSelected,
     onChangeHeaderCheckbox,
     selectedRowsList,

diff --git a/src/components/Global/InfoTooltipPassword.vue b/src/components/Global/InfoTooltipPassword.vue
@@ -8,7 +8,6 @@
       <slot>
         <icon-tooltip />
       </slot>
-      <span class="sr-only">{{ $t('global.ariaLabel.tooltip') }}</span>
     </b-button>
     <b-tooltip target="tooltip-password" triggers="hover">
       <p class="text-left">

diff --git a/src/router/routes.js b/src/router/routes.js
@@ -22,6 +22,7 @@ import PcieTopology from '../views/HardwareStatus/PcieTopology/PcieTopology.vue'
 import IBMiServiceFunctions from '@/views/Logs/IBMiServiceFunctions';
 import Notices from '@/views/Notices/Notices.vue';
 import Sessions from '@/views/SecurityAndAccess/Sessions';
+import UserManagement from '@/views/SecurityAndAccess/UserManagement';
 import Firmware from '@/views/Operations/Firmware';
 import Certificates from '@/views/SecurityAndAccess/Certificates';
 import Inventory from '../views/HardwareStatus/Inventory/Inventory.vue';
@@ -272,6 +273,14 @@ export const routes = [
           title: i18n.global.t('appPageTitle.sessions'),
         },
       },
+      {
+        path: '/security-and-access/user-management',
+        name: 'local-users',
+        component: UserManagement,
+        meta: {
+          title: i18n.global.t('appPageTitle.userManagement'),
+        },
+      },
       {
         path: '/security-and-access/certificates',
         name: 'certificates',

diff --git a/src/store/modules/GlobalStore.js b/src/store/modules/GlobalStore.js
@@ -107,7 +107,6 @@ export const GlobalStore = defineStore('global', {
         .catch((error) => console.log(error));
     },
     getCurrentUser(username = localStorage.getItem('storedUsername')) {
-      if (localStorage.getItem('storedCurrentUser')) return;
       return api
         .get(`/redfish/v1/AccountService/Accounts/${username}`)
         .then(({ data }) => {