1<template>
2  <overview-card
3    :title="$t('pageOverview.powerInformation')"
4    :to="`/resource-management/power`"
5  >
6    <b-row class="mt-3">
7      <b-col sm="6">
8        <dl>
9          <dt>{{ $t('pageOverview.powerConsumption') }}</dt>
10          <dd v-if="powerConsumptionValue == null">
11            {{ $t('global.status.notAvailable') }}
12          </dd>
13          <dd v-else>{{ powerConsumptionValue }} W</dd>
14          <dt>{{ $t('pageOverview.powerCap') }}</dt>
15          <dd v-if="powerCapValue == null">
16            {{ $t('global.status.disabled') }}
17          </dd>
18          <dd v-else>{{ powerCapValue }} W</dd>
19        </dl>
20      </b-col>
21      <b-col>
22        <dl>
23          <dt>{{ $t('pageOverview.idlePower') }}</dt>
24          <dd>{{ dataFormatter(idlePower) }}</dd>
25          <dt>{{ $t('pageOverview.powerMode') }}</dt>
26          <dd>{{ dataFormatter(powerMode) }}</dd>
27        </dl>
28      </b-col>
29    </b-row>
30  </overview-card>
31</template>
32
33<script>
34import OverviewCard from './OverviewCard';
35import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
36import { mapGetters } from 'vuex';
37
38export default {
39  name: 'Power',
40  components: {
41    OverviewCard,
42  },
43  mixins: [DataFormatterMixin],
44  computed: {
45    ...mapGetters({
46      powerCapValue: 'powerControl/powerCapValue',
47      powerConsumptionValue: 'powerControl/powerConsumptionValue',
48    }),
49  },
50  created() {
51    this.$store.dispatch('powerControl/getPowerControl').finally(() => {
52      this.$root.$emit('overview-power-complete');
53    });
54  },
55};
56</script>
57