Zakladni vytvareni letu na zaklade planu

src/pages/profile/flight/EditFlightPage.vue

@@ -36,6 +36,7 @@ import {useBasicPhotoOperations} from "src/composables/photos/basicOperations";
 import {usePhotosStore} from "stores/Photos";
 import {flightName} from "src/composables/flight";
 import {useAppStore} from "stores/App";
+import {useFlightPlansStore} from "stores/FlightPlans";
 
 const $q = useQuasar();
 const $route = useRoute();
@@ -47,9 +48,9 @@ const {airports} = storeToRefs(useAirportsStore());
 const {copilots} = storeToRefs(useCopilotsStore());
 const {events} = storeToRefs(useEventsStore());
 const {photos} = storeToRefs(usePhotosStore());
+const {flightPlan, flightPlans} = storeToRefs(useFlightPlansStore());
 const {flight, isQueryRunning, isRequestPending: isMutationRunning} = storeToRefs(useFlightsStore());
 
-
 const formStep = ref("basic");
 watch(() => $route.params.step, (val) => formStep.value = val);
 
@@ -71,6 +72,11 @@ onMounted(() => {
   useAirportsStore().fetch();
   useCopilotsStore().fetch();
   useEventsStore().fetch({});
+
+  useFlightPlansStore().fetch();
+  if (flight.value.flightPlanId) {
+    useFlightPlansStore().fetchDetail(flight.value.flightPlanId);
+  }
 });
 
 const handleFlightEdit = (data) => {
@@ -234,5 +240,14 @@ const handleBatchPhotoEdit = async (data) => {
     <q-tab-panel name="notes">
       <FlightFormNotes @save="handleFlightEdit" :events="events" :flight="flight"/>
     </q-tab-panel>
+
+    <q-tab-panel name="plan">
+      <template v-if="flight.flightPlanId">
+        {{ flightPlan.name }}
+      </template>
+      <template v-else>
+        Bez planu
+      </template>
+    </q-tab-panel>
   </q-tab-panels>
 </template>