Prace s mapu, zobrazeni GPX, editace kopilota, skeletony

src/pages/profile/forms/NewFlightPage.vue

@@ -5,49 +5,39 @@ import {useFlightsStore} from "stores/Flights";
 import {useRouter} from "vue-router";
 import {usePointsOfInterestStore} from "stores/PointsOfInterest";
 import {storeToRefs} from "pinia";
-import {useMeta} from "quasar";
 import {useAirportsStore} from "stores/Airports";
 import FlightFormSteps from "components/flights/form/FlightFormSteps.vue";
 import FlightFormBasic from "components/flights/form/FlightFormBasic.vue";
+import {useAppStore} from "stores/App";
 
-const aircraftsStore = useAircraftsStore();
-const poiStore = usePointsOfInterestStore();
-const flightsStore = useFlightsStore();
-const airportStore = useAirportsStore();
 
-useMeta({title: "New flight"});
 onMounted(() => {
-  aircraftsStore.fetch();
-  poiStore.fetch();
-  flightsStore.fetch();
-  airportStore.fetch();
+  useAircraftsStore().fetch();
+  usePointsOfInterestStore().fetch();
+  useFlightsStore().fetch();
+  useAirportsStore().fetch();
+
+  useAppStore().setPageTitle("Nový let");
+  useAppStore().setBreadcrumbs([
+    {to: {name: "myFlights"}, label: "Moje lety"},
+    {label: "Nový"}
+  ]);
 });
 
 
-const aircrafts = storeToRefs(aircraftsStore).items;
-const locations = storeToRefs(poiStore).items;
-const airports = storeToRefs(airportStore).items;
+const aircrafts = storeToRefs(useAircraftsStore()).items;
+const locations = storeToRefs(usePointsOfInterestStore()).items;
+const airports = storeToRefs(useAirportsStore()).items;
 
 const router = useRouter();
 const handleSave = (formData) => {
-  flightsStore.create(formData).then((flight) => {
+  useFlightsStore().create(formData).then((flight) => {
     router.push({name: "flightEdit", params: {id: flight.id, step: "copilot"}});
   });
 }
-
-const formStep = ref("basic")
-
 </script>
 
 <template>
-
-  <q-breadcrumbs>
-    <q-breadcrumbs-el :to="{name: 'myFlights'}">Moje lety</q-breadcrumbs-el>
-    <q-breadcrumbs-el>Nový</q-breadcrumbs-el>
-  </q-breadcrumbs>
-
-  <!--  {{ formData }}-->
-
   <FlightFormSteps :disabled="['copilot', 'track', 'photos', 'notes']"/>
 
   <FlightFormBasic @save="handleSave" :aircrafts="aircrafts" :airports="airports" :locations="locations" />