diff options
Diffstat (limited to 'src/views/Overview/OverviewFirmware.vue')
-rw-r--r-- | src/views/Overview/OverviewFirmware.vue | 39 |
1 files changed, 26 insertions, 13 deletions
diff --git a/src/views/Overview/OverviewFirmware.vue b/src/views/Overview/OverviewFirmware.vue index f1f9ce53..c2c7f4ad 100644 --- a/src/views/Overview/OverviewFirmware.vue +++ b/src/views/Overview/OverviewFirmware.vue @@ -4,7 +4,7 @@ :to="`/operations/firmware`" > <b-row class="mt-3"> - <b-col> + <b-col sm="6"> <dl> <dt>{{ $t('pageOverview.runningVersion') }}</dt> <dd>{{ dataFormatter(runningVersion) }}</dd> @@ -12,6 +12,12 @@ <dd>{{ dataFormatter(backupVersion) }}</dd> </dl> </b-col> + <b-col sm="6"> + <dl> + <dt>{{ $t('pageOverview.firmwareVersion') }}</dt> + <dd>{{ dataFormatter(firmwareVersion) }}</dd> + </dl> + </b-col> </b-row> </overview-card> </template> @@ -19,6 +25,7 @@ <script> import OverviewCard from './OverviewCard'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; +import { mapState } from 'vuex'; export default { name: 'Firmware', @@ -27,18 +34,24 @@ export default { }, mixins: [DataFormatterMixin], computed: { - backupBmcFirmware() { - return this.$store.getters['firmware/backupBmcFirmware']; - }, - backupVersion() { - return this.backupBmcFirmware?.version; - }, - activeBmcFirmware() { - return this.$store.getters[`firmware/activeBmcFirmware`]; - }, - runningVersion() { - return this.activeBmcFirmware?.version; - }, + ...mapState({ + server: (state) => state.system.systems[0], + backupBmcFirmware() { + return this.$store.getters['firmware/backupBmcFirmware']; + }, + backupVersion() { + return this.backupBmcFirmware?.version; + }, + activeBmcFirmware() { + return this.$store.getters[`firmware/activeBmcFirmware`]; + }, + firmwareVersion() { + return this.server?.firmwareVersion; + }, + runningVersion() { + return this.activeBmcFirmware?.version; + }, + }), }, created() { this.$store.dispatch('firmware/getFirmwareInformation').finally(() => { |