Implement service login console

src/router/routes.js

@@ -36,6 +36,8 @@ import ServerPowerOperations from '@/views/Operations/ServerPowerOperations';
 import Ldap from '../views/SecurityAndAccess/Ldap/Ldap.vue';
 import EventLogs from '@/views/Logs/EventLogs';
 import FieldCoreOverride from '@/views/ResourceManagement/FieldCoreOverride';
+import ServiceLoginConsoles from '@/views/Operations/ServiceLoginConsoles/ServiceLoginConsoles.vue';
+import ServiceLogin from '@/views/Operations/ServiceLoginConsoles';
 
 const roles = {
   administrator: 'Administrator',
@@ -64,6 +66,15 @@ export const routes = [
     },
     component: HostConsoleConsole,
   },
+  // Needs reimplementation once routes is implemented
+  {
+    path: '/console/service-login-consoles',
+    meta: {
+      requiresAuth: true,
+      title: i18n.global.t('appPageTitle.serviceLogin'),
+    },
+    component: ServiceLoginConsoles,
+  },
   {
     path: '/',
     meta: {
@@ -96,6 +107,14 @@ export const routes = [
           title: i18n.global.t('appPageTitle.serverPowerOperations'),
         },
       },
+      {
+        path: '/operations/service-login',
+        name: 'service-login',
+        component: ServiceLogin,
+        meta: {
+          title: i18n.global.t('appPageTitle.serviceLogin'),
+        },
+      },
       {
         path: '/hardware-status/sensors',
         name: 'sensors',

src/store/modules/GlobalStore.js

@@ -148,7 +148,7 @@ export const GlobalStore = defineStore('global', {
         })
         .catch((error) => console.log(error));
     },
-    getSystemInfo() {
+    async getSystemInfo() {
       api
         .get('/redfish/v1/Systems/system')
         .then(

src/store/modules/HardwareStatus/ChassisStore.js

@@ -86,7 +86,7 @@ export const ChassisStore = defineStore('chassisStore', {
       return await api
         .get('/redfish/v1/Chassis/chassis')
         .then(({ data: { PowerState = null } }) => {
-          this.PowerState = PowerState;
+          this.powerState = PowerState;
         })
         .catch((error) => console.log(error));
     },

src/views/Operations/ServiceLoginConsoles/ServiceLogin.vue

@@ -1,32 +1,32 @@
 <template>
-  <b-container fluid="xl">
+  <BContainer fluid="xl">
     <page-title :title="$t('appPageTitle.serviceLogin')" />
 
     <page-section class="mb-0">
-      <b-row class="d-flex">
-        <b-col
+      <BRow class="d-flex">
+        <BCol
           sm="6"
           lg="5"
           xl="4"
           class="d-flex flex-column justify-content-end"
         >
-          <b-form id="form-new-dump">
-            <b-form-group
+          <BForm id="form-new-dump">
+            <BFormGroup
               :label="$t('pageServiceLoginConsoles.selectConsoleType')"
               label-for="selectConsoleType"
             >
-              <b-form-select
+              <BFormSelect
                 id="selectConsoleType"
                 v-model="selectConsoleType"
                 :options="consoleTypeOptions"
                 value-field="value"
                 text-field="text"
               >
-              </b-form-select>
-            </b-form-group>
-          </b-form>
-        </b-col>
-      </b-row>
+              </BFormSelect>
+            </BFormGroup>
+          </BForm>
+        </BCol>
+      </BRow>
     </page-section>
 
     <page-section class="mb-0">
@@ -41,35 +41,25 @@
         :console-type="'console1'"
       />
     </page-section>
-  </b-container>
+  </BContainer>
 </template>
 
-<script>
-import PageTitle from '@/components/Global/PageTitle';
-import PageSection from '@/components/Global/PageSection';
-import ServiceLoginConsoles from './ServiceLoginConsoles';
+<script setup>
+import { ref } from 'vue';
+import i18n from '@/i18n';
+import PageTitle from '@/components/Global/PageTitle.vue';
+import PageSection from '@/components/Global/PageSection.vue';
+import ServiceLoginConsoles from './ServiceLoginConsoles.vue';
 
-export default {
-  name: 'ServiceLogin',
-  components: {
-    PageSection,
-    PageTitle,
-    ServiceLoginConsoles,
+const selectConsoleType = ref('bmc-console');
+const consoleTypeOptions = ref([
+  {
+    value: 'bmc-console',
+    text: i18n.global.t('pageServiceLoginConsoles.bmcConsole'),
   },
-  data() {
-    return {
-      selectConsoleType: 'bmc-console',
-      consoleTypeOptions: [
-        {
-          value: 'bmc-console',
-          text: this.$t('pageServiceLoginConsoles.bmcConsole'),
-        },
-        {
-          value: 'hypervisor-console',
-          text: this.$t('pageServiceLoginConsoles.hypervisorConsole'),
-        },
-      ],
-    };
+  {
+    value: 'hypervisor-console',
+    text: i18n.global.t('pageServiceLoginConsoles.hypervisorConsole'),
   },
-};
+]);
 </script>