flaschengeist-frontend/src/views/BarView.vue

<template>
    <div>
        <TitleBar/>
        <CreditLists v-bind:users="users" @add:amount="addAmount"></CreditLists>
    </div>
</template>

<script>
    import TitleBar from "@/components/TitleBar";
    import CreditLists from "@/components/baruser/CreditLists";
    import httpClient from "../plugins/restService";
    // eslint-disable-next-line no-unused-vars
    import axios from "axios";
    export default {
        name: "BarView",
        components: {CreditLists, TitleBar},
        created() {
            this.getUser()
        },
        data () {
            return {
                users: []
            }
        },
        methods: {
            getUser() {
                // eslint-disable-next-line no-console
                this. users = []
                httpClient.getUserBar(this.$store.getters.getToken)
                .then(response => {
                    // eslint-disable-next-line no-console
                    console.log(response.data)
                    for (let user in response.data) {
                        const lastId = this.users.length > 0 ? this.users[this.users.length - 1].id : 0
                        this.users.push({
                            id: lastId + 1,
                            username: response.data[user].username,
                            firstname: response.data[user].firstname,
                            lastname: response.data[user].lastname,
                            amount: response.data[user].amount,
                            type: response.data[user].type
                        })
                    }
                })
                .catch(error => {
                    // eslint-disable-next-line no-console
                    console.log(error)
                    this.$store.dispatch("logout")
                    this.users = []
                })
            },
            // eslint-disable-next-line no-unused-vars
            addAmount(username, amount) {
                httpClient.addAmountBar(this.$store.getters.getToken, {userId: username, amount: amount})
                .then((response) => {

                    // eslint-disable-next-line no-console
                    console.log(response.data)

                    let user = this.users.find(user => {
                        // eslint-disable-next-line no-console
                        console.log(user)
                        return user.username === username ? user : false
                    })
                    user.amount = response.data.amount
                })
            }
        }
    }
</script>

<style scoped>

</style>