Dockerfile, nastrel verejne casti

src/layouts/ProfileLayout.vue

@@ -15,9 +15,23 @@
           {{ pageTitle || "Polétání.cz" }}
         </q-toolbar-title>
 
-        <router-link :to="{name: 'profile'}">
-          <AvatarFromPhoto :size="32" :src="loggedUser.avatarImageUrl"/>
-        </router-link>
+          <q-btn flat>
+            <AvatarFromPhoto v-if="loggedUser.avatarImageUrl" :size="32" :src="loggedUser.avatarImageUrl"/>
+            <q-icon name="person" v-else/>
+
+            <q-menu auto-close>
+              <q-list style="min-width: 100px">
+                <q-item clickable :to="{name: 'profile'}">
+                  <q-item-section>Osobní nastavení</q-item-section>
+                </q-item>
+
+                <q-item clickable @click="logout">
+                  <q-item-section>Odhlásit</q-item-section>
+                </q-item>
+
+              </q-list>
+            </q-menu>
+          </q-btn>
 
       </q-toolbar>
     </q-header>
@@ -57,8 +71,10 @@ import {useUserStore} from "stores/User";
 import {storeToRefs} from "pinia";
 import BreadcrumbsNavigation from "components/BreadcrumbsNavigation.vue";
 import {useAppStore} from "stores/App";
-import {useMeta} from "quasar";
+import {useMeta, useQuasar} from "quasar";
 import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
+import {useRouter} from "vue-router";
+import {successObject} from "src/composables/dialog";
 
 const {pageTitle, breadcrumbs} = storeToRefs(useAppStore());
 useMeta(() => ({
@@ -105,4 +121,14 @@ onMounted(() => {
   useUserStore().fetchLoggedUserDetail();
 })
 const loggedUser = storeToRefs(useUserStore()).user;
+
+const $q = useQuasar();
+const $router = useRouter();
+
+const logout = () => {
+useUserStore().logout().then(() => {
+  $q.notify(successObject("Odhlášení bylo úspěšné"));
+  $router.push({name: "homepage"});
+})
+}
 </script>