diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-28 23:28:29 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-06-17 23:36:55 +0300 |
commit | 56ee769fd5a3df93eb275859a712700a7ba54944 (patch) | |
tree | df91c4974e2c0e42eb6966b7c10728a7918c4a95 /src/views/Health/HardwareStatus/HardwareStatus.vue | |
parent | 8cb0d253809582e52bf2c388ac1f95a0713dc3f9 (diff) | |
download | webui-vue-56ee769fd5a3df93eb275859a712700a7ba54944.tar.xz |
Add Hardware status page and system table
Adds ability to see system information in table format with a row
expansion details view. Modified tables styles to add table borders.
Created global mixin for table data formatting:
- Show '--' for undefined or empty string values
- Map Redfish health status options to status-icon values
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I5b45c37997647f5a265c1e84eb53f0b51699ee20
Diffstat (limited to 'src/views/Health/HardwareStatus/HardwareStatus.vue')
-rw-r--r-- | src/views/Health/HardwareStatus/HardwareStatus.vue | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/views/Health/HardwareStatus/HardwareStatus.vue b/src/views/Health/HardwareStatus/HardwareStatus.vue new file mode 100644 index 00000000..9f34b534 --- /dev/null +++ b/src/views/Health/HardwareStatus/HardwareStatus.vue @@ -0,0 +1,34 @@ +<template> + <b-container fluid="xl"> + <page-title /> + + <!-- System table --> + <table-system /> + </b-container> +</template> + +<script> +import PageTitle from '@/components/Global/PageTitle'; +import TableSystem from './HardwareStatusTableStystem'; +import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin'; + +export default { + components: { PageTitle, TableSystem }, + mixins: [LoadingBarMixin], + created() { + this.startLoader(); + const systemTablePromise = new Promise(resolve => { + this.$root.$on('hardwareStatus::system::complete', () => resolve()); + }); + // Combine all child component Promises to indicate + // when page data load complete + Promise.all([systemTablePromise]).finally(() => this.endLoader()); + }, + beforeRouteLeave(to, from, next) { + // Hide loader if user navigates away from page + // before requests complete + this.hideLoader(); + next(); + } +}; +</script> |