Prepracovana prace s datem, lepsi input na datetime

src/components/flights/FlightsList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {formatDate, minutesToHumanReadable} from "src/composables/datetimeUtils";
+import {formatDatetime, minutesToHumanReadable} from "src/composables/datetimeUtils";
 import {computed} from "vue";
 import {useQuasar} from "quasar";
 
@@ -37,24 +37,30 @@ const totalFlightTime = computed(() => {
         <q-img :src="flight.titlePhotoUrl" v-if="flight.titlePhotoUrl">
           <div class="absolute-bottom text-center text-h6">
             <router-link :to="{name: 'flightDetail', params:{id: flight.id}}" class="text-white">
-              {{ flight.takeoffAirport.name }} - {{ flight.landingAirport.name }}
+              {{ flight.name }}
+<!--              {{ flight.takeoffAirport.name }} - {{ flight.landingAirport.name }}-->
             </router-link>
           </div>
         </q-img>
         <q-card-section>
           <div class="text-h6" v-if="!flight.titlePhotoUrl">
             <router-link :to="{name: 'flightDetail', params:{id: flight.id}}">
-              {{ flight.takeoffAirport.name }} - {{ flight.landingAirport.name }}
+              <template v-if="flight.name">
+                {{ flight.name }}
+              </template>
+              <template v-else>
+                {{ flight.takeoffAirport.icaoCode }} - {{ flight.landingAirport.icaoCode }}
+              </template>
             </router-link>
           </div>
           <div class="text-subtitle2">{{ minutesToHumanReadable(flight.durationMinCalculated) }}</div>
           <div class="text-secondary">
             <q-icon name="today"/>
-            {{ formatDate(flight.takeoffDatetime) }}
+            {{ formatDatetime(flight.takeoffDatetime) }}
           </div>
           <div class="text-secondary">
             <q-icon name="plane"/>
-            {{ flight.aircraft.name }}
+            {{ flight.aircraft.callSign }}
           </div>
         </q-card-section>