1 files changed, 105 insertions, 0 deletions
diff --git a/src/views/_sila/BMC/Configuration/BMCConfiguration.vue b/src/views/_sila/BMC/Configuration/BMCConfiguration.vue
new file mode 100644
index 00000000..111fa81a
--- /dev/null
+++ b/src/views/_sila/BMC/Configuration/BMCConfiguration.vue
@@ -0,0 +1,105 @@
+<template>
+  <b-container
+    :style="{ display: 'flex', 'flex-direction': 'column' }"
+    fluid="xxl pt-0 m-0"
+  >
+    <page-title :description="$t('appNavigation.description.configuration')" />
+    <!-- BMC table -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_1
+        variant="link"
+        class="collapse-button semi-bold-16px"
+      >
+        {{ $t('BMC.BmcTitle') }}
+        <component :is="iconChevronUp" class="icon-expand" />
+      </b-button>
+      <b-collapse id="toggle-collapse_1" visible class="nav-item__nav">
+        <span class="semi-bold-12px">{{ $t('BMC.BmcTable') }}</span>
+        <b-m-c-configuration-table />
+        <span class="semi-bold-12px">{{ $t('BMC.Bios') }}</span>
+        <div>
+          <span class="regular-12px bmc-configuration__bios-version">{{
+            $t('BMC.BiosV')
+          }}</span>
+          <span class="medium-12px">V 3.2.10.0</span>
+        </div>
+      </b-collapse>
+    </div>
+    <!-- Control -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_2
+        variant="link"
+        class="collapse-button semi-bold-16px"
+      >
+        {{ $t('BMC.ControlTitle') }}
+        <component :is="iconChevronUp" class="icon-expand" />
+      </b-button>
+      <b-collapse id="toggle-collapse_2" visible class="nav-item__nav">
+        <b-m-c-configuration-control />
+      </b-collapse>
+    </div>
+  </b-container>
+</template>
+
+<script>
+import PageTitle from '@/components/Global/PageTitle';
+import BMCConfigurationTable from './BMCConfigurationTable';
+import BMCConfigurationControl from './BMCConfigurationControl';
+import PageSection from '@/components/Global/PageSection';
+import iconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
+
+export default {
+  components: {
+    PageTitle,
+    BMCConfigurationControl,
+    BMCConfigurationTable,
+    PageSection,
+  },
+  mixins: [LoadingBarMixin],
+  data() {
+    return {
+      text: '',
+      iconChevronUp: iconChevronUp,
+    };
+  },
+  created() {
+    this.startLoader();
+    const bmcManagerTablePromise = new Promise((resolve) => {
+      this.$root.$on('hardware-status-bmc-manager-complete', () => resolve());
+    });
+    Promise.all([bmcManagerTablePromise]).finally(() => this.endLoader());
+  },
+};
+</script>
+<style lang="scss" scoped>
+//nav items style
+.nav-item,
+.nav-link {
+  padding: 0;
+}
+
+.nav-item {
+  list-style-type: none;
+}
+
+.semi-bold-12px {
+  display: inline-block;
+  padding: 16px 0 0 2rem;
+}
+
+.bmc-configuration__bios-version {
+  display: inline-block;
+  color: #0c1c29;
+  padding: 8px 2px 2rem 2rem;
+}
+
+a {
+  color: $text-primary !important;
+  &:hover {
+    color: $text-primary !important;
+  }
+}
+</style>