Mapa s trasami letu u eventu, drobna uprava vizualu eventu

src/pages/profile/event/EventDetailPage.vue

@@ -5,7 +5,6 @@ import EventDetailSkeleton from "components/event/skeletons/EventDetailSkeleton.
 import {useAppStore} from "stores/App";
 import FAB from "components/FAB.vue";
 import FlightsList from "components/flights/FlightsList.vue";
-import {FORMAT_DATE, formatDatetime} from "src/composables/datetimeUtils";
 import {useEventsStore} from "stores/Events";
 import {storeToRefs} from "pinia";
 import {filters, loadPage, paginationLimit} from "src/composables/pagination";
@@ -13,9 +12,10 @@ import {useFlightsStore} from "stores/Flights";
 import PublishButton from "components/inputs/PublishButton.vue";
 import {useLoggedUserStore} from "stores/LoggedUser";
 import {toggleVisibility} from "src/composables/form/formHandling";
-import {TOGGLE_FLIGHT_PUBLISH} from "src/graphql/mutations/flight";
 import {useQuasar} from "quasar";
 import CopyLinkButton from "components/inputs/CopyLinkButton.vue";
+import EventFlightsMap from "components/event/EventFlightsMap.vue";
+import EventBasicInfo from "components/event/EventBasicInfo.vue";
 
 const eventId = parseInt(useRoute().params.id);
 onMounted(() => {
@@ -35,7 +35,6 @@ const togglePublicVisibility = (variables) => toggleVisibility({
   $q, store: useEventsStore(), object: event.value, variables
 });
 
-
 const {isQueryRunning, event} = storeToRefs(useEventsStore());
 
 filters.value = {eventId: eventId}
@@ -51,19 +50,7 @@ const loggedUser = storeToRefs(useLoggedUserStore()).user;
   <EventDetailSkeleton v-if="isQueryRunning || !event"/>
 
   <template v-else>
-    <q-list bordered separator class="q-my-lg" v-if="event.dateFrom && event.dateTo">
-      <q-item>
-        <q-item-section>
-          Od: {{ formatDatetime(event.dateFrom, FORMAT_DATE) }}
-        </q-item-section>
-      </q-item>
-
-      <q-item>
-        <q-item-section>
-          Do: {{ formatDatetime(event.dateTo, FORMAT_DATE) }}
-        </q-item-section>
-      </q-item>
-    </q-list>
+    <EventBasicInfo :event="event"/>
 
     <PublishButton
       :url-prefix="`${loggedUser.publicUsername}/udalosti/`"
@@ -75,11 +62,13 @@ const loggedUser = storeToRefs(useLoggedUserStore()).user;
       :route="{name: 'publicEventDetail', params: {username: loggedUser.publicUsername, eventSlug: event.urlSlug}}"
     />
 
-    <article v-html="event.description"/>
+    <article class="q-my-lg" v-html="event.description"/>
+
+    <EventFlightsMap :event="event" :only-public="false" />
 
     <h3>Lety</h3>
 
-    <q-banner v-if="event.flights.length === 0" class="bg-light-blue text-white">
+    <q-banner v-if="flights.length === 0" class="bg-light-blue text-white">
       Zatím tu nemáš uložené žádné lety.
     </q-banner>
 

src/pages/profile/flight/FlightDetailPage.vue

@@ -94,7 +94,7 @@ const togglePublicVisibility = (variables) => toggleVisibility({
         <FlightBasicInfo
           :flight="flight"
           :poi-detail-route="{name: 'poiDetail'}"
-          :event-detail-route="{name: 'eventDetail', params: {id: flight.event.id}}"
+          :event-detail-route="flight.event ? {name: 'eventDetail', params: {id: flight.event.id}} : null"
           :aircraft-detail-route="{name: 'aircraftDetail'}"
           :copilot-detail-route="{name: 'copilotDetail'}"
         />