Implemented Certificates page

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

@@ -181,3 +181,12 @@ div[role='group'] {
   background-color: $gray-900;
   border-color: $gray-900;
 }
+.form-control-file {
+  opacity: 0;
+  height: 0;
+  &:focus + span {
+    box-shadow:
+      inset 0 0 0 3px $primary,
+      inset 0 0 0 5px $white;
+  }
+}

src/components/Global/FormFile.vue

@@ -43,6 +43,7 @@
 <script setup>
 import { ref, computed, defineEmits } from 'vue';
 import IconClose from '@carbon/icons-vue/es/close/20';
+import eventBus from '@/eventBus';
 
 const emit = defineEmits(['input']);
 
@@ -69,16 +70,18 @@ const props = defineProps({
   },
 });
 
+function clearFile() {
+  file.value = null;
+  emit('input', file.value);
+}
 const file = ref(null);
-
 const isSecondary = computed(() => {
   return props.variant === 'secondary';
 });
 
-function clearFile() {
-  file.value = null;
-  emit('input', file.value);
-}
+eventBus.on('clear-file', () => {
+  clearFile();
+});
 </script>
 
 <style lang="scss" scoped>

src/router/routes.js

@@ -22,6 +22,7 @@ import IBMiServiceFunctions from '@/views/Logs/IBMiServiceFunctions';
 import Notices from '@/views/Notices/Notices.vue';
 import Sessions from '@/views/SecurityAndAccess/Sessions';
 import Firmware from '@/views/Operations/Firmware';
+import Certificates from '@/views/SecurityAndAccess/Certificates';
 import Inventory from '../views/HardwareStatus/Inventory/Inventory.vue';
 
 const roles = {
@@ -80,7 +81,15 @@ export const routes = [
         component: ConcurrentMaintenance,
         meta: {
           title: i18n.global.t('appPageTitle.concurrentMaintenance'),
-        }
+        },
+      },
+      {
+        path: '/hardware-status/inventory',
+        name: 'inventory',
+        component: Inventory,
+        meta: {
+          title: i18n.global.t('appPageTitle.inventory'),
+        },
       },
       {
         path: '/hardware-status/inventory',
@@ -180,6 +189,14 @@ export const routes = [
           title: i18n.global.t('appPageTitle.sessions'),
         },
       },
+      {
+        path: '/security-and-access/certificates',
+        name: 'certificates',
+        component: Certificates,
+        meta: {
+          title: i18n.global.t('appPageTitle.certificates'),
+        },
+      },
       {
         path: '/:pathMatch(.*)*',
         name: 'page-not-found',

src/store/index.js

@@ -25,6 +25,9 @@ import FanStore from './modules/HardwareStatus/FanStore';
 import MemoryStore from './modules/HardwareStatus/MemoryStore';
 import AssemblyStore from './modules/HardwareStatus/AssemblyStore';
 import FabricAdaptersStore from './modules/HardwareStatus/FabricAdaptersStore';
+import CertificatesStore from './modules/SecurityAndAccess/CertificatesStore';
+import UserManagementStore from './modules/SecurityAndAccess/UserManagementStore';
+
 // ... (export use other stores)
 export {
   EventLogStore,
@@ -53,4 +56,6 @@ export {
   BmcStore,
   AssemblyStore,
   FabricAdaptersStore,
+  CertificatesStore,
+  UserManagementStore,
 };

src/store/modules/GlobalStore.js

@@ -62,7 +62,6 @@ export const GlobalStore = defineStore('global', {
           const bmcDateTime = response.data.DateTime;
           const date = new Date(bmcDateTime);
           this.bmcTime = date;
-          this.isAuthorized = false;
         })
         .catch((error) => console.log(error));
     },