62 lines
1.9 KiB
Vue
62 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<TitleBar/>
|
||
|
|
<v-navigation-drawer permanent width="auto" app clipped class="elevation-2">
|
||
|
|
<v-container>
|
||
|
|
<h1 v-for="user in users" v-bind:key="user.id">{{user.firstname}} {{user.lastname}}</h1>
|
||
|
|
</v-container>
|
||
|
|
</v-navigation-drawer>
|
||
|
|
<v-content>
|
||
|
|
<v-container>
|
||
|
|
|
||
|
|
</v-container>
|
||
|
|
</v-content>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import TitleBar from "@/components/TitleBar";
|
||
|
|
import axios from 'axios'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "FinanzerView",
|
||
|
|
components: {TitleBar},
|
||
|
|
created() {
|
||
|
|
this.getUser()
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
users: [],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getUser() {
|
||
|
|
axios.get("http://localhost:5000/getFinanzerMain", {headers: {Token: this.$store.getters.getToken}})
|
||
|
|
.then(response => {
|
||
|
|
|
||
|
|
// eslint-disable-next-line no-console
|
||
|
|
console.log(response.data)
|
||
|
|
for (let user in response.data) {
|
||
|
|
// eslint-disable-next-line no-console
|
||
|
|
console.log(response.data[user])
|
||
|
|
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})
|
||
|
|
}
|
||
|
|
// eslint-disable-next-line no-console
|
||
|
|
console.log(this.users)
|
||
|
|
})
|
||
|
|
.catch(error => {
|
||
|
|
// eslint-disable-next-line no-console
|
||
|
|
console.log("error: ", error.response.data.error)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|