diff options
Diffstat (limited to 'src/views/Overview/Overview.vue')
-rw-r--r-- | src/views/Overview/Overview.vue | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue index 2672af7e..6ff9f4a2 100644 --- a/src/views/Overview/Overview.vue +++ b/src/views/Overview/Overview.vue @@ -1,9 +1,9 @@ <template> <b-container fluid> - <PageTitle /> + <page-title /> <b-row> <b-col lg="8" sm="12"> - <PageSection sectionTitle="Server information"> + <page-section section-title="Server information"> <b-row> <b-col sm="6"> <dl> @@ -30,8 +30,8 @@ </dl> </b-col> </b-row> - </PageSection> - <PageSection sectionTitle="BMC information"> + </page-section> + <page-section section-title="BMC information"> <b-row> <b-col sm="6"> <dl> @@ -48,7 +48,7 @@ <b-col sm="6"> <dl> <dt>IP address</dt> - <dd v-for="ip in ipAddress" v-bind:key="ip.id">{{ ip }}</dd> + <dd v-for="ip in ipAddress" :key="ip.id">{{ ip }}</dd> </dl> </b-col> <b-col sm="6"> @@ -58,8 +58,8 @@ </dl> </b-col> </b-row> - </PageSection> - <PageSection sectionTitle="Power consumption"> + </page-section> + <page-section section-title="Power consumption"> <b-row> <b-col sm="6"> <dl> @@ -74,15 +74,15 @@ </dl> </b-col> </b-row> - </PageSection> + </page-section> </b-col> <b-col lg="4" sm="12"> - <OverviewQuickLinks /> + <overview-quick-links /> </b-col> </b-row> - <PageSection sectionTitle="High priority events"> - <OverviewEvents /> - </PageSection> + <page-section section-title="High priority events"> + <overview-events /> + </page-section> </b-container> </template> @@ -100,9 +100,6 @@ export default { PageTitle, PageSection }, - created() { - this.getOverviewInfo(); - }, computed: mapState({ serverModel: state => state.overview.serverModel, serverManufacturer: state => state.overview.serverManufacturer, @@ -115,6 +112,9 @@ export default { ipAddress: state => state.networkSettings.ipAddress, macAddress: state => state.networkSettings.macAddress }), + created() { + this.getOverviewInfo(); + }, methods: { getOverviewInfo() { this.$store.dispatch('overview/getServerInfo'); |