Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / webui-vue / 1b1c1005905c0d5a0145377718ad773fe08d0863 / . / src / views / Overview / Overview.vue
blob: 17d668494939fe59cb5bd72a89a2d224f48c5e61 [file] [log] [blame]
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]1<template>
2 <b-container fluid>
Derick Montague09e45cd2020-01-23 15:45:57 -0600[diff] [blame]3 <page-title />
Dixsie Wolmers537c6cb2020-01-06 17:22:25 -0500[diff] [blame]4 <div class="quicklinks-section">
5 <overview-quick-links />
6 </div>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]7 <b-row>
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]8 <b-col>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]9 <page-section
10 :section-title="$t('overview.sectionTitle.serverInformation')"
11 >
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]12 <b-row>
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]13 <b-col>
14 <dl>
15 <dt>Firmware version</dt>
16 <dd>{{ bmcActiveVersion }}</dd>
17 </dl>
18 </b-col>
19 </b-row>
20 </page-section>
21 <b-row>
22 <b-col>
23 <page-section
24 :section-title="$t('overview.sectionTitle.networkInformation')"
25 >
26 <overview-network />
27 </page-section>
28 </b-col>
29 </b-row>
30 </b-col>
31 <b-col>
32 <page-section section-title="Server information">
33 <b-row>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]34 <b-col sm="6">
35 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]36 <dt>{{ $t('overview.model') }}</dt>
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]37 <dd>{{ serverModel }}</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]38 </dl>
39 </b-col>
40 <b-col sm="6">
41 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]42 <dt>{{ $t('overview.manufacturer') }}</dt>
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]43 <dd>{{ serverManufacturer }}</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]44 </dl>
45 </b-col>
46 <b-col sm="6">
47 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]48 <dt>{{ $t('overview.serialNumber') }}</dt>
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]49 <dd>{{ serverSerialNumber }}</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]50 </dl>
51 </b-col>
52 <b-col sm="6">
53 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]54 <dt>{{ $t('overview.firmwareVersion') }}</dt>
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]55 <dd>{{ hostActiveVersion }}</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]56 </dl>
57 </b-col>
58 </b-row>
Derick Montague09e45cd2020-01-23 15:45:57 -0600[diff] [blame]59 </page-section>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]60 <page-section
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]61 :section-title="$t('overview.sectionTitle.powerConsumption')"
62 >
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]63 <b-row>
64 <b-col sm="6">
65 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]66 <dt>{{ $t('overview.powerConsumption') }}</dt>
67 <dd v-if="!powerConsumption">
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]68 {{ $t('global.state.notAvailable') }}
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]69 </dd>
70 <dd v-else>{{ powerConsumption }} W</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]71 </dl>
72 </b-col>
73 <b-col sm="6">
74 <dl>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]75 <dt>{{ $t('overview.powerCap') }}</dt>
76 <dd v-if="powerCapData">{{ powerCapData }} W</dd>
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]77 <dd v-else>{{ $t('global.state.notEnabled') }}</dd>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]78 </dl>
79 </b-col>
80 </b-row>
Derick Montague09e45cd2020-01-23 15:45:57 -0600[diff] [blame]81 </page-section>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]82 </b-col>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]83 </b-row>
Dixsie Wolmers75d3fb72020-02-10 21:58:55 -0600[diff] [blame]84 <page-section
85 :section-title="$t('overview.sectionTitle.highPriorityEvents')"
86 >
Derick Montague09e45cd2020-01-23 15:45:57 -0600[diff] [blame]87 <overview-events />
88 </page-section>
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]89 </b-container>
90</template>
91
92<script>
Derick Montaguee2fd1562019-12-20 13:26:53 -0600[diff] [blame]93import OverviewQuickLinks from './OverviewQuickLinks';
94import OverviewEvents from './OverviewEvents';
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]95import OverviewNetwork from './OverviewNetwork';
Derick Montaguee2fd1562019-12-20 13:26:53 -0600[diff] [blame]96import PageTitle from '../../components/Global/PageTitle';
97import PageSection from '../../components/Global/PageSection';
98import { mapState } from 'vuex';
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]99
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]100export default {
Derick Montaguee2fd1562019-12-20 13:26:53 -0600[diff] [blame]101 name: 'Overview',
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]102 components: {
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]103 OverviewQuickLinks,
104 OverviewEvents,
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]105 OverviewNetwork,
Yoshie Muranaka8d129102019-12-19 09:51:55 -0800[diff] [blame]106 PageTitle,
107 PageSection
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]108 },
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]109 computed: mapState({
110 serverModel: state => state.overview.serverModel,
111 serverManufacturer: state => state.overview.serverManufacturer,
112 serverSerialNumber: state => state.overview.serverSerialNumber,
113 hostName: state => state.global.hostName,
114 hostActiveVersion: state => state.firmware.hostActiveVersion,
115 bmcActiveVersion: state => state.firmware.bmcActiveVersion,
116 powerConsumption: state => state.powerConsumption.powerConsumption,
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]117 powerCapValue: state => state.powerCap.powerCapValue
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]118 }),
Derick Montague09e45cd2020-01-23 15:45:57 -0600[diff] [blame]119 created() {
120 this.getOverviewInfo();
121 },
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]122 methods: {
123 getOverviewInfo() {
Derick Montaguee2fd1562019-12-20 13:26:53 -0600[diff] [blame]124 this.$store.dispatch('overview/getServerInfo');
125 this.$store.dispatch('global/getHostName');
126 this.$store.dispatch('firmware/getFirmwareInfo');
127 this.$store.dispatch('powerConsumption/getPowerData');
128 this.$store.dispatch('powerCap/getPowerCapData');
Dixsie Wolmersf65ee342020-01-22 19:47:56 -0600[diff] [blame]129 }
Dixsie Wolmers97d86b32019-12-02 05:07:57 -0600[diff] [blame]130 }
131};
132</script>
Dixsie Wolmers537c6cb2020-01-06 17:22:25 -0500[diff] [blame]133
134<style lang="scss" scoped>
135.quicklinks-section {
136 margin-bottom: $spacer * 2;
Dixsie Wolmers9d40e302020-02-13 13:29:40 -0600[diff] [blame]137 margin-left: $spacer * -1;
138}
139
140dd {
141 white-space: nowrap;
142 overflow: hidden;
143 text-overflow: ellipsis;
Dixsie Wolmers537c6cb2020-01-06 17:22:25 -0500[diff] [blame]144}
145</style>