summaryrefslogtreecommitdiff
path: root/src/views/Overview/Events.vue
blob: b49ed6e45d612aba652498b05ba869f18c9fe17c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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>