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>