Drobne upravy ve vizualu, oprava comboboxu, funkcni prakticky cela editace letu

src/components/flights/FlightsList.vue

@@ -27,6 +27,15 @@ const deleteFlight = (flightId) => {
 const totalFlightTime = computed(() => {
   return props.items.reduce((acc, flight) => acc + flight.flightDurationMinutes, 0);
 })
+
+const flightName = (item) => {
+  if (item.name) {
+    return item.name;
+  } else {
+    return `${item.takeoffAirport.name} - ${item.landingAirport.name}`
+  }
+}
+
 </script>
 
 <template>
@@ -34,23 +43,17 @@ const totalFlightTime = computed(() => {
     <div class="col-12 col-md-4 col-lg-3" v-for="flight of items" :key="flight">
 
       <q-card class="q-my-sm q-mx-sm">
-        <q-img :src="flight.titlePhotoUrl" v-if="flight.titlePhotoUrl">
+        <q-img :src="flight.coverPhoto.thumbnailUrl" v-if="flight.coverPhoto">
           <div class="absolute-bottom text-center text-h6">
             <router-link :to="{name: 'flightDetail', params:{id: flight.id}}" class="text-white">
-              {{ flight.name }}
-<!--              {{ flight.takeoffAirport.name }} - {{ flight.landingAirport.name }}-->
+              {{ flightName(flight) }}
             </router-link>
           </div>
         </q-img>
         <q-card-section>
-          <div class="text-h6" v-if="!flight.titlePhotoUrl">
+          <div class="text-h6" v-if="!flight.coverPhoto">
             <router-link :to="{name: 'flightDetail', params:{id: flight.id}}">
-              <template v-if="flight.name">
-                {{ flight.name }}
-              </template>
-              <template v-else>
-                {{ flight.takeoffAirport.icaoCode }} - {{ flight.landingAirport.icaoCode }}
-              </template>
+              {{ flightName(flight) }}
             </router-link>
           </div>
           <div class="text-subtitle2">{{ minutesToHumanReadable(flight.durationMinCalculated) }}</div>
@@ -67,8 +70,8 @@ const totalFlightTime = computed(() => {
         <q-separator/>
 
         <q-card-actions align="right">
-          <!--          <q-btn flat icon="visibility"></q-btn>-->
-          <!--          <q-btn flat icon="edit" :to="{name: 'flightEdit', params:{id: flight.id}}"></q-btn>-->
+          <q-btn flat icon="visibility"></q-btn>
+          <q-btn flat icon="edit" :to="{name: 'flightEdit', params:{id: flight.id}}"></q-btn>
           <q-btn flat icon="delete" color="red" @click="deleteFlight(flight.id)"></q-btn>
         </q-card-actions>
       </q-card>