16a192d52SDixsie Wolmers<template>
26a192d52SDixsie Wolmers  <overview-card
36a192d52SDixsie Wolmers    :title="$t('pageOverview.serverInformation')"
46a192d52SDixsie Wolmers    :to="`/hardware-status/inventory`"
56a192d52SDixsie Wolmers  >
66a192d52SDixsie Wolmers    <b-row class="mt-3">
76a192d52SDixsie Wolmers      <b-col lg="6">
86a192d52SDixsie Wolmers        <dl>
96a192d52SDixsie Wolmers          <dt>{{ $t('pageOverview.model') }}</dt>
10*9726f9a7SDixsie Wolmers          <dd>{{ dataFormatter(serverModel) }}</dd>
116a192d52SDixsie Wolmers          <dt>{{ $t('pageOverview.serialNumber') }}</dt>
12*9726f9a7SDixsie Wolmers          <dd>{{ dataFormatter(serverSerialNumber) }}</dd>
136a192d52SDixsie Wolmers        </dl>
146a192d52SDixsie Wolmers      </b-col>
156a192d52SDixsie Wolmers    </b-row>
166a192d52SDixsie Wolmers  </overview-card>
176a192d52SDixsie Wolmers</template>
186a192d52SDixsie Wolmers
196a192d52SDixsie Wolmers<script>
206a192d52SDixsie Wolmersimport OverviewCard from './OverviewCard';
21*9726f9a7SDixsie Wolmersimport DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
226a192d52SDixsie Wolmersimport { mapState } from 'vuex';
236a192d52SDixsie Wolmers
246a192d52SDixsie Wolmersexport default {
256a192d52SDixsie Wolmers  name: 'Server',
266a192d52SDixsie Wolmers  components: {
276a192d52SDixsie Wolmers    OverviewCard,
286a192d52SDixsie Wolmers  },
29*9726f9a7SDixsie Wolmers  mixins: [DataFormatterMixin],
306a192d52SDixsie Wolmers  computed: {
316a192d52SDixsie Wolmers    ...mapState({
326a192d52SDixsie Wolmers      server: (state) => state.system.systems[0],
336a192d52SDixsie Wolmers      serverModel() {
346a192d52SDixsie Wolmers        return this.server?.model;
356a192d52SDixsie Wolmers      },
366a192d52SDixsie Wolmers      serverSerialNumber() {
376a192d52SDixsie Wolmers        return this.server?.serialNumber;
386a192d52SDixsie Wolmers      },
396a192d52SDixsie Wolmers    }),
406a192d52SDixsie Wolmers  },
416a192d52SDixsie Wolmers  created() {
426a192d52SDixsie Wolmers    this.$store.dispatch('system/getSystem').finally(() => {
436a192d52SDixsie Wolmers      this.$root.$emit('overview-server-complete');
446a192d52SDixsie Wolmers    });
456a192d52SDixsie Wolmers  },
466a192d52SDixsie Wolmers};
476a192d52SDixsie Wolmers</script>
48