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