39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<script setup>
|
|
import {useRoute} from "vue-router";
|
|
import {onMounted} from "vue";
|
|
import {event, fetchEvent, loading} from "src/composables/objects/event";
|
|
import EventDetailSkeleton from "components/event/EventDetailSkeleton.vue";
|
|
import {useAppStore} from "stores/App";
|
|
import FAB from "components/FAB.vue";
|
|
import FlightsList from "components/flights/FlightsList.vue";
|
|
|
|
const eventId = parseInt(useRoute().params.id);
|
|
onMounted(() => {
|
|
fetchEvent(eventId).then(() => {
|
|
useAppStore().setPageTitle(event.value.name);
|
|
useAppStore().setBreadcrumbs([
|
|
{to: {name: "events"}, label: "Události"},
|
|
{label: event.value.name}
|
|
])
|
|
});
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<EventDetailSkeleton v-if="loading || !event"/>
|
|
|
|
<template v-else>
|
|
<article v-html="event.description" />
|
|
|
|
<h3>Lety</h3>
|
|
|
|
<q-banner v-if="event.flights.length === 0" class="bg-light-blue text-white">
|
|
Zatím tu nemáš uložené žádné lety.
|
|
</q-banner>
|
|
|
|
<FlightsList :items="event.flights" v-else/>
|
|
|
|
<FAB mode="edit" :router-link="{name: 'eventEdit', params: {id: eventId}}"/>
|
|
</template>
|
|
</template>
|