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>

src/pages/profile/flightPlanner/FlightPlanEditPage.vue

@@ -20,10 +20,14 @@ import FlightPlanMap from "components/flightPlans/FlightPlanMap.vue";
 import FlightPlanRoute from "components/flightPlans/FlightPlanRoute.vue";
 import FlightPlanSideControls from "components/flightPlans/FlightPlanSideControls.vue";
 import {useAircraftsStore} from "stores/Aircrafts";
-import {successObject} from "src/composables/dialog";
+import {errorObject, successObject} from "src/composables/dialog";
 import {useQuasar} from "quasar";
 import FlightPlanRouteTable from "components/flightPlans/FlightPlanRouteTable.vue";
 import FlightPlanForm from "components/flightPlans/FlightPlanForm.vue";
+import {useFlightsStore} from "stores/Flights";
+import {useRouter} from "vue-router";
+import FlightFromPlanForm from "components/flightPlans/FlightFromPlanForm.vue";
+import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 
 const {flightPlan} = storeToRefs(useFlightPlansStore());
 const flightPlanName = computed(() => flightPlan.value.name || "Nepojmenovaný plán");
@@ -60,6 +64,8 @@ const handleMarkersChanges = (markers) => {
     markers: markers.map(m => markerObject({
       name: m.name,
       type: m.type,
+      airportId: m.airportId,
+      pointOfInterestId: m.pointOfInterestId,
       gpsLatitude: m.gpsLatitude,
       gpsLongitude: m.gpsLongitude,
     }))
@@ -75,6 +81,67 @@ const handleFlightPlanInfoSave = (formData) => {
 }
 const insertAtPosition = ref(flightPlanMarkers.value.length);
 const fullscreen = ref(false);
+
+const takeoffAirport = computed(() => {
+  const markers = getMarkersFrom(flightPlan.value)
+  return markers[0].type === 'airport' ? markers[0] : null;
+})
+
+const landingAirport = computed(() => {
+  const markers = getMarkersFrom(flightPlan.value);
+  const lastMarker = markers[markers.length - 1];
+
+  return lastMarker.type === 'airport' ? lastMarker : null;
+})
+
+const $router = useRouter();
+const createNewFlightFromPlan = (formData) => {
+
+  const markers = getMarkersFrom(formData.flightPlan);
+  const takeoff = markers.shift();
+  const landing = markers.pop();
+
+  if ((takeoff.type !== 'airport' || landing.type !== 'airport') && !formData.gpxTrackFile) {
+    $q.notify(errorObject("Zkontroluj letiště vzletu a přistání. Aktuálně zvolené hodnoty se jako letiště nezdají. Pro pokračování uprav buď plán, nebo zkus nahrát trasu v GPX."));
+    return;
+  }
+
+  const track = [];
+  if (formData.copyTrack) {
+
+    // TODO: po ulozeni mapPoint/geocode??? upravit i trasu v planu - predelat ten mapPoint na POI s IDckem
+
+    for (const i in markers) {
+      const marker = markers[i];
+      if (i === 0 || i === markers.length - 1 || marker.type === 'mapPoint') continue;
+
+      const obj = {
+        [marker.type === 'airport' ? 'airport' : 'pointOfInterest']: {
+          id: marker.airportId || marker.pointOfInterestId || null,
+          name: marker.name,
+        },
+        gpsLatitude: marker.gpsLatitude,
+        gpsLongitude: marker.gpsLongitude
+      };
+      track.push(obj);
+    }
+  }
+
+  useFlightsStore().create({
+    name: formData.flightPlan.name,
+    aircraft: {id: formData.flightPlan.aircraft.id, name: formData.flightPlan.aircraft.callSign},
+    flightPlanId: formData.flightPlan.id,
+    takeoffAirport: takeoff ? {id: takeoff.airportId, name: takeoff.name} : null,
+    landingAirport: landing ? {id: landing.airportId, name: landing.name} : null,
+    gpxTrackFile: formData.gpxTrackFile,
+    takeoffDatetime: formData.takeoffDatetime,
+    landingDatetime: formData.landingDatetime,
+    track
+  }).then(res => {
+    $q.notify(successObject("Let úspěšně vytvořen. Nyní můžeš nastavit detaily."))
+    $router.push({name: 'flightEdit', params: {id: res.id, step: 'photo'}});
+  });
+}
 </script>
 
 <template>
@@ -94,6 +161,11 @@ const fullscreen = ref(false);
       Navigační štítek
     </q-tab>
 
+    <q-tab name="flight" v-if="flightPlan.aircraft">
+      <q-icon name="flight"/>
+      Let
+    </q-tab>
+
   </q-tabs>
   <q-tab-panels v-model="openedTab">
     <q-tab-panel name="route">
@@ -141,6 +213,16 @@ const fullscreen = ref(false);
         :planned-speed="flightPlan.plannedSpeed"
       />
     </q-tab-panel>
+
+    <q-tab-panel name="flight" v-if="flightPlan.aircraft">
+      <BasicInfoBanner v-if="!takeoffAirport || !landingAirport" color="error">
+        V plánu nemáš žádné letiště vzletu nebo přistání. Pro import letu musíš nahrát trasu.
+      </BasicInfoBanner>
+      <FlightFromPlanForm
+        :flight-plan="flightPlan"
+        @save="createNewFlightFromPlan"
+      />
+    </q-tab-panel>
   </q-tab-panels>
 
   <q-dialog full-width v-model="flightPlannerDialogOpen">

src/pages/profile/flightPlanner/NewFlightPlanPage.vue

@@ -8,6 +8,7 @@ const $router = useRouter();
 onMounted(async () => {
   await useFlightPlansStore().create({
     name: "",
+    description: "",
     isDefaultName: true,
     isPublic: false,
     isEditableByCopilot: false,