Homepage, lepsi POI

src/pages/profile/poi/NewPointOfInterestPage.vue

@@ -1,25 +1,32 @@
 <script setup>
-import AircraftForm from "components/aircrafts/AircraftForm.vue";
-import {useAircraftsStore} from "stores/Aircrafts";
 import {useRouter} from "vue-router";
 import {useQuasar} from "quasar";
 import {ref} from "vue";
+import POIForm from "components/poi/POIForm.vue";
+import {usePointsOfInterestStore} from "stores/PointsOfInterest";
+import {successObject} from "src/composables/dialog";
+import {useAppStore} from "stores/App";
+import {storeToRefs} from "pinia";
 
-let isRequestPending = ref(false);
 const $q = useQuasar();
 const router = useRouter();
-const handleSave = (formData) => {
-  isRequestPending.value = true;
-  useAircraftsStore().create(formData).then(() => {
-    $q.notify({message: "Letadlo úspěšně vytvořeno", position: "top", color: "positive"});
 
-    router.push({name: "aircrafts"});
-  }).finally(() => {
-    isRequestPending.value = true;
+const handleSave = (formData) => {
+  usePointsOfInterestStore().create(formData).then(() => {
+    $q.notify(successObject("Místo úspěšně uloženo"));
+    router.push({name: "poi"});
   })
 }
+
+const isRequestPending = storeToRefs(usePointsOfInterestStore()).isMutationRunning;
+
+useAppStore().setPageTitle("Nové zajímavé místo");
+useAppStore().setBreadcrumbs([
+  {to: "poi", label: "Zajímavá místa"},
+  {label: "Nové"},
+])
 </script>
 
 <template>
-  <AircraftForm @save="handleSave" :is-request-pending="isRequestPending"/>
+  <POIForm @save="handleSave" :is-request-pending="isRequestPending"/>
 </template>