1*6a192d52SDixsie Wolmers<template> 2*6a192d52SDixsie Wolmers <overview-card 3*6a192d52SDixsie Wolmers :title="$t('pageOverview.serverInformation')" 4*6a192d52SDixsie Wolmers :to="`/hardware-status/inventory`" 5*6a192d52SDixsie Wolmers > 6*6a192d52SDixsie Wolmers <b-row class="mt-3"> 7*6a192d52SDixsie Wolmers <b-col lg="6"> 8*6a192d52SDixsie Wolmers <dl> 9*6a192d52SDixsie Wolmers <dt>{{ $t('pageOverview.model') }}</dt> 10*6a192d52SDixsie Wolmers <dd>{{ tableFormatter(serverModel) }}</dd> 11*6a192d52SDixsie Wolmers <dt>{{ $t('pageOverview.serialNumber') }}</dt> 12*6a192d52SDixsie Wolmers <dd>{{ tableFormatter(serverSerialNumber) }}</dd> 13*6a192d52SDixsie Wolmers </dl> 14*6a192d52SDixsie Wolmers </b-col> 15*6a192d52SDixsie Wolmers </b-row> 16*6a192d52SDixsie Wolmers </overview-card> 17*6a192d52SDixsie Wolmers</template> 18*6a192d52SDixsie Wolmers 19*6a192d52SDixsie Wolmers<script> 20*6a192d52SDixsie Wolmersimport OverviewCard from './OverviewCard'; 21*6a192d52SDixsie Wolmersimport TableDataFormatterMixin from '@/components/Mixins/TableDataFormatterMixin'; 22*6a192d52SDixsie Wolmersimport { mapState } from 'vuex'; 23*6a192d52SDixsie Wolmers 24*6a192d52SDixsie Wolmersexport default { 25*6a192d52SDixsie Wolmers name: 'Server', 26*6a192d52SDixsie Wolmers components: { 27*6a192d52SDixsie Wolmers OverviewCard, 28*6a192d52SDixsie Wolmers }, 29*6a192d52SDixsie Wolmers mixins: [TableDataFormatterMixin], 30*6a192d52SDixsie Wolmers computed: { 31*6a192d52SDixsie Wolmers ...mapState({ 32*6a192d52SDixsie Wolmers server: (state) => state.system.systems[0], 33*6a192d52SDixsie Wolmers serverModel() { 34*6a192d52SDixsie Wolmers return this.server?.model; 35*6a192d52SDixsie Wolmers }, 36*6a192d52SDixsie Wolmers serverSerialNumber() { 37*6a192d52SDixsie Wolmers return this.server?.serialNumber; 38*6a192d52SDixsie Wolmers }, 39*6a192d52SDixsie Wolmers }), 40*6a192d52SDixsie Wolmers }, 41*6a192d52SDixsie Wolmers created() { 42*6a192d52SDixsie Wolmers this.$store.dispatch('system/getSystem').finally(() => { 43*6a192d52SDixsie Wolmers this.$root.$emit('overview-server-complete'); 44*6a192d52SDixsie Wolmers }); 45*6a192d52SDixsie Wolmers }, 46*6a192d52SDixsie Wolmers}; 47*6a192d52SDixsie Wolmers</script> 48