Sprava eventu

2023-09-19 06:33:17 +02:00
parent 0c91ff7838
commit 6fbaef4a1e
25 changed files with 533 additions and 30 deletions
@@ -0,0 +1,38 @@
+<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>