Homepage, verejna cast, vetsi sada uprav a oprav

src/components/profile/PilotProfileCard.vue

@@ -0,0 +1,22 @@
+<script setup>
+import {user as pilot} from "src/composables/objects/user";
+import {FORMAT_DATE, formatDatetime} from "src/composables/datetimeUtils";
+import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
+</script>
+
+<template>
+  <q-card flat style="margin: 0 auto; max-width: 400px">
+    <q-img :src="pilot.titleImageUrl" v-if="pilot.titleImageUrl"/>
+    <q-card-section>
+      <div class="text-center" :style="`margin-top: ${pilot.titleImageUrl ? '-100' : '0'}px`">
+        <AvatarFromPhoto :size="150" :src="pilot.avatarImageUrl" v-if="pilot.avatarImageUrl" class="q-mb-sm"/>
+        <div class="text-h3">{{ pilot.name }}</div>
+        <div class="text-subtitle1 text-weight-thin">
+          Registrován: {{ formatDatetime(pilot.createdAt, FORMAT_DATE) }}
+        </div>
+      </div>
+
+      <div class="q-my-lg" v-html="pilot.description"/>
+    </q-card-section>
+  </q-card>
+</template>

src/components/profile/ProfileForm.vue

@@ -4,6 +4,7 @@ import {commonProps} from "src/composables/inputs";
 import {reactive, watch} from "vue";
 import {setDefaultData} from "src/composables/form/formHandling";
 import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
+import {user as pilot} from "src/composables/objects/user";
 
 const props = defineProps({
   user: {
@@ -27,7 +28,7 @@ watch(() => props.user, (newVal) => {
   <FormWrapper v-model="formData">
 
     <div class="text-center">
-      <AvatarFromPhoto :size="200" :src="user.avatarImageUrl" />
+      <AvatarFromPhoto :size="200" :src="user.avatarImageUrl" v-if="user.avatarImageUrl"  />
     </div>
 
     <q-file

src/components/profile/PublicProfileInfo.vue

@@ -26,19 +26,21 @@ watch(() => props.user, (newVal) => {
 </script>
 
 <template>
-  <q-list>
-    <q-item v-if="user.publicUsername">
-      <router-link target="_blank" :to="{name: 'publicProfileDetail', params: {username: user.publicUsername}}">
-        @{{user.publicUsername}}
-      </router-link>
-    </q-item>
-    <q-item v-else>
-      <q-icon name="" color="red" /> Nastav si veřejné uživatelské jméno pro zpřístupnění profilu a sdílení záznamů s ostatními
-    </q-item>
-  </q-list>
-
   <FormWrapper v-model="formData">
-   <q-input v-model="formData.name" label="Jméno" v-bind="commonProps"/>
+
+    <q-list>
+      <q-item v-if="user.publicUsername">
+        <router-link target="_blank" :to="{name: 'publicProfileDetail', params: {username: user.publicUsername}}">
+          @{{ user.publicUsername }}
+        </router-link>
+      </q-item>
+      <q-item v-else>
+        <q-icon name="" color="red"/>
+        Nastav si veřejné uživatelské jméno pro zpřístupnění profilu a sdílení záznamů s ostatními
+      </q-item>
+    </q-list>
+
+    <q-input v-model="formData.name" label="Jméno" v-bind="commonProps"/>
     <q-input
       v-model="formData.publicUsername"
       label="Veřejné uživatelské jméno"
@@ -46,6 +48,6 @@ watch(() => props.user, (newVal) => {
       v-bind="commonProps"
     />
 
-    <RichTextEditor v-model="formData.description" label="Veřejný podpis" />
+    <RichTextEditor v-model="formData.description" label="Veřejný podpis"/>
   </FormWrapper>
 </template>

src/components/profile/PublicProfileSkeleton.vue

@@ -0,0 +1,3 @@
+<script setup> </script>
+
+<template>Skeleton</template>