Dockerfile, nastrel verejne casti

src/components/AvatarFromPhoto.vue

@@ -14,7 +14,7 @@ const props = defineProps({
 
 <template>
   <q-avatar :size="`${size}px`">
-    <div :style="`width: ${size}px; height: ${size}px; background-image: url('${src}'); background-size: cover`">
-    </div>
+    <span :style="`width: ${size}px; height: ${size}px; background-image: url('${src}'); background-size: cover`">
+    </span>
   </q-avatar>
 </template>

src/components/flights/FlightsList.vue

@@ -1,9 +1,6 @@
 <script setup>
-import {FORMAT_DATE, formatDatetime, minutesToHumanReadable} from "src/composables/datetimeUtils";
-import {computed} from "vue";
-import {useQuasar} from "quasar";
-import {useFlightsStore} from "stores/Flights";
-import {flightName} from "../../composables/objects/flight";
+import {minutesToHumanReadable} from "src/composables/datetimeUtils";
+import {flightName} from "src/composables/objects/flight";
 import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
 
 const props = defineProps({
@@ -34,29 +31,24 @@ const props = defineProps({
       :to="{name: routeDetail.name, params:{...routeDetail.params, id: flight.id}}"
     >
       <q-item-section avatar>
-        <AvatarFromPhoto :size="120" v-if="flight.coverPhoto" :src="flight.coverPhoto.thumbnailUrl" />
+        <AvatarFromPhoto :size="120" v-if="flight.coverPhoto" :src="flight.coverPhoto.thumbnailUrl"/>
       </q-item-section>
       <q-item-section>
-        <div class="text-h5">{{ flightName(flight) }}</div>
-        <div class="text-secondary q-mt-md">
-          <q-icon name="flight_takeoff"/>
-          {{ formatDatetime(flight.takeoffDatetime, FORMAT_DATE) }}
+        <div class="text-h5 q-mb-md">{{ flightName(flight) }}</div>
+
+        <div class="text-secondary" v-if="flight.copilot">
+          <q-icon name="person"/>
+          {{ flight.copilot.name }}
         </div>
+
         <div class="text-secondary">
           <q-icon name="schedule"/>
           {{ minutesToHumanReadable(flight.durationMinCalculated) }}
-
         </div>
         <div class="text-secondary">
           <q-icon name="flight"/>
           {{ flight.aircraft.callSign }}
         </div>
-
-        <div class="text-secondary" v-if="flight.copilot">
-          <q-icon name="person" />
-          {{ flight.copilot.name }}
-        </div>
-
       </q-item-section>
 
       <q-item-section side top v-if="flight.isPublic && displayVisibilityInfo">

src/components/profile/ProfileForm.vue

@@ -3,7 +3,7 @@ import FormWrapper from "components/FormWrapper.vue";
 import {commonProps} from "src/composables/inputs";
 import {reactive, watch} from "vue";
 import {setDefaultData} from "src/composables/form/formHandling";
-import RichTextEditor from "components/inputs/RichTextEditor.vue";
+import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
 
 const props = defineProps({
   user: {
@@ -27,9 +27,7 @@ watch(() => props.user, (newVal) => {
   <FormWrapper v-model="formData">
 
     <div class="text-center">
-      <q-avatar size="200px">
-        <img :src="user.avatarImageUrl" alt="Profilový obrázek"/>
-      </q-avatar>
+      <AvatarFromPhoto :size="200" :src="user.avatarImageUrl" />
     </div>
 
     <q-file