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      <chevron-right16 />
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      <chevron-right16 />
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  data() {
45    return {
46      serverLEDChecked: false
47    };
48  },
49  computed: {
50    bmcTime() {
51      return this.$store.getters['global/bmcTime'];
52    }
53  },
54  created() {
55    this.getBmcTime();
56  },
57  methods: {
58    getBmcTime() {
59      this.$store.dispatch('global/getBmcTime');
60    }
61  }
62};
63</script>
64