Implemented Hardware Deconfiguration page - 1110

src/assets/styles/bmc/custom/_forms.scss

@@ -127,7 +127,7 @@ div[role='group'] {
   .form-check-input[disabled='disabled'],
   .form-check-input:disabled {
     background-color: $gray-200;
-    opacity: 1;
+    opacity: 0.5;
     & + .form-check-label {
       // Disabled label for checkbox, radio,
       // switch bootstrap form components

src/components/Composables/usePaginationComposable.js

@@ -24,8 +24,8 @@ export const itemsPerPageOptions = [
   },
 ];
 const usePaginationComposable = () => {
-  const getTotalRowCount = (count) => {
-    return perPage === 0 ? 0 : count;
+  const getTotalRowCount = (count, itemPerPage) => {
+    return itemPerPage === 0 ? 1 : count;
   };
 
   return {

src/router/routes.js

@@ -26,6 +26,7 @@ import Firmware from '@/views/Operations/Firmware';
 import Certificates from '@/views/SecurityAndAccess/Certificates';
 import Inventory from '../views/HardwareStatus/Inventory/Inventory.vue';
 import SystemParameters from '@/views/ResourceManagement/SystemParameters';
+import HardwareDeconfiguration from '../views/Settings/HardwareDeconfiguration/HardwareDeconfiguration.vue';
 
 const roles = {
   administrator: 'Administrator',
@@ -175,6 +176,14 @@ export const routes = [
           title: i18n.global.t('appPageTitle.powerRestorePolicy'),
         },
       },
+      {
+        path: '/settings/hardware-deconfiguration',
+        name: 'hardware-deconfiguration',
+        component: HardwareDeconfiguration,
+        meta: {
+          title: i18n.global.t('appPageTitle.deconfigurationHardware'),
+        },
+      },
       {
         path: '/resource-management/power',
         name: 'power',

src/store/index.js

@@ -29,6 +29,7 @@ import SystemParametersStore from './modules/ResourceManagement/SystemParameters
 import CertificatesStore from './modules/SecurityAndAccess/CertificatesStore';
 import UserManagementStore from './modules/SecurityAndAccess/UserManagementStore';
 import PcieTopologyStore from './modules/HardwareStatus/PcieTopologyStore.js';
+import HardwareDeconfigurationStore from './modules/Settings/HardwareDeconfigurationStore';
 // ... (export use other stores)
 export {
   EventLogStore,
@@ -60,5 +61,6 @@ export {
   SystemParametersStore,
   CertificatesStore,
   UserManagementStore,
-  PcieTopologyStore
+  PcieTopologyStore,
+  HardwareDeconfigurationStore,
 };

src/store/modules/GlobalStore.js

@@ -63,6 +63,8 @@ export const GlobalStore = defineStore('global', {
     currentUserGetter: (state) => state.currentUser,
     isServiceUser: (state) =>
       state.currentUser?.RoleId === 'OemIBMServiceAgent' || !state.currentUser,
+    isReadOnlyUserGetter: (state) =>
+      state.currentUser?.RoleId === 'ReadOnly' || !state.currentUser,
   },
   actions: {
     async getBmcTime() {