diff options
author | Dixsie Wolmers <dixsiew@gmail.com> | 2019-12-02 14:07:57 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-01-22 05:30:19 +0300 |
commit | 97d86b33d78c3b92b29915d6afba125b67bc6714 (patch) | |
tree | 139c0da941495dd17fdf4ce6b9b963aedb65fd7c /src/views/Overview/Events.vue | |
parent | d415d97af75dc6b77718103b3763f8d62460e147 (diff) | |
download | webui-vue-97d86b33d78c3b92b29915d6afba125b67bc6714.tar.xz |
Add system overview view
- Sets up system overview layout with out of the box Bootstrap
- Creates overview quick links and overview events
- Add Date-FNS
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Id0a3d4d3b82ef2e1a4f838b3c7e725558e602504
Diffstat (limited to 'src/views/Overview/Events.vue')
-rw-r--r-- | src/views/Overview/Events.vue | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/views/Overview/Events.vue b/src/views/Overview/Events.vue new file mode 100644 index 00000000..b49ed6e4 --- /dev/null +++ b/src/views/Overview/Events.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> |