diff options
author | Gunnar Mills <gmills@us.ibm.com> | 2020-01-29 05:21:37 +0300 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2020-01-29 05:22:15 +0300 |
commit | f70db21f75e4488b1d4824733077fcd164af8a3b (patch) | |
tree | 83967ba91a1ff7d2f0909ce08029f2c2c7425c68 /src/views/Overview/OverviewQuickLinks.vue | |
parent | c4844b457cb7eeb8cab0ee8dca179be684a38b17 (diff) | |
download | webui-vue-f70db21f75e4488b1d4824733077fcd164af8a3b.tar.xz |
Revert "Update overview quicklinks with community approved design"
Merged accidentally. Did not have proper +1s/+2s. The author
will resubmit. Apologies for the noise.
This reverts commit 256f5b967beb1505cab73ce59f534b6b9860e38f.
Change-Id: I2cc7f48565221742245613aee383541152e71096
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
Diffstat (limited to 'src/views/Overview/OverviewQuickLinks.vue')
-rw-r--r-- | src/views/Overview/OverviewQuickLinks.vue | 102 |
1 files changed, 30 insertions, 72 deletions
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue index e8ed4dda..726eaf7d 100644 --- a/src/views/Overview/OverviewQuickLinks.vue +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -1,60 +1,45 @@ <template> - <div class="quicklinks"> - <div> + <b-list-group> + <!-- TODO: add event log priority events count --> + <b-list-group-item> <dl> - <!-- TODO: display timezone --> <dt>BMC time</dt> - <dd>{{ bmcTime | date('DD MMM YYYY HH:MM:SS') }}</dd> + <dd>{{ bmcTime | date('MMM, DD YYYY HH:MM:SS A ZZ') }}</dd> </dl> - </div> - <div> + </b-list-group-item> + <b-list-group-item> <!-- TODO: add toggle LED on/off funtionality --> - <dl> - <dt>Server LED</dt> - <dd> - <b-form-checkbox - v-model="serverLEDChecked" - name="check-button" - switch - > - <span v-if="!serverLEDChecked">On</span> - <span v-else>Off</span> - </b-form-checkbox> - </dd> - </dl> - </div> - <div> - <!-- TODO: link to network settings --> - <b-button - href="#" - variant="secondary" - class="d-flex justify-content-between align-items-center" - > - <span>Edit network settings</span> - <IconArrowRight /> - </b-button> - </div> - <div> + <b-form-checkbox v-model="serverLedChecked" name="check-button" switch> + Turn + <span v-if="!serverLedChecked">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 --> - <b-button - href="#" - variant="secondary" - class="d-flex justify-content-between align-items-center" - > - <span>Serial over LAN console</span> - <IconArrowRight /> - </b-button> - </div> - </div> + <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 ArrowRight16 from '@carbon/icons-vue/es/arrow--right/16'; - +import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16'; export default { name: 'quickLinks', components: { - IconArrowRight: ArrowRight16 + ChevronRight16 }, created() { this.getBmcTime(); @@ -76,30 +61,3 @@ export default { } }; </script> - -<style lang="scss" scoped> -dd, -dl { - margin: 0; -} - -.quicklinks { - background: $white; - display: grid; - grid-gap: 1rem; - padding: 1rem; - white-space: nowrap; -} - -@media screen and (min-width: 600px) { - .quicklinks { - grid-template-columns: 1fr 1fr; - } -} - -@media screen and (min-width: 1095px) { - .quicklinks { - grid-template-columns: 1fr 1fr 1fr 1fr; - } -} -</style> |