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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
const state = {
defaultSettings: {},
BasicLayoutSpinning: true,
ChangeLayoutCollapsed: false,
};
//dispatch
const actions = {
["defaultSettings"]({ commit, state }, config) {
commit("UpdateDefaultSettings", {
config,
});
// state.loading = true
// return new Promise((resolve, reject) => {
// users(config).then(response => {
// // console.log(response);
// commit('setUsers', {
// ...response,
// config
// })
// state.loading = false
// resolve()
// }).catch(error => {
// state.loading = false
// reject(error)
// })
// })
},
};
//commit
const mutations = {
["UpdateBasicLayoutSpinning"](state, payload) {
state.BasicLayoutSpinning = payload;
},
["UpdateChangeLayoutCollapsed"](state, payload) {
state.ChangeLayoutCollapsed = payload;
},
["UpdateDefaultSettings"](state, payload) {
let localSettingsKey = "_settings";
if (payload.config === true) {
window.localStorage.setItem(
localSettingsKey,
JSON.stringify(state.defaultSettings)
);
} else {
const settings = window.localStorage.getItem(localSettingsKey);
if (settings) {
state.defaultSettings = JSON.parse(settings);
} else {
state.defaultSettings = payload;
}
window.localStorage.setItem(
localSettingsKey,
JSON.stringify(state.defaultSettings)
);
}
},
};
const getters = {
["settings"](state) {
return state.defaultSettings;
},
["getBasicLayoutSpinning"](state) {
return state.BasicLayoutSpinning;
},
["getChangeLayoutCollapsed"](state) {
return state.ChangeLayoutCollapsed;
},
};
export default {
actions,
state,
mutations,
getters,
};