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
45
46
47
48
49
50
51
52
53
54
55
56
| import Cookies from 'js-cookie'
|
| const state = {
| sidebar: {
| opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
| withoutAnimation: false
| },
| device: 'desktop',
| size: Cookies.get('size') || 'medium'
| }
|
| const mutations = {
| TOGGLE_SIDEBAR: state => {
| state.sidebar.opened = !state.sidebar.opened
| state.sidebar.withoutAnimation = false
| if (state.sidebar.opened) {
| Cookies.set('sidebarStatus', 1)
| } else {
| Cookies.set('sidebarStatus', 0)
| }
| },
| CLOSE_SIDEBAR: (state, withoutAnimation) => {
| Cookies.set('sidebarStatus', 0)
| state.sidebar.opened = false
| state.sidebar.withoutAnimation = withoutAnimation
| },
| TOGGLE_DEVICE: (state, device) => {
| state.device = device
| },
| SET_SIZE: (state, size) => {
| state.size = size
| Cookies.set('size', size)
| }
| }
|
| const actions = {
| toggleSideBar({ commit }) {
| commit('TOGGLE_SIDEBAR')
| },
| closeSideBar({ commit }, { withoutAnimation }) {
| commit('CLOSE_SIDEBAR', withoutAnimation)
| },
| toggleDevice({ commit }, device) {
| commit('TOGGLE_DEVICE', device)
| },
| setSize({ commit }, size) {
| commit('SET_SIZE', size)
| }
| }
|
| export default {
| namespaced: true,
| state,
| mutations,
| actions
| }
|
|
