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