xref: /openbmc/webui-vue/src/views/Overview/OverviewQuickLinks.vue (revision ce7db82c9582c4dac04ac81d9af6b557ae7965e3)
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            {{ $filters.formatDate(bmcTime) }}
9            {{ $filters.formatDate(bmcTime) }}
10          </dd>
11          <dd v-else>--</dd>
12        </dl>
13      </b-col>
14      <b-col sm="6" lg="3" class="mb-2 mt-2">
15        <b-button
16          to="/operations/serial-over-lan"
17          variant="secondary"
18          data-test-id="overviewQuickLinks-button-solConsole"
19          class="d-flex justify-content-between align-items-center"
20        >
21          {{ $t('pageOverview.solConsole') }}
22          <icon-arrow-right />
23        </b-button>
24      </b-col>
25    </b-row>
26  </b-card>
27</template>
28
29<script>
30import ArrowRight16 from '@carbon/icons-vue/es/arrow--right/16';
31import BVToastMixin from '@/components/Mixins/BVToastMixin';
32import { useI18n } from 'vue-i18n';
33
34export default {
35  name: 'QuickLinks',
36  components: {
37    IconArrowRight: ArrowRight16,
38  },
39  mixins: [BVToastMixin],
40  data() {
41    return {
42      $t: useI18n().t,
43    };
44  },
45  computed: {
46    bmcTime() {
47      return this.$store.getters['global/bmcTime'];
48    },
49  },
50  created() {
51    Promise.all([this.$store.dispatch('global/getBmcTime')]).finally(() => {
52      this.$root.$emit('overview-quicklinks-complete');
53    });
54  },
55};
56</script>
57
58<style lang="scss" scoped>
59@import '@/assets/styles/bmc/helpers/_index.scss';
60@import '@/assets/styles/bootstrap/_helpers.scss';
61
62dd,
63dl {
64  margin: 0;
65}
66</style>
67