Mapa s trasami letu u eventu, drobna uprava vizualu eventu

src/pages/public/pilotProfile/EventDetailPage.vue

@@ -11,7 +11,6 @@ export default {
 <script setup>
 import {useAppStore} from "stores/App";
 import EventDetailSkeleton from "components/event/skeletons/EventDetailSkeleton.vue";
-import {FORMAT_DATE, formatDatetime} from "src/composables/datetimeUtils";
 import FlightsList from "components/flights/FlightsList.vue";
 import {storeToRefs} from "pinia";
 import {filters, loadPage, paginationLimit} from "src/composables/pagination";
@@ -19,6 +18,8 @@ import {useFlightsStore} from "stores/Flights";
 import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
+import EventBasicInfo from "components/event/EventBasicInfo.vue";
+import EventFlightsMap from "components/event/EventFlightsMap.vue";
 
 const props = defineProps({
   pilot: {
@@ -55,21 +56,12 @@ const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRef
     <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>
+      <EventBasicInfo :event="event"/>
 
-        <q-item>
-          <q-item-section>
-            Do: {{ formatDatetime(event.dateTo, FORMAT_DATE) }}
-          </q-item-section>
-        </q-item>
-      </q-list>
+      <article class="q-my-lg" v-html="event.description"/>
+
+      <EventFlightsMap :event="event" :only-public="true"/>
 
-      <article v-html="event.description"/>
       <h3>Lety</h3>
 
       <q-banner v-if="event.flights.length === 0" class="bg-light-blue text-white">
@@ -87,7 +79,6 @@ const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRef
         :public="true"
         @load-more="loadNextFlightsPage(true)"
       />
-
     </template>
   </div>
 </template>