1<template>
2  <b-list-group>
3    <b-list-group-item
4      href="#"
5      variant="danger"
6      v-show="logging.entry.Severity === 'Error'"
7      >View 1 high priority event</b-list-group-item
8    >
9    <b-list-group-item>
10      <dl>
11        <dt>BMC time</dt>
12        <dd>{{ bmc.Elapsed | date("MMM, DD YYYY HH:MM:SS A ZZ") }}</dd>
13      </dl>
14    </b-list-group-item>
15    <b-list-group-item>
16      <!-- TODO: add toggle LED on/off funtionality -->
17      <b-form-checkbox v-model="checked" name="check-button" switch>
18        Turn
19        <span v-if="!checked">on</span>
20        <span v-else>off</span> server LED
21      </b-form-checkbox>
22    </b-list-group-item>
23    <b-list-group-item
24      href="#"
25      class="d-flex justify-content-between align-items-center"
26    >
27      <!-- TODO: link to SOL -->
28      <span>Serial over LAN console</span>
29      <ChevronRight16 />
30    </b-list-group-item>
31    <b-list-group-item
32      href="#"
33      class="d-flex justify-content-between align-items-center"
34    >
35      <!-- TODO: link to network settings -->
36      <span>Edit network settings</span>
37      <ChevronRight16 />
38    </b-list-group-item>
39  </b-list-group>
40</template>
41
42<script>
43import ChevronRight16 from "@carbon/icons-vue/es/chevron--right/16";
44
45export default {
46  name: "quickLinks",
47  components: {
48    ChevronRight16
49  },
50  data() {
51    return {
52      bmc: {
53        Elapsed: 1574782085071
54      },
55      logging: {
56        entry: {
57          Severity: "Error"
58        }
59      },
60      checked: false
61    };
62  }
63};
64</script>
65