39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<script setup>
|
|
import {useRouter} from "vue-router";
|
|
import {useQuasar} from "quasar";
|
|
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";
|
|
import {usePointsOfInterestTypeStore} from "stores/PointOfInterestType";
|
|
|
|
const $q = useQuasar();
|
|
const router = useRouter();
|
|
|
|
const handleSave = (formData) => {
|
|
usePointsOfInterestStore().create(formData).then(() => {
|
|
$q.notify(successObject("Místo úspěšně uloženo"));
|
|
router.push({name: "poi"});
|
|
})
|
|
}
|
|
useAppStore().setPageTitle("Nové zajímavé místo");
|
|
useAppStore().setBreadcrumbs([
|
|
{to: "poi", label: "Zajímavá místa"},
|
|
{label: "Nové"},
|
|
])
|
|
|
|
usePointsOfInterestTypeStore().fetch();
|
|
|
|
const {isMutationRunning} = storeToRefs(usePointsOfInterestStore());
|
|
const {types} = storeToRefs(usePointsOfInterestTypeStore());
|
|
</script>
|
|
|
|
<template>
|
|
<POIForm
|
|
:types="types"
|
|
:is-request-pending="isMutationRunning"
|
|
@save="handleSave"
|
|
/>
|
|
</template>
|