Homepage, lepsi POI

src/pages/profile/poi/EditPointOfInterestPage.vue

@@ -2,12 +2,14 @@
 import POIEditSkeleton from "components/poi/POIEditSkeleton.vue";
 import {fetchPoi, loading, poi} from "src/composables/objects/poi";
 import {onMounted} from "vue";
-import {useRoute} from "vue-router";
-import POIEditForm from "components/poi/POIEditForm.vue";
+import {useRoute, useRouter} from "vue-router";
 import {usePointsOfInterestStore} from "stores/PointsOfInterest";
 import {useAppStore} from "stores/App";
 import {useQuasar} from "quasar";
 import {successObject} from "src/composables/dialog";
+import {usePointsOfInterestTypeStore} from "stores/PointOfInterestType";
+import {storeToRefs} from "pinia";
+import POIForm from "components/poi/POIForm.vue";
 
 const poiId = parseInt(useRoute().params.id);
 
@@ -20,12 +22,18 @@ onMounted(() => {
       {label: "Editace"},
     ]);
   });
+
+  usePointsOfInterestTypeStore().fetch();
 })
 
+const poiTypes = storeToRefs(usePointsOfInterestTypeStore()).items;
+
 const $q = useQuasar();
+const router = useRouter();
 const handleSave = (data) => {
   usePointsOfInterestStore().update(poiId, data).then(respData => {
     $q.notify(successObject("Úspěšně uloženo"));
+    router.push({name: "poiDetail", params: {id: poiId}});
   });
 }
 </script>
@@ -33,5 +41,5 @@ const handleSave = (data) => {
 <template>
   <POIEditSkeleton v-if="loading"/>
 
-  <POIEditForm :poi="poi" v-else @save="handleSave"/>
+  <POIForm :poi="poi" :types="poiTypes" v-else @save="handleSave"/>
 </template>