Prvni naznak verejne casti, sprava profilu

src/pages/profile/ProfilePage.vue

@@ -1,13 +1,45 @@
 <script setup>
 import {useUserStore} from "stores/User";
-import {onMounted} from "vue";
-import {useFlightsStore} from "stores/Flights";
+import ProfileForm 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";
 
-const loggedUser = useUserStore().user
+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>
-  Profile page
+  <q-tabs class="q-my-lg" v-model="openedTab">
+    <q-tab name="profile">Profil</q-tab>
+    <q-tab name="changePassword">Změna hesla</q-tab>
+    <q-tab name="publicProfile">Veřejný profil</q-tab>
+  </q-tabs>
 
-  {{ loggedUser }}
+  <q-tab-panels v-model="openedTab">
+    <q-tab-panel name="profile">
+      <ProfileForm :user="loggedUser" @save="handleSave"/>
+    </q-tab-panel>
+
+    <q-tab-panel name="changePassword">
+      <ChangePasswordForm @save="handleSave" />
+    </q-tab-panel>
+
+    <q-tab-panel name="publicProfile">
+      <PublicProfileInfo :user="loggedUser" />
+    </q-tab-panel>
+
+  </q-tab-panels>
 </template>