flaschengeist-frontend/src/store/modules/barUsers.js

import axios from 'axios';
import url from '@/plugins/routes';

const state = {
    users: [],
    allUsers: []
};

const mutations = {
    setAllUsers: (state, users) => {
        state.allUsers = []
        state.allUsers = users
        for (let i = 0; i < state.allUsers.length; i++) {
            state.allUsers[i].fullName = state.allUsers[i].firstname + " " + state.allUsers[i].lastname
        }
    },
    setUsers: (state, users) => {
        // eslint-disable-next-line no-console
        console.log(users)
        for (let user in users) {
            // eslint-disable-next-line no-console
            console.log(user)
            let existuser = state.users.find(a => {return user === a.username})

            if (existuser) {
                existuser.sername = users[user].username
                existuser.firstname = users[user].firstname
                existuser.lastname = users[user].lastname
                existuser.locked = users[user].locked
                existuser.amount = users[user].amount
                existuser.type = users[user].type
            } else {
                state.users.push({
                    username: users[user].username,
                    firstname: users[user].firstname,
                    lastname: users[user].lastname,
                    locked: users[user].locked,
                    amount: users[user].amount,
                    type: users[user].type
                })
            }
        }
        // eslint-disable-next-line no-console
        console.log(state.users)
        mutations.sortUsers(state)
    },
    sortUsers: (state) => {
        state.users = state.users.sort((a,b) => {
            if (a.lastname > b.lastname) return 1
            if (a.lastname < b.lastname) return -1
            if (a.firstname > b.firstname) return 1
            if (a.firstname < b.firstname) return -1
            return 0
        })
    },

};

const actions = {
    // eslint-disable-next-line no-unused-vars
    async getUsers({commit, rootState, dispatch}) {
        try {
            const response = await axios.get(url.bar, {headers: {Token: rootState.login.user.accessToken}})
            // eslint-disable-next-line no-console
            console.log(response.data)
            commit('setUsers', response.data)
        } catch (e) {
            if (e.response) if (e.response.status === 401) dispatch('logout', null, {root: true})
        }
    },
    async addAmount({commit, rootState, dispatch}, data) {
        try {
            const response = await axios.post(url.barAddAmount, {userId: data.username, amount: data.amount}, {headers: {Token: rootState.login.user.accessToken}})
            commit('setUsers', {[response.data.username]: response.data})
        } catch (e) {
            if (e.response) if (e.response.status === 401) dispatch('logout', null, {root: true})
        }
    },
    async addCreditList({commit, rootState, dispatch}, data) {
        try {
            const response = await axios.post(url.barGetUser, {userId: data.username}, {headers: {Token: rootState.login.user.accessToken}})
            commit('setUsers', {[response.data.username]: response.data})
        } catch (e) {
            if (e.response) if (e.response.status === 401) dispatch('logout', null, {root: true})
        }
    },
    async getAllUsers({commit, rootState, dispatch}) {
        // eslint-disable-next-line no-console
        console.log('hier bin ich')
        try {
            const response = await axios.post(url.searchUser, {searchString: ""}, {headers: {Token: rootState.login.user.accessToken}})
            // eslint-disable-next-line no-console
            console.log(response)
            commit('setAllUsers', response.data)
        } catch (e) {
            // eslint-disable-next-line no-console
            console.log(e)
            if (e.response) if (e.response.data === 401) dispatch('logout', null, {root: true})
        }
    }

};

const getters = {
    users: (state) => { return state.users },
    allUsers: (state) => { return state.allUsers }
};

export default {
    namespaced: true,
    state,
    mutations,
    actions,
    getters
}