From 56ee769fd5a3df93eb275859a712700a7ba54944 Mon Sep 17 00:00:00 2001 From: Yoshie Muranaka Date: Thu, 28 May 2020 13:28:29 -0700 Subject: 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 Change-Id: I5b45c37997647f5a265c1e84eb53f0b51699ee20 --- src/components/AppNavigation/AppNavigation.vue | 2 +- src/components/Mixins/TableDataFormatter.js | 25 +++++++++++++++++++++++++ 2 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 src/components/Mixins/TableDataFormatter.js (limited to 'src/components') diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue index 8103558e..09c1eb8b 100644 --- a/src/components/AppNavigation/AppNavigation.vue +++ b/src/components/AppNavigation/AppNavigation.vue @@ -18,7 +18,7 @@ {{ $t('appNavigation.eventLogs') }} - + {{ $t('appNavigation.hardwareStatus') }} diff --git a/src/components/Mixins/TableDataFormatter.js b/src/components/Mixins/TableDataFormatter.js new file mode 100644 index 00000000..5dbe40ad --- /dev/null +++ b/src/components/Mixins/TableDataFormatter.js @@ -0,0 +1,25 @@ +const TableDataFormatter = { + methods: { + tableFormatter(value) { + if (value === undefined || value === '') { + return '--'; + } else { + return value; + } + }, + statusIcon(status) { + switch (status) { + case 'OK': + return 'success'; + case 'Warning': + return 'warning'; + case 'Critical': + return 'danger'; + default: + return ''; + } + } + } +}; + +export default TableDataFormatter; -- cgit v1.2.3