HomeAccounting

1
import Vuex from "vuex";
2

3
/**
4
 * First we will load all of this project's JavaScript dependencies which
5
 * includes Vue and other libraries. It is a great starting point when
6
 * building robust, powerful web applications using Vue and Laravel.
7
 */
8

9
require('./bootstrap');
10

11
import Vue from 'vue'
12
import Vuetify from 'vuetify';
13
import VueRouter from 'vue-router';
14

15
Vue.use(VueRouter);
16
Vue.use(Vuetify);
17
Vue.use(Vuex);
18

19
import SettingsApp from './components/settings/SettingsApp';
20
let MobileDetect = require('mobile-detect');
21
let md = new MobileDetect(window.navigator.userAgent);
22

23
const mobile = md.mobile();
24

25
const store = new Vuex.Store({
26
    state: {
27
        preloader: false,
28

29
        mobile: mobile,
30

31
        alertControl: {
32
            show: false,
33
            type: 'success',
34
            message: '',
35
        },
36
    },
37
    mutations: {
38
        setPreloader(state, status=true) {
39

40
            if(status === false) {
41
                setTimeout(() => {
42
                    state.preloader = status;
43
                }, 1000)
44
            }
45
            else {
46
                state.preloader = status;
47
            }
48

49
        },
50
        setAlert(state, object) {
51
            state.alertControl.type = object.type;
52
            state.alertControl.show = object.status;
53
            state.alertControl.message = object.message;
54
        },
55
        AlertError(state, error) {
56
            state.alertControl.type = 'error';
57
            state.alertControl.show = true;
58
            state.alertControl.message = 'Ошибка: ' + error;
59
        },
60
        closeAlert(state) {
61
            state.alertControl.show = false;
62
        },
63
    },
64
    getters: {
65
        getPreloader: state=> {
66
            return state.preloader;
67
        },
68
        getAlert: state => {
69
            return state.alertControl;
70
        },
71
        mobile: state => {
72
            return state.mobile;
73
        },
74
    },
75
});
76

77
import router from './components/settings/routes.js';
78

79
const APP = new Vue({
80
    el: '#settings-spa',
81
    template: '<settings-app></settings-app>',
82
    components: {SettingsApp},
83
    store,
84
    router,
85
});