diff options
author | Dixsie Wolmers <dixsiew@gmail.com> | 2019-12-02 14:07:57 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-01-22 05:30:19 +0300 |
commit | 97d86b33d78c3b92b29915d6afba125b67bc6714 (patch) | |
tree | 139c0da941495dd17fdf4ce6b9b963aedb65fd7c /src/views/Overview/OverviewQuickLinks.vue | |
parent | d415d97af75dc6b77718103b3763f8d62460e147 (diff) | |
download | webui-vue-97d86b33d78c3b92b29915d6afba125b67bc6714.tar.xz |
Add system overview view
- Sets up system overview layout with out of the box Bootstrap
- Creates overview quick links and overview events
- Add Date-FNS
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Id0a3d4d3b82ef2e1a4f838b3c7e725558e602504
Diffstat (limited to 'src/views/Overview/OverviewQuickLinks.vue')
-rw-r--r-- | src/views/Overview/OverviewQuickLinks.vue | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue new file mode 100644 index 00000000..f8806b27 --- /dev/null +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -0,0 +1,64 @@ +<template> + <b-list-group> + <b-list-group-item + href="#" + variant="danger" + v-show="logging.entry.Severity === 'Error'" + >View 1 high priority event</b-list-group-item + > + <b-list-group-item> + <dl> + <dt>BMC time</dt> + <dd>{{ bmc.Elapsed | date("MMM, DD YYYY HH:MM:SS A ZZ") }}</dd> + </dl> + </b-list-group-item> + <b-list-group-item> + <!-- TODO: add toggle LED on/off funtionality --> + <b-form-checkbox v-model="checked" name="check-button" switch> + Turn + <span v-if="!checked">on</span> + <span v-else>off</span> server LED + </b-form-checkbox> + </b-list-group-item> + <b-list-group-item + href="#" + class="d-flex justify-content-between align-items-center" + > + <!-- TODO: link to SOL --> + <span>Serial over LAN console</span> + <ChevronRight16 /> + </b-list-group-item> + <b-list-group-item + href="#" + class="d-flex justify-content-between align-items-center" + > + <!-- TODO: link to network settings --> + <span>Edit network settings</span> + <ChevronRight16 /> + </b-list-group-item> + </b-list-group> +</template> + +<script> +import ChevronRight16 from "@carbon/icons-vue/es/chevron--right/16"; + +export default { + name: "quickLinks", + components: { + ChevronRight16 + }, + data() { + return { + bmc: { + Elapsed: 1574782085071 + }, + logging: { + entry: { + Severity: "Error" + } + }, + checked: false + }; + } +}; +</script> |