Description projektu, drobna uprava skeletonu pro editaci letu

package.json

@@ -1,7 +1,7 @@
 {
   "name": "app",
   "version": "0.0.1",
-  "description": "A Quasar Project",
+  "description": "Fotogalerie pro tvoje zážitky ze vzduchu",
   "productName": "Polétání.cz",
   "author": "Michal Kváček <michal@kvacek.cz>",
   "private": true,

src/components/flights/FlightBasicInfo.vue

@@ -91,9 +91,10 @@ const props = defineProps({
             <q-icon name="people"/>
           </q-item-section>
           <q-item-section>
-            <router-link :to="{name: 'copilotDetail', params: {id: copilot.id}}">
+            <router-link :to="{name: 'copilotDetail', params: {id: copilot.id}}" v-if="showCopilots">
               {{ copilot.name }}
             </router-link>
+            <template v-else> {{ copilot.name }}</template>
           </q-item-section>
         </q-item>
       </q-list>

src/components/flights/FlightEditSkeleton.vue

@@ -1,20 +1,36 @@
 <script setup>
-
-import {randomInt} from "src/composables/random";
-import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+
+const props = defineProps({
+  step: {
+    type: String,
+    required: true
+  },
+})
 </script>
 
 <template>
-  <q-card class="flight-detail-card">
+  <q-card class="" v-if="step !== 'photos'">
-    <q-skeleton type="rect" height="400px"/>
-
     <q-card-section>
-      <q-skeleton type="QInput" v-for="i in 3" :key="i" />
+      <q-skeleton type="QInput" class="q-my-sm" v-for="i in 3" :key="i"/>
     </q-card-section>
-
   </q-card>
 
-  <q-card class="flight-detail-card" flat>
+  <template v-if="step === 'photos'">
-    <BasicListSkeleton :items-count-min="1" :items-count-max="4"/>
+    <q-card>
-  </q-card></template>
+      <q-card-section>
+
+        <q-skeleton type="QInput" class="q-my-sm"/>
+
+      </q-card-section>
+
+    </q-card>
+
+
+    <q-card v-for="i in randomInt(3, 10)" :key="i">
+      <q-skeleton type="rect"/>
+    </q-card>
+  </template>
+
+
+</template>

src/components/flights/FlightTrackMap.vue

@@ -18,14 +18,18 @@ const poisWithGPS = computed(() => {
 });
 
 const pointsOfInterests = computed(() => {
-  const path = [{
+  const path = [];
-    label: flight.value.takeoffAirport.name,
+
-    position:
+  if (flight.value.takeoffAirport.gpsLatitude && flight.value.takeoffAirport.gpsLongitude) {
-      {
+    path.push({
-        lat: flight.value.takeoffAirport.gpsLatitude,
+      label: flight.value.takeoffAirport.name,
-        lng: flight.value.takeoffAirport.gpsLongitude
+      position:
-      }
+        {
-  }];
+          lat: flight.value.takeoffAirport.gpsLatitude,
+          lng: flight.value.takeoffAirport.gpsLongitude
+        }
+    });
+  }
 
   for (const poi of poisWithGPS.value) {
     path.push({
@@ -34,13 +38,15 @@ const pointsOfInterests = computed(() => {
     });
   }
 
-  path.push({
+  if (flight.value.landingAirport.gpsLatitude && flight.value.landingAirport.gpsLongitude) {
-    label: flight.value.landingAirport.name,
+    path.push({
-    position: {
+      label: flight.value.landingAirport.name,
-      lat: flight.value.landingAirport.gpsLatitude,
+      position: {
-      lng: flight.value.landingAirport.gpsLongitude
+        lat: flight.value.landingAirport.gpsLatitude,
-    }
+        lng: flight.value.landingAirport.gpsLongitude
-  });
+      }
+    });
+  }
 
   return path;
 });

src/components/weather/WeatherInfo.vue

@@ -10,7 +10,7 @@ const props = defineProps({
 })
 
 const kmhToKnots = (speedKmh) => {
-  return Math.round(speedKmh / 0.53996);
+  return Math.round(speedKmh * 0.53996);
 }
 
 const openDetail = ref(false);

src/pages/profile/flight/EditFlightPage.vue

@@ -103,11 +103,11 @@ const deletePhoto = (id) => {
 </script>
 
 <template>
-  <FlightEditSkeleton v-if="loading"/>
+  <FlightFormSteps :router-edit-mode="true" :flightId="flightId"/>
+
+  <FlightEditSkeleton :step="formStep" v-if="loading"/>
 
   <template v-else>
-    <FlightFormSteps :router-edit-mode="true" :flightId="flightId"/>
-
     <q-tab-panels v-model="formStep">
       <q-tab-panel name="basic">
         <FlightFormBasic