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
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
new file mode 100644
index 0000000..f8806b2
--- /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>