summaryrefslogtreecommitdiff
path: root/src/views/Overview/Events.vue
diff options
context:
space:
mode:
authorDixsie Wolmers <dixsiew@gmail.com>2019-12-02 14:07:57 +0300
committerDerick Montague <derick.montague@ibm.com>2020-01-22 05:30:19 +0300
commit97d86b33d78c3b92b29915d6afba125b67bc6714 (patch)
tree139c0da941495dd17fdf4ce6b9b963aedb65fd7c /src/views/Overview/Events.vue
parentd415d97af75dc6b77718103b3763f8d62460e147 (diff)
downloadwebui-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.vue43
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>