From be1394e50b38f229260e267828cd880299b99393 Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Fri, 20 Jul 2018 03:49:54 +0000
Subject: [webapp/settings] added switch to enable colored tab panels

---
 webapp/src/components/SettingsModule.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'webapp/src/components/SettingsModule.vue')

diff --git a/webapp/src/components/SettingsModule.vue b/webapp/src/components/SettingsModule.vue
index dc20d71..262c2a2 100644
--- a/webapp/src/components/SettingsModule.vue
+++ b/webapp/src/components/SettingsModule.vue
@@ -2,11 +2,13 @@
 {
   "en": {
     "darkTheme": "Dark Theme",
+    "coloredTabs": "Colored tabpanels",
     "clipped": "Show menu under the top bar",
     "mini": "Show icons in collapsed menu"
   },
   "de": {
     "darkTheme": "Dunkles Design",
+    "coloredTabs": "Tab-Panels einfärben",
     "clipped": "Menü an die Hauptleiste andocken",
     "mini": "Symbole im eingeklappten Menü anzeigen"
   }
@@ -29,6 +31,11 @@
           v-model="dark"
           color="primary"
         ></v-switch>
+        <v-switch
+          :label="$t('coloredTabs')"
+          v-model="coloredTabs"
+          color="primary"
+        ></v-switch>
         <v-switch
           :label="$t('clipped')"
           v-model="clipped"
@@ -64,6 +71,10 @@ export default {
       get () { return this.$store.state.dark },
       set (value) { this.$store.commit('setDark', value) }
     },
+    coloredTabs: {
+      get () { return this.$store.state.coloredTabs },
+      set (value) { this.$store.commit('setColoredTabs', value) }
+    },
     clipped: {
       get () { return this.$store.state.clipped },
       set (value) { this.$store.commit('setClipped', value) }
-- 
cgit v1.2.3-55-g7522

