57 lines
1.9 KiB
Vue
57 lines
1.9 KiB
Vue
<script setup>
|
|
import {computed, onMounted} from "vue";
|
|
import {useAircraftsStore} from "stores/Aircrafts";
|
|
import {useFlightsStore} from "stores/Flights";
|
|
import {useRouter} from "vue-router";
|
|
import {usePointsOfInterestStore} from "stores/PointsOfInterest";
|
|
import {storeToRefs} from "pinia";
|
|
import {useAirportsStore} from "stores/Airports";
|
|
import {useAppStore} from "stores/App";
|
|
import FlightFormSteps from "components/flights/form/FlightFormSteps.vue";
|
|
import FlightFormBasic from "components/flights/form/FlightFormBasic.vue";
|
|
import FlightEditSkeleton from "components/flights/skeletons/FlightEditSkeleton.vue";
|
|
|
|
onMounted(() => {
|
|
useAircraftsStore().fetch({})
|
|
usePointsOfInterestStore().fetch({})
|
|
useAirportsStore().fetch()
|
|
|
|
useAppStore().setPageTitle("Nový let");
|
|
useAppStore().setBreadcrumbs([
|
|
{to: {name: "myFlights"}, label: "Moje lety"},
|
|
{label: "Nový"}
|
|
]);
|
|
});
|
|
|
|
const {isMutationRunning} = storeToRefs(useFlightsStore());
|
|
const {aircrafts} = storeToRefs(useAircraftsStore());
|
|
const {pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
|
|
const {airports} = storeToRefs(useAirportsStore());
|
|
|
|
const loading = computed(() => [
|
|
useAircraftsStore().isQueryRunning, usePointsOfInterestStore().isQueryRunning, useAirportsStore().isQueryRunning
|
|
].some(i => i.value))
|
|
|
|
const router = useRouter();
|
|
const handleSave = (formData) => {
|
|
useFlightsStore().create(formData).then((flight) => {
|
|
router.push({name: "flightEdit", params: {id: flight.id, step: "copilot"}});
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<FlightFormSteps :disabled="['copilot', 'track', 'photos', 'notes']"/>
|
|
|
|
<FlightEditSkeleton step="basic" v-if="loading"/>
|
|
<template v-else>
|
|
<FlightFormBasic
|
|
@save="handleSave"
|
|
:is-request-pending="isMutationRunning"
|
|
:aircrafts="aircrafts"
|
|
:airports="airports"
|
|
:locations="pointsOfInterest"
|
|
/>
|
|
</template>
|
|
</template>
|