| | |
|---|
| | | import Cookies from 'js-cookie'
|
|---|
| | |
|
|---|
| | | const state = {
|
|---|
| | | sidebar: {
|
|---|
| | | opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
|
|---|
| | | withoutAnimation: false
|
|---|
| | | },
|
|---|
| | | device: 'desktop',
|
|---|
| | | size: Cookies.get('size') || 'default'
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | 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)
|
|---|
| | | const useAppStore = defineStore(
|
|---|
| | | 'app',
|
|---|
| | | {
|
|---|
| | | state: () => ({
|
|---|
| | | sidebar: {
|
|---|
| | | opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
|
|---|
| | | withoutAnimation: false,
|
|---|
| | | hide: false
|
|---|
| | | },
|
|---|
| | | device: 'desktop',
|
|---|
| | | size: Cookies.get('size') || 'default'
|
|---|
| | | }),
|
|---|
| | | actions: {
|
|---|
| | | toggleSideBar(withoutAnimation) {
|
|---|
| | | if (this.sidebar.hide) {
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | | this.sidebar.opened = !this.sidebar.opened
|
|---|
| | | this.sidebar.withoutAnimation = withoutAnimation
|
|---|
| | | if (this.sidebar.opened) {
|
|---|
| | | Cookies.set('sidebarStatus', 1)
|
|---|
| | | } else {
|
|---|
| | | Cookies.set('sidebarStatus', 0)
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | closeSideBar(withoutAnimation) {
|
|---|
| | | Cookies.set('sidebarStatus', 0)
|
|---|
| | | this.sidebar.opened = false
|
|---|
| | | this.sidebar.withoutAnimation = withoutAnimation
|
|---|
| | | },
|
|---|
| | | toggleDevice(device) {
|
|---|
| | | this.device = device
|
|---|
| | | },
|
|---|
| | | setSize(size) {
|
|---|
| | | this.size = size;
|
|---|
| | | Cookies.set('size', size)
|
|---|
| | | },
|
|---|
| | | toggleSideBarHide(status) {
|
|---|
| | | this.sidebar.hide = status
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | 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
|
|---|
| | | }
|
|---|
| | | export default useAppStore
|
|---|
