vuefilemanager/resources/js/store/modules/userAuth.js

import axios from 'axios'
import {events} from '@/bus'

const defaultState = {
    authorized: undefined,
    app: undefined,
}
const actions = {
    getAppData: ({commit, dispatch, getters}) => {

        axios
            .get(getters.api + '/user')
            .then((response) => {
                commit('RETRIEVE_APP_DATA', response.data)

            }).catch((error) => {

                if (error.response.status == 401) {
                    commit('SET_AUTHORIZED', false)
                }
            }
        )
    },
    logOut: (context) => {
        axios
            .get(context.getters.api + '/logout')
            .then(() => {

                // Commit Remove Access Token from vuex storage
                context.commit('DESTROY_DATA')
            })
    },
    addToFavourites: (context, folder_unique_id) => {
        axios
            .post(context.getters.api + '/add-to-favourites', {unique_id: folder_unique_id})
            .then(response => {
                context.commit('UPDATE_FAVOURITES', response.data)
            })
            .catch(() => {
                // Show error message
                events.$emit('alert:open', {
                    title: 'Whooops, something went wrong :(',
                    message:
                        "Something went wrong and we can't continue. Please contact us."
                })
            })
    },
    removeFromFavourites: (context, folder_unique_id) => {
        axios
            .post(context.getters.api + '/remove-from-favourites', {unique_id: folder_unique_id})
            .then(response => {
                context.commit('UPDATE_FAVOURITES', response.data)
            })
            .catch(() => {
                // Show error message
                events.$emit('alert:open', {
                    title: 'Whooops, something went wrong :(',
                    message:
                        "Something went wrong and we can't continue. Please contact us."
                })
            })
    },
}
const mutations = {
    RETRIEVE_APP_DATA(state, app) {
        state.app = app
    },
    SET_AUTHORIZED(state, data) {
        state.authorized = data
    },
    DESTROY_DATA(state) {
        state.authorized = false
        state.app = undefined
    },
    UPDATE_FAVOURITES(state, favourites) {
        state.app.favourites = favourites
    },
    UPDATE_NAME(state, name) {
        state.app.user.name = name
    },
    UPDATE_AVATAR(state, avatar) {
        state.app.user.avatar = avatar
    },
    UPDATE_RECENT_UPLOAD(state, file) {

        // Remove last file from altest uploads
        if (state.app.latest_uploads.length === 7) state.app.latest_uploads.pop()

        // Add new file to latest uploads
        state.app.latest_uploads.unshift(file)
    },
    REMOVE_ITEM_FROM_RECENT_UPLOAD(state, unique_id) {
        state.app.latest_uploads = state.app.latest_uploads.filter(file => file.unique_id !== unique_id)
    },
    REMOVE_ITEM_FROM_FAVOURITES(state, unique_id) {
        state.app.favourites = state.app.favourites.filter(folder => folder.unique_id !== unique_id)
    },
    UPDATE_NAME_IN_FAVOURITES(state, data) {
        state.app.favourites.find(folder => {
            if (folder.unique_id == data.unique_id) folder.name = data.name
        })
    }
}
const getters = {
    isLogged: state => state.authorized,
    isGuest: state => ! state.authorized,
    app: state => state.app,
}

export default {
    state: defaultState,
    getters,
    actions,
    mutations
}