summaryrefslogtreecommitdiffstats
path: root/webapp/src/store.js
blob: 0927da3c8851ad61098a3d834986ee47b4be43e6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    locale: localStorage.getItem('locale') || 'en',
    dark: localStorage.getItem('dark') !== 'false',
    clipped: localStorage.getItem('clipped') !== 'false',
    mini: localStorage.getItem('mini') !== 'false',
    snackbars: []
  },
  getters: {
    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)
    },
    shiftSnackbars (state) {
      state.snackbars.shift()
    },
    newSnackbar (state, text) {
      state.snackbars.push(text)
    }
  }
})