From 8dd0a16918631bf69b966276ebaff9c458bff59c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal.kvacek@performax.cz>
Date: Tue, 30 Apr 2024 22:34:41 +0200
Subject: [PATCH] Ukladani metadat k planum

---
 src/components/inputs/ComboboxInput.vue       |  2 +-
 src/graphql/fragments/aircraft.js             |  1 +
 src/graphql/fragments/flightPlan.js           | 21 ++++++--
 .../flightPlanner/FlightPlanEditPage.vue      | 53 +++++++++++++------
 4 files changed, 54 insertions(+), 23 deletions(-)

diff --git a/src/components/inputs/ComboboxInput.vue b/src/components/inputs/ComboboxInput.vue
index afba985..ef9bd05 100644
--- a/src/components/inputs/ComboboxInput.vue
+++ b/src/components/inputs/ComboboxInput.vue
@@ -100,7 +100,7 @@ const filterFn = (val, update, abort) => {
     clear-icon="clear"
     :v-bind="$attrs"
   >
-    <template v-slot:no-option>
+    <template #no-option>
       <q-item v-if="inputValue">
         <q-item-section avatar>
           <q-avatar text-color="green" size="32px" icon="add"/>
diff --git a/src/graphql/fragments/aircraft.js b/src/graphql/fragments/aircraft.js
index 22fa75b..dc0b1e5 100644
--- a/src/graphql/fragments/aircraft.js
+++ b/src/graphql/fragments/aircraft.js
@@ -9,6 +9,7 @@ fragment aircraftListInfo on Aircraft {
   model
   manufacturer
   isPublic
+  seats
 
   titlePhoto {
     thumbnailUrl
diff --git a/src/graphql/fragments/flightPlan.js b/src/graphql/fragments/flightPlan.js
index 462865b..8c7fc27 100644
--- a/src/graphql/fragments/flightPlan.js
+++ b/src/graphql/fragments/flightPlan.js
@@ -2,11 +2,11 @@ import gql from "graphql-tag";
 
 export const FRAGMENT_FLIGHT_PLAN_MARKER = gql`
 fragment flightPlanMarker on FlightPlanMarker {
-      name
-      position
-      type
-      gpsLatitude
-      gpsLongitude
+  name
+  position
+  type
+  gpsLatitude
+  gpsLongitude
 }
 `
 
@@ -14,6 +14,17 @@ export const FRAGMENT_FLIGHT_PLAN_FULL_INFO = gql`
 fragment flightPlanFullInfo on FlightPlan {
   id
   name
+  plannedSpeed
+  plannedTakeoffDatetime
+  isDefaultName
+  isPublic
+  isEditableByCopilot
+
+  aircraft {
+    id
+    callSign
+    seats
+  }
   track {
     bearing
     distance
diff --git a/src/pages/profile/flightPlanner/FlightPlanEditPage.vue b/src/pages/profile/flightPlanner/FlightPlanEditPage.vue
index 07f7b1c..1ced4bd 100644
--- a/src/pages/profile/flightPlanner/FlightPlanEditPage.vue
+++ b/src/pages/profile/flightPlanner/FlightPlanEditPage.vue
@@ -21,6 +21,12 @@ import FlightPlanMap from "components/flightPlans/FlightPlanMap.vue";
 import FlightPlanRoute from "components/flightPlans/FlightPlanRoute.vue";
 import FlightPlanMarkersList from "components/flightPlans/FlightPlanMarkersList.vue";
 import DatetimePicker from "components/inputs/DatetimePicker.vue";
+import {useAircraftsStore} from "stores/Aircrafts";
+import ComboboxInput from "components/inputs/ComboboxInput.vue";
+import FormWrapper from "components/FormWrapper.vue";
+import {successObject} from "src/composables/dialog";
+import {useQuasar} from "quasar";
+import {useCopilotsStore} from "stores/Copilots";
 
 const {flightPlan} = storeToRefs(useFlightPlansStore());
 
@@ -34,6 +40,7 @@ useAppStore().setBreadcrumbs([
 
 onMounted(() => {
   useAirspacesStore().fetch();
+  useAircraftsStore().fetch({});
   usePointsOfInterestStore().fetch({limit: 10000});
   useAirportsStore().fetch();
 });
@@ -41,25 +48,29 @@ onMounted(() => {
 const {pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
 const {airspaces: airspacesData, areAirspacesLoading: isQueryRunning} = storeToRefs(useAirspacesStore())
 const {airports} = storeToRefs(useAirportsStore());
+const {aircrafts: aircraftsData} = storeToRefs(useAircraftsStore());
+const {copilots: copilotsData} = storeToRefs(useCopilotsStore());
+const aircrafts = computed(() => aircraftsData.value.map(a => ({id: a.id, name: a.callSign})));
+
 
 const {getMarkersFrom} = useFlightPlanUtils();
 const {markerObject} = useFlightPlanObjects();
 
 const formData = ref({
   name: flightPlan.value?.name || null,
+  isDefaultName: flightPlan.value?.isDefaultName || false,
+  isEditableByCopilot: flightPlan.value?.isEditableByCopilot || false,
   isPublic: flightPlan.value?.isPublic || false,
-  takeoffTime: flightPlan.value?.takeoffTime || null,
-  aircraft: flightPlan.value?.aircraft || null,
-  plannedSpeed: flightPlan.value?.plannedSpeed || 150
+  plannedTakeoffDatetime: flightPlan.value?.plannedTakeoffDatetime || null,
+  aircraft: flightPlan.value && flightPlan.value.aircraft ? {id: flightPlan.value.aircraft.id, name: flightPlan.value.aircraft.callSign} : null,
+  plannedSpeed: flightPlan.value?.plannedSpeed || 150,
 })
 
 const openedTab = ref("route");
 const flightPlannerDialogOpen = ref(false);
 const flightPlanMarkers = ref(getMarkersFrom(flightPlan.value));
 
-const updateFlightPlanName = () => {
-  formData.value.name = flightPlanMarkers.value.map(m => m.name).join(" - ");
-}
+const autoFlightName = computed(() => flightPlanMarkers.value.map(m => m.name).join(" - "))
 
 
 const handleMarkersChanges = (markers) => {
@@ -76,7 +87,13 @@ const handleMarkersChanges = (markers) => {
   });
 };
 
-const handleFlightPlanInfoSave = () => useFlightPlansStore().update(flightPlan.value.id, formData.value);
+
+const $q = useQuasar();
+const handleFlightPlanInfoSave = () => {
+  useFlightPlansStore().update(flightPlan.value.id, formData.value).then(() => {
+    $q.notify(successObject("Ulozeno"));
+  })
+}
 const insertAtPosition = ref(flightPlanMarkers.value.length);
 </script>
 
@@ -107,7 +124,7 @@ const insertAtPosition = ref(flightPlanMarkers.value.length);
             @markers-changed="handleMarkersChanges"
           />
         </div>
-        <div class="col-12 col-md-5 col-lg-2">
+        <div class="col-12 col-md-3 col-lg-2">
           <FlightPlanMarkersList
             :insert-position="insertAtPosition"
             :flight-plan="flightPlan"
@@ -121,21 +138,23 @@ const insertAtPosition = ref(flightPlanMarkers.value.length);
     <q-tab-panel name="info">
       <div class="row">
         <div class="col">
-          <q-form @submit.prevent="handleFlightPlanInfoSave">
-            <q-input v-model="formData.name" label="Jméno letu" v-bind="commonProps"/>
-            <q-btn @click="updateFlightPlanName()">Jmeno automaticky</q-btn>
+
+          <FormWrapper v-model="formData" @save="handleFlightPlanInfoSave">
+            <q-input v-model="formData.name" label="Jméno letu" v-if="!formData.isDefaultName" v-bind="commonProps"/>
+
+            <q-checkbox v-model="formData.isDefaultName" label="Použít automatické jméno"/>
 
             <q-checkbox v-model="formData.isPublic" label="Zveřejnit"/>
-            <DatetimePicker v-model="formData.takeoffTime" label="Datum a čas vzletu" v-bind="commonProps"/>
-            <q-select v-model="formData.aircraft" :options="[]" label="Letadlo" v-bind="commonProps"/>
+            <q-checkbox v-model="formData.isEditableByCopilot" label="Kopilot může upravovat"/>
+            <DatetimePicker v-model="formData.plannedTakeoffDatetime" label="Datum a čas vzletu" v-bind="commonProps"/>
+            <ComboboxInput v-model="formData.aircraft" :options="aircrafts" label="Letadlo" v-bind="commonProps"/>
 
-            <q-input v-model="formData.plannedSpeed" label="Plánovaná rychlost" v-bind="commonProps">
+            <q-input v-model.number="formData.plannedSpeed" type="number" step="5" label="Plánovaná rychlost" v-bind="commonProps">
               <template #append>km/h</template>
             </q-input>
 
-            <q-btn @click="handleFlightPlanInfoSave" icon="save">Ulozit</q-btn>
-
-          </q-form>
+            <!--            <q-btn @click="handleFlightPlanInfoSave" icon="save">Ulozit</q-btn>-->
+          </FormWrapper>
         </div>
       </div>
     </q-tab-panel>