46 lines
1.4 KiB
Vue
46 lines
1.4 KiB
Vue
<script setup>
|
|
import {useUserStore} from "stores/User";
|
|
import ProfileImagesForm from "components/profile/ProfileForm.vue";
|
|
import {useAppStore} from "stores/App";
|
|
import {storeToRefs} from "pinia";
|
|
import {useQuasar} from "quasar";
|
|
import {successObject} from "src/composables/dialog";
|
|
import {ref} from "vue";
|
|
import ChangePasswordForm from "components/profile/ChangePasswordForm.vue";
|
|
import PublicProfileInfo from "components/profile/PublicProfileInfo.vue";
|
|
|
|
useAppStore().setPageTitle("Profil");
|
|
const loggedUser = storeToRefs(useUserStore()).user;
|
|
|
|
const $q = useQuasar();
|
|
const handleSave = (formData) => {
|
|
useUserStore().update(loggedUser.id, formData).then((user) => {
|
|
$q.notify(successObject("Uspesne upraveno"));
|
|
});
|
|
};
|
|
const openedTab = ref("profile");
|
|
</script>
|
|
|
|
<template>
|
|
<q-tabs class="q-my-lg" v-model="openedTab">
|
|
<q-tab name="profile">Profilové fotky</q-tab>
|
|
<q-tab name="changePassword">Změna hesla</q-tab>
|
|
<q-tab name="publicProfile">Veřejný profil</q-tab>
|
|
</q-tabs>
|
|
|
|
<q-tab-panels v-model="openedTab">
|
|
<q-tab-panel name="profile">
|
|
<ProfileImagesForm :user="loggedUser" @save="handleSave"/>
|
|
</q-tab-panel>
|
|
|
|
<q-tab-panel name="changePassword">
|
|
<ChangePasswordForm @save="handleSave" />
|
|
</q-tab-panel>
|
|
|
|
<q-tab-panel name="publicProfile">
|
|
<PublicProfileInfo @save="handleSave" :user="loggedUser" />
|
|
</q-tab-panel>
|
|
|
|
</q-tab-panels>
|
|
</template>
|