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