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