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>