diff options
Diffstat (limited to 'src/views/Control/ServerLed/ServerLed.vue')
-rw-r--r-- | src/views/Control/ServerLed/ServerLed.vue | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/views/Control/ServerLed/ServerLed.vue b/src/views/Control/ServerLed/ServerLed.vue new file mode 100644 index 00000000..1b1c24ab --- /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> |