Add ServerLED page
Added ability to turn on/off Indicator LED.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ia59eb0214530906dea840ff18ff22fc913870bb9
diff --git a/src/views/Control/ServerLed/ServerLed.vue b/src/views/Control/ServerLed/ServerLed.vue
new file mode 100644
index 0000000..1b1c24a
--- /dev/null
+++ b/src/views/Control/ServerLed/ServerLed.vue
@@ -0,0 +1,52 @@
+<template>
+ <b-container fluid="xl">
+ <page-title />
+ <b-row>
+ <b-col md="12">
+ <page-section :section-title="$t('pageServerLed.serverLedTitle')">
+ <b-form-group :label="$t('pageServerLed.serverLedSubTitle')">
+ <b-form-checkbox
+ v-model="indicatorLED"
+ name="check-button"
+ value="Lit"
+ unchecked-value="Off"
+ switch
+ >
+ <span v-if="indicatorLED !== 'Off' && indicatorLED">
+ {{ $t('global.status.on') }}
+ </span>
+ <span v-else>
+ {{ $t('global.status.off') }}
+ </span>
+ </b-form-checkbox>
+ </b-form-group>
+ </page-section>
+ </b-col>
+ </b-row>
+ </b-container>
+</template>
+
+<script>
+import PageTitle from '../../../components/Global/PageTitle';
+import PageSection from '../../../components/Global/PageSection';
+
+export default {
+ name: 'ServerLed',
+ components: { PageTitle, PageSection },
+ computed: {
+ indicatorLED: {
+ get() {
+ return this.$store.getters['serverLed/getIndicatorValue'];
+ },
+ set(newValue) {
+ if (newValue) {
+ this.$store.dispatch('serverLed/saveIndicatorLedValue', newValue);
+ }
+ }
+ }
+ },
+ created() {
+ this.$store.dispatch('serverLed/getIndicatorValue');
+ }
+};
+</script>