summaryrefslogtreecommitdiffstats
path: root/webapp/src/store/global.js
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/store/global.js
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/store/global.js')
-rw-r--r--webapp/src/store/global.js27
1 files changed, 10 insertions, 17 deletions
diff --git a/webapp/src/store/global.js b/webapp/src/store/global.js
index 366b0fb..0b52b12 100644
--- a/webapp/src/store/global.js
+++ b/webapp/src/store/global.js
@@ -2,33 +2,26 @@ export default {
state: {
locale: localStorage.getItem('locale') || 'en',
dark: localStorage.getItem('dark') !== 'false',
+ coloredTabs: localStorage.getItem('coloredTabs') === 'true',
clipped: localStorage.getItem('clipped') !== 'false',
mini: localStorage.getItem('mini') !== 'false',
snackbars: []
},
getters: {
+ tabsDark: state => state.dark || state.coloredTabs,
+ tabsColor: state => state.coloredTabs ? 'primary' : '',
+ tabsSliderColor: state => state.coloredTabs ? 'white' : 'primary',
nextSnackbar (state) {
if (state.snackbars) return state.snackbars[0]
else return ''
- }
+ },
},
mutations: {
- setLocale (state, value) {
- state.locale = value
- localStorage.setItem('locale', value)
- },
- setDark (state, value) {
- state.dark = value
- localStorage.setItem('dark', value)
- },
- setClipped (state, value) {
- state.clipped = value
- localStorage.setItem('clipped', value)
- },
- setMini (state, value) {
- state.mini = value
- localStorage.setItem('mini', value)
- },
+ setLocale: (state, value) => { state.locale = value; localStorage.setItem('locale', value) },
+ setDark: (state, value) => { state.dark = value; localStorage.setItem('dark', value) },
+ setColoredTabs: (state, value) => { state.coloredTabs = value; localStorage.setItem('coloredTabs', value) },
+ setClipped: (state, value) => { state.clipped = value; localStorage.setItem('clipped', value) },
+ setMini: (state, value) => { state.mini = value; localStorage.setItem('mini', value) },
shiftSnackbars (state) {
state.snackbars.shift()
},