1 files changed, 56 insertions, 0 deletions
diff --git a/src/views/_sila/Overview/OverviewQuickLinks.vue b/src/views/_sila/Overview/OverviewQuickLinks.vue
new file mode 100644
index 00000000..bc579b03
--- /dev/null
+++ b/src/views/_sila/Overview/OverviewQuickLinks.vue
@@ -0,0 +1,56 @@
+<template>
+  <b-card bg-variant="light" border-variant="light">
+    <b-row class="d-flex justify-content-between align-items-center">
+      <b-col sm="6" lg="9" class="mb-2 mt-2">
+        <dl>
+          <dt>{{ $t('pageOverview.bmcTime') }}</dt>
+          <dd v-if="bmcTime" data-test-id="overviewQuickLinks-text-bmcTime">
+            {{ bmcTime | formatDate }} {{ bmcTime | formatTime }}
+          </dd>
+          <dd v-else>--</dd>
+        </dl>
+      </b-col>
+      <b-col sm="6" lg="3" class="mb-2 mt-2">
+        <b-button
+          to="/operations/serial-over-lan"
+          variant="secondary"
+          data-test-id="overviewQuickLinks-button-solConsole"
+          class="d-flex justify-content-between align-items-center"
+        >
+          {{ $t('pageOverview.solConsole') }}
+          <icon-arrow-right />
+        </b-button>
+      </b-col>
+    </b-row>
+  </b-card>
+</template>
+
+<script>
+import ArrowRight16 from '@carbon/icons-vue/es/arrow--right/16';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
+
+export default {
+  name: 'QuickLinks',
+  components: {
+    IconArrowRight: ArrowRight16,
+  },
+  mixins: [BVToastMixin],
+  computed: {
+    bmcTime() {
+      return this.$store.getters['global/bmcTime'];
+    },
+  },
+  created() {
+    Promise.all([this.$store.dispatch('global/getBmcTime')]).finally(() => {
+      this.$root.$emit('overview-quicklinks-complete');
+    });
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+dd,
+dl {
+  margin: 0;
+}
+</style>