Ukladani metadat k planum

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"/>

src/graphql/fragments/aircraft.js

@@ -9,6 +9,7 @@ fragment aircraftListInfo on Aircraft {
   model
   manufacturer
   isPublic
+  seats
 
   titlePhoto {
     thumbnailUrl

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

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>