diff options
Diffstat (limited to 'src/views/Overview')
-rw-r--r-- | src/views/Overview/Overview.vue | 30 | ||||
-rw-r--r-- | src/views/Overview/OverviewEvents.vue | 10 | ||||
-rw-r--r-- | src/views/Overview/OverviewQuickLinks.vue | 20 |
3 files changed, 30 insertions, 30 deletions
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue index 4412d19d..1c4ba55f 100644 --- a/src/views/Overview/Overview.vue +++ b/src/views/Overview/Overview.vue @@ -1,12 +1,12 @@ <template> <b-container fluid> - <PageTitle /> + <page-title /> <div class="quicklinks-section"> - <OverviewQuickLinks /> + <overview-quick-links /> </div> <b-row> <b-col> - <PageSection sectionTitle="Server Information"> + <page-section section-title="Server Information"> <b-row> <b-col sm="6"> <dl> @@ -33,8 +33,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> @@ -51,7 +51,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"> @@ -61,8 +61,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> @@ -77,12 +77,12 @@ </dl> </b-col> </b-row> - </PageSection> + </page-section> </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'); diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue index 07aab1d5..5820e612 100644 --- a/src/views/Overview/OverviewEvents.vue +++ b/src/views/Overview/OverviewEvents.vue @@ -8,7 +8,7 @@ <small>{{ logData.Timestamp | date('MMM DD YYYY HH:MM:SS A ZZ') }}</small> - <ChevronRight16 /> + <chevron-right16 /> </div> <p class="mb-1">{{ logData.eventID }}: {{ logData.description }}</p> </b-list-group-item> @@ -22,18 +22,18 @@ <script> import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16'; export default { - name: 'events', + name: 'Events', components: { ChevronRight16 }, - created() { - this.getEventLogData(); - }, computed: { eventLogData() { return this.$store.getters['eventLog/eventLogData']; } }, + created() { + this.getEventLogData(); + }, methods: { getEventLogData() { this.$store.dispatch('eventLog/getEventLogData'); diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue index e8ed4dda..f36c264f 100644 --- a/src/views/Overview/OverviewQuickLinks.vue +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -31,7 +31,7 @@ class="d-flex justify-content-between align-items-center" > <span>Edit network settings</span> - <IconArrowRight /> + <icon-arrow-right /> </b-button> </div> <div> @@ -42,7 +42,7 @@ class="d-flex justify-content-between align-items-center" > <span>Serial over LAN console</span> - <IconArrowRight /> + <icon-arrow-right /> </b-button> </div> </div> @@ -52,27 +52,27 @@ import ArrowRight16 from '@carbon/icons-vue/es/arrow--right/16'; export default { - name: 'quickLinks', + name: 'QuickLinks', components: { IconArrowRight: ArrowRight16 }, - created() { - this.getBmcTime(); + data() { + return { + serverLEDChecked: false + }; }, computed: { bmcTime() { return this.$store.getters['global/bmcTime']; } }, + created() { + this.getBmcTime(); + }, methods: { getBmcTime() { this.$store.dispatch('global/getBmcTime'); } - }, - data() { - return { - serverLedChecked: false - }; } }; </script> |