diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-18 23:08:19 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-06-26 00:44:03 +0300 |
commit | 73e419a58213c74bd0f19b31cff1ee50147a3278 (patch) | |
tree | 082081e9c66470d7c91426095b0d429f59c52ebf /src/views/Health/EventLogs | |
parent | 202c599e71cb6691e12fa516b579b2b0007b94f1 (diff) | |
download | webui-vue-73e419a58213c74bd0f19b31cff1ee50147a3278.tar.xz |
Update Event logs page to use table mixins
- Use mixins to sort status and display status icons in
table
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ieec887b115bbd88b441d2357cfe653fa2a1f6320
Diffstat (limited to 'src/views/Health/EventLogs')
-rw-r--r-- | src/views/Health/EventLogs/EventLogs.vue | 26 |
1 files changed, 8 insertions, 18 deletions
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue index 44a24859..4b1a8f7e 100644 --- a/src/views/Health/EventLogs/EventLogs.vue +++ b/src/views/Health/EventLogs/EventLogs.vue @@ -62,7 +62,7 @@ <!-- Severity column --> <template v-slot:cell(severity)="{ value }"> - <status-icon :status="getStatus(value)" /> + <status-icon :status="statusIcon(value)" /> {{ value }} </template> @@ -137,8 +137,8 @@ import TableFilterMixin from '@/components/Mixins/TableFilterMixin'; import BVPaginationMixin from '@/components/Mixins/BVPaginationMixin'; import BVTableSelectableMixin from '@/components/Mixins/BVTableSelectableMixin'; import BVToastMixin from '@/components/Mixins/BVToastMixin'; - -const SEVERITY = ['OK', 'Warning', 'Critical']; +import TableDataFormatterMixin from '@/components/Mixins/TableDataFormatterMixin'; +import TableSortMixin from '@/components/Mixins/TableSortMixin'; export default { components: { @@ -157,7 +157,9 @@ export default { BVTableSelectableMixin, BVToastMixin, LoadingBarMixin, - TableFilterMixin + TableFilterMixin, + TableDataFormatterMixin, + TableSortMixin ], data() { return { @@ -200,7 +202,7 @@ export default { tableFilters: [ { label: this.$t('pageEventLogs.table.severity'), - values: SEVERITY + values: ['OK', 'Warning', 'Critical'] } ], activeFilters: [], @@ -262,18 +264,6 @@ export default { next(); }, methods: { - getStatus(serverity) { - switch (serverity) { - case SEVERITY[2]: - return 'danger'; - case SEVERITY[1]: - return 'warning'; - case SEVERITY[0]: - return 'success'; - default: - return ''; - } - }, deleteLogs(uris) { this.$store.dispatch('eventLog/deleteEventLogs', uris).then(messages => { messages.forEach(({ type, message }) => { @@ -290,7 +280,7 @@ export default { }, onSortCompare(a, b, key) { if (key === 'severity') { - return SEVERITY.indexOf(a.status) - SEVERITY.indexOf(b.status); + return this.sortStatus(a, b, key); } }, onTableRowAction(action, { uri }) { |