diff options
author | Derick Montague <derick.montague@ibm.com> | 2019-12-05 17:14:14 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-01-23 02:43:58 +0300 |
commit | 186ce2e407812f417aba7a2ee2ab6cae5d5f3b0e (patch) | |
tree | 17c4d26d8ddc1347da8a13a44330d2ad20d12da7 /src/views/Overview/OverviewEvents.vue | |
parent | b8b6f7914f9371fc386fd5b4ea2e4b7a89892730 (diff) | |
download | webui-vue-186ce2e407812f417aba7a2ee2ab6cae5d5f3b0e.tar.xz |
Rename overview files and update structure
- Changed Home to Overview
- Changed Events to OverviewEvents
- Added an index.js to make importing cleaner
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ia2b3938dadd7d896e83b29532db069b17b9b9929
Diffstat (limited to 'src/views/Overview/OverviewEvents.vue')
-rw-r--r-- | src/views/Overview/OverviewEvents.vue | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue new file mode 100644 index 00000000..b49ed6e4 --- /dev/null +++ b/src/views/Overview/OverviewEvents.vue @@ -0,0 +1,43 @@ +<template> + <b-list-group> + <b-list-group-item href="#" class="flex-column align-items-start"> + #{{ logging.entry.Id }} + <b-badge variant="danger">{{ logging.entry.Severity }}</b-badge> + <div class="d-flex w-100 justify-content-between"> + <small>{{ + logging.entry.Timestamp | date("MMM, DD YYYY HH:MM:SS A ZZ") + }}</small> + <ChevronRight16 /> + </div> + <p class="mb-1"> + {{ logging.entry.EventID }}: {{ logging.entry.Description }} + </p> + </b-list-group-item> + </b-list-group> +</template> + +<script> +import ChevronRight16 from "@carbon/icons-vue/es/chevron--right/16"; + +export default { + name: "events", + components: { + ChevronRight16 + }, + data() { + return { + logging: { + entry: { + Description: + "An internal failure has occurred while performing an operation.", + EventID: "ABCDEF123", + Id: 1, + Resolved: false, + Severity: "Error", + Timestamp: 1574782085071 + } + } + }; + } +}; +</script> |