summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/SettingsModule.vue
diff options
context:
space:
mode:
authorUdo Walter2018-07-20 05:49:54 +0200
committerUdo Walter2018-07-20 05:49:54 +0200
commitbe1394e50b38f229260e267828cd880299b99393 (patch)
tree6deb141088fdf46d41cf48443a1b5e2478494326 /webapp/src/components/SettingsModule.vue
parent[webapp/devserver] api port for the webpack dev server proxy must now be set ... (diff)
downloadbas-be1394e50b38f229260e267828cd880299b99393.tar.gz
bas-be1394e50b38f229260e267828cd880299b99393.tar.xz
bas-be1394e50b38f229260e267828cd880299b99393.zip
[webapp/settings] added switch to enable colored tab panels
Diffstat (limited to 'webapp/src/components/SettingsModule.vue')
-rw-r--r--webapp/src/components/SettingsModule.vue11
1 files changed, 11 insertions, 0 deletions
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"
}
@@ -30,6 +32,11 @@
color="primary"
></v-switch>
<v-switch
+ :label="$t('coloredTabs')"
+ v-model="coloredTabs"
+ color="primary"
+ ></v-switch>
+ <v-switch
:label="$t('clipped')"
v-model="clipped"
color="primary"
@@ -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) }