Detail planovace, verejne planovain

src/components/flightPlans/FlightPlanForm.vue

@@ -3,8 +3,10 @@ import {commonProps} from "src/composables/inputs";
 import DatetimePicker from "components/inputs/DatetimePicker.vue";
 import ComboboxInput from "components/inputs/ComboboxInput.vue";
 import FormWrapper from "components/FormWrapper.vue";
-import {onMounted, reactive} from "vue";
-import {setDefaultData} from "src/composables/form/formHandling";
+import {reactive} from "vue";
+import CopyLinkButton from "components/inputs/CopyLinkButton.vue";
+import {useLoggedUserStore} from "stores/LoggedUser";
+import {storeToRefs} from "pinia";
 
 const props = defineProps({
   flightPlan: {
@@ -31,7 +33,10 @@ const formData = reactive({
     id: props.flightPlan.aircraft.id, name: props.flightPlan.aircraft.callSign
   } : null,
   plannedSpeed: props.flightPlan.plannedSpeed || 150,
+  description: props.flightPlan.description || null,
 });
+
+const {user} = storeToRefs(useLoggedUserStore());
 </script>
 
 <template>
@@ -39,7 +44,15 @@ const formData = reactive({
     <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"/>-->
+    <q-checkbox v-model="formData.isPublic" label="Zveřejnit"/>
+
+    <CopyLinkButton
+      v-if="flightPlan.isPublic"
+      :route="{name: 'publicFlightPlanDetail', params: {username: user.publicUsername, id: flightPlan.id}}"
+    />
+
+    <q-editor v-model="formData.description" label="Popis" v-bind="commonProps" />
+
     <!--            <q-checkbox v-model="formData.isEditableByCopilot" label="Kopilot může upravovat"/>-->
     <DatetimePicker v-model="formData.plannedTakeoffDatetime" label="Plánovaný datum a čas vzletu" v-bind="commonProps"/>
     <ComboboxInput v-model="formData.aircraft" :options="aircrafts" label="Letadlo" v-bind="commonProps"/>

src/components/flightPlans/FlightPlanMap.vue

@@ -24,7 +24,8 @@ const props = defineProps({
   },
   insertPosition: {
     type: Number,
-    required: true
+    required: false,
+    default: null
   }
 });
 const emits = defineEmits(["markers-changed", "change-insert-position"]);
@@ -92,7 +93,7 @@ const handleMarkerMove = async (idx, event) => {
     :fullscreen-control="false"
     :show-info-window="true"
     :show-layer-controls="true"
-    :allow-add-marker="true"
+    :allow-add-marker="insertPosition !== null"
     @add-to-route="addMarker"
     @remove-from-route="removeMarker"
   >

src/components/flightPlans/FlightPlanRouteTable.vue

@@ -45,7 +45,7 @@ const columns = [
   },
 ];
 
-const {getDuration, getTotalTime, getTotalDistance} = useFlightPlanCalculations();
+const {getDuration, getTotalDuration, getTotalDistance} = useFlightPlanCalculations();
 
 const data = computed(() => props.flightPlan.track.map((item) => ({
   from: textEllipsis(item.from.name, 30),
@@ -73,7 +73,7 @@ const {screen} = useQuasar();
       <tr class="summary">
         <td v-for="col in cols" :key="col.field" :class="{'text-right': col.align === 'right'}">
           <template v-if="col.field === 'duration'">
-            {{ minutesToHumanReadable(getTotalTime(flightPlan, plannedSpeed)) }}
+            {{ minutesToHumanReadable(getTotalDuration(flightPlan, plannedSpeed)) }}
           </template>
           <template v-else-if="col.field === 'distance'">
             {{ getTotalDistance(flightPlan) }} km

src/components/flightPlans/FlightPlanSideControls.vue

@@ -20,7 +20,7 @@ const props = defineProps({
 
 const emits = defineEmits(["open", "change-insert-position", "fullscren-toggle"])
 
-const {getDuration, getTotalDistance, getTotalTime} = useFlightPlanCalculations();
+const {getDuration, getTotalDistance, getTotalDuration} = useFlightPlanCalculations();
 const totalDistance = computed(() => getTotalDistance(props.flightPlan));
 
 </script>
@@ -109,7 +109,7 @@ const totalDistance = computed(() => getTotalDistance(props.flightPlan));
         <q-item-section>
           Celková vzdálenost: {{ totalDistance }} km
           <br>
-          Plánovaná doba letu: {{ minutesToHumanReadable(getTotalTime(props.flightPlan, props.flightPlan.plannedSpeed)) }}
+          Plánovaná doba letu: {{ minutesToHumanReadable(getTotalDuration(props.flightPlan, props.flightPlan.plannedSpeed)) }}
         </q-item-section>
       </q-item>
     </template>