Matching UI with improved API
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
<script setup lang="ts">
|
||||
import { useUserStore } from '@/data/stores/userStore';
|
||||
import cardView from '@/components/cardView.vue';
|
||||
import outlinedButton from '@/components/outlinedButton.vue';
|
||||
import { useAccountStore } from '@/data/stores/accountStore';
|
||||
|
||||
const userStore = useUserStore()
|
||||
const accountStore = useAccountStore()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -13,14 +13,14 @@ const userStore = useUserStore()
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('account.username')"
|
||||
v-model="userStore.userAccount.username"
|
||||
v-model="accountStore.userAccount.username"
|
||||
disabled
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('account.password')"
|
||||
v-model="userStore.userAccount.password"
|
||||
v-model="accountStore.userAccount.password"
|
||||
type="password"
|
||||
/>
|
||||
</v-col>
|
||||
@@ -30,13 +30,13 @@ const userStore = useUserStore()
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.firstName')"
|
||||
v-model="userStore.userAccount.firstName"
|
||||
v-model="accountStore.userAccount.firstName"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.lastName')"
|
||||
v-model="userStore.userAccount.lastName"
|
||||
v-model="accountStore.userAccount.lastName"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -45,13 +45,13 @@ const userStore = useUserStore()
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.street')"
|
||||
v-model="userStore.userAccount.street"
|
||||
v-model="accountStore.userAccount.addresses[0].street"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.houseNumber')"
|
||||
v-model="userStore.userAccount.houseNumber"
|
||||
v-model="accountStore.userAccount.addresses[0].houseNumber"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -60,13 +60,13 @@ const userStore = useUserStore()
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.postalCode')"
|
||||
v-model="userStore.userAccount.postalCode"
|
||||
v-model="accountStore.userAccount.addresses[0].postalCode"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.city')"
|
||||
v-model="userStore.userAccount.city"
|
||||
v-model="accountStore.userAccount.addresses[0].city"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -75,13 +75,13 @@ const userStore = useUserStore()
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.bankName')"
|
||||
v-model="userStore.userAccount.bankName"
|
||||
v-model="accountStore.userAccount.payments[0].bankName"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
:label="$t('userInfo.iban')"
|
||||
v-model="userStore.userAccount.iban"
|
||||
v-model="accountStore.userAccount.payments[0].iban"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -89,7 +89,7 @@ const userStore = useUserStore()
|
||||
|
||||
<template #actions>
|
||||
<outlined-button
|
||||
@click="userStore.updateAccount()"
|
||||
@click="accountStore.updateAccount()"
|
||||
prepend-icon="mdi-content-save"
|
||||
color="green"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user