nuxt-start/pages/profile/index.vue
2025-01-02 20:56:21 +01:00

70 lines
2.6 KiB
Vue

<template>
<div>
<div class="flex justify-between items-center">
<Button @click="$router.back()" link icon="pi pi-arrow-left"></Button>
<div class="px-3">Adataim</div>
</div>
<div class="p-3 space-y-3">
<CardLoading v-if="isLoading" />
<FloatLabel variant="on">
<InputText id="name" v-model="user.nev" class="w-full" />
<label for="name">Név</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="email" v-model="user.email" class="w-full" />
<label for="email">E-mail</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="telefon" v-model="user.telefon" class="w-full" />
<label for="telefon">Telefon</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="anyja_neve" v-model="user.anyja_neve" class="w-full" />
<label for="anyja_neve">Anyja neve</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="szuletesi_hely" v-model="user.szuletesi_hely" class="w-full" />
<label for="szuletesi_hely">Születési hely</label>
</FloatLabel>
<FloatLabel variant="on">
<DatePicker show-icon date-format="yy-mm-dd" id="szuletesi_ido" v-model="user.szuletesi_ido" class="w-full" />
<label for="szuletesi_ido">Születési idő</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="nemzetiseg" v-model="user.nemzetiseg" class="w-full" />
<label for="nemzetiseg">Állampolgárság</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="szigszam" v-model="user.szigszam" class="w-full" />
<label for="szigszam">Személyi igazolvány / Útlevél száma</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="jogositvany_szama" v-model="user.jogositvany_szama" class="w-full" />
<label for="jogositvany_szama">Jogosítvány száma</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="lakcim" v-model="user.lakcim" class="w-full" />
<label for="lakcim">Lakcím</label>
</FloatLabel>
<FloatLabel variant="on">
<InputText id="tartozkodasicim" v-model="user.tartozkodasicim" class="w-full" />
<label for="tartozkodasicim">Tartózkodási cím</label>
</FloatLabel>
<div class="">
<Button @click="save()" class="max-sm:w-full min-w-20" icon="pi pi-save">Adatok mentése</Button>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
const isLoading = ref()
const { user } = storeToRefs(useAuthStore())
async function save() {
}
</script>
<style></style>