Prace s mapu, zobrazeni GPX, editace kopilota, skeletony

src/components/flights/FlightBasicInfo.vue

@@ -1,6 +1,7 @@
 <script setup>
 import {flight} from "src/composables/objects/flight";
 import {formatDatetime, minutesToHumanReadable} from "src/composables/datetimeUtils";
+import WeatherInfo from "components/weather/WeatherInfo.vue";
 
 const props = defineProps({
   flight: {
@@ -20,7 +21,11 @@ const props = defineProps({
             <q-icon name="flight_takeoff"/>
           </q-item-section>
           <q-item-section>
-            {{ flight.takeoffAirport.name }}
+            <div>
+              {{ flight.takeoffAirport.name }}
+
+              <WeatherInfo class="q-mx-sm" v-if="flight.takeoffWeatherInfo" :weather="flight.takeoffWeatherInfo"/>
+            </div>
           </q-item-section>
         </q-item>
 
@@ -38,7 +43,10 @@ const props = defineProps({
             <q-icon name="flight_land"/>
           </q-item-section>
           <q-item-section>
-            {{ flight.landingAirport.name }}
+            <div>
+              {{ flight.landingAirport.name }}
+              <WeatherInfo class="q-mx-sm" v-if="flight.landingWeatherInfo" :weather="flight.landingWeatherInfo"/>
+            </div>
           </q-item-section>
         </q-item>
       </q-list>
@@ -61,20 +69,12 @@ const props = defineProps({
         {{ minutesToHumanReadable(flight.durationMinCalculated) }}
       </q-item-section>
     </q-item>
-    <q-item>
-      <q-item-section avatar>
-        <q-icon name="thermostat"/>
-      </q-item-section>
-      <q-item-section>
-        Clouds: few, Wind: 220/12kt, Temp: 12°C
-      </q-item-section>
-    </q-item>
-    <q-item v-if="!flight.solo">
+    <q-item v-if="flight.copilot">
       <q-item-section avatar>
         <q-icon name="people"/>
       </q-item-section>
       <q-item-section>
-        <router-link :to="{name: 'pilotDetail', params: {id: flight.copilot.id}}">
+        <router-link :to="{name: 'copilotDetail', params: {id: flight.copilot.id}}">
           {{ flight.copilot.name }}
         </router-link>
       </q-item-section>