Prvni naznak verejne casti, sprava profilu

src/layouts/PublicLayout.vue

@@ -1,18 +1,54 @@
 <template>
   <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
+    <q-header>
       <q-toolbar>
         <q-toolbar-title>
           Polétání.cz
         </q-toolbar-title>
+
+        <template v-if="loggedUser.id">
+          <router-link :to="{name: 'myFlights'}">
+            <q-avatar>
+              <img :src="loggedUser.avatarImageUrl" alt=""/>
+            </q-avatar>
+          </router-link>
+        </template>
+        <template v-else>
+          <router-link :to="{name: 'login'}">
+            <q-avatar icon="person">
+              <q-tooltip>
+                Login
+              </q-tooltip>
+            </q-avatar>
+          </router-link>
+        </template>
       </q-toolbar>
     </q-header>
 
     <q-page-container>
-      <router-view/>
+      <router-view :loggedUser="loggedUser" class="q-py-md"/>
     </q-page-container>
-  </q-layout>W
+  </q-layout>
 </template>
 
 <script setup>
+import {storeToRefs} from "pinia";
+import {useUserStore} from "stores/User";
+import {onMounted} from "vue";
+import {useAppStore} from "stores/App";
+import {useMeta} from "quasar";
+
+const {pageTitle} = storeToRefs(useAppStore());
+const loggedUser = storeToRefs(useUserStore()).user;
+
+useMeta(() => ({
+  title: pageTitle.value !== '' ? `${pageTitle.value} - Polétání.cz` : 'Polétání.cz'
+}));
+
+onMounted(() => {
+  if (useUserStore().getAccessToken()) {
+    useUserStore().fetchLoggedUserDetail();
+  }
+})
+
 </script>