1<template>
2  <b-card bg-variant="light" border-variant="light">
3    <b-row class="d-flex justify-content-between align-items-center">
4      <b-col sm="6" lg="9" class="mb-2 mt-2">
5        <dl>
6          <dt>{{ $t('pageOverview.bmcTime') }}</dt>
7          <dd v-if="bmcTime" data-test-id="overviewQuickLinks-text-bmcTime">
8            {{ bmcTime | formatDate }} {{ bmcTime | formatTime }}
9          </dd>
10          <dd v-else>--</dd>
11        </dl>
12      </b-col>
13      <b-col sm="6" lg="3" class="mb-2 mt-2">
14        <b-button
15          to="/operations/serial-over-lan"
16          variant="secondary"
17          data-test-id="overviewQuickLinks-button-solConsole"
18          class="d-flex justify-content-between align-items-center"
19        >
20          {{ $t('pageOverview.solConsole') }}
21          <icon-arrow-right />
22        </b-button>
23      </b-col>
24    </b-row>
25  </b-card>
26</template>
27
28<script>
29import ArrowRight16 from '@carbon/icons-vue/es/arrow--right/16';
30import BVToastMixin from '@/components/Mixins/BVToastMixin';
31
32export default {
33  name: 'QuickLinks',
34  components: {
35    IconArrowRight: ArrowRight16,
36  },
37  mixins: [BVToastMixin],
38  computed: {
39    bmcTime() {
40      return this.$store.getters['global/bmcTime'];
41    },
42  },
43  created() {
44    Promise.all([this.$store.dispatch('global/getBmcTime')]).finally(() => {
45      this.$root.$emit('overview-quicklinks-complete');
46    });
47  },
48};
49</script>
50
51<style lang="scss" scoped>
52dd,
53dl {
54  margin: 0;
55}
56</style>
57