Pridan intersection na galeriii a mapu -> zrychleni

src/components/flights/FlightBasicInfo.vue

@@ -134,7 +134,7 @@ const props = defineProps({
       </q-item-section>
     </q-item>
 
-    <q-item v-if="flight.event && flight.event.isPublic">
+    <q-item v-if="flight.event && (loggedUser || flight.event.isPublic)">
       <q-item-section avatar>
         <q-icon name="event"/>
       </q-item-section>

src/components/flights/FlightTrackMap.vue

@@ -102,16 +102,18 @@ const chartOptions = {
 
 <template>
   <q-no-ssr>
-    <MapWithMarkers
+    <q-intersection>
-      v-if="displayMap"
+      <MapWithMarkers
-      style="width: 100%; height: 500px;"
+        v-if="displayMap"
-      :gpx-track="flight.gpxTrack?.coordinates || []"
+        style="width: 100%; height: 500px;"
-      :markers="pointsOfInterests"
+        :gpx-track="flight.gpxTrack?.coordinates || []"
-      :highlight-position="currentPositionMarker"
+        :markers="pointsOfInterests"
-      :photos="mapPhotos"
+        :highlight-position="currentPositionMarker"
-    />
+        :photos="mapPhotos"
+      />
 
-    <Line v-if="gpxTrack" :data="chartSpeedData" :options="chartOptions"/>
+      <Line v-if="gpxTrack" :data="chartSpeedData" :options="chartOptions"/>
-    <Line v-if="gpxTrack" :data="chartAltitudeData" :options="chartOptions"/>
+      <Line v-if="gpxTrack" :data="chartAltitudeData" :options="chartOptions"/>
+    </q-intersection>
   </q-no-ssr>
 </template>

src/components/photos/PhotoGallery.vue

@@ -81,26 +81,27 @@ watch(() => [openedPhoto.value, $lightbox.value], () => {
 
 <template>
   <div :id="galleryId" class="row">
-    <div class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm" v-for="photo in photos" :key="photo.id">
+    <q-intersection v-for="photo in photos" :key="photo.id" class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm">
-      <a
+        <a
-        :href="photo.url"
+          :href="photo.url"
-        :data-pswp-width="photo.width"
+          :data-pswp-width="photo.width"
-        :data-pswp-height="photo.height"
+          :data-pswp-height="photo.height"
-        target="_blank"
+          target="_blank"
-        rel="noreferrer"
+          rel="noreferrer"
-      >
-        <q-img
-          spinner-color="primary"
-          class="rounded-borders"
-          :src="photo.thumbnailUrl"
-          alt=""
         >
-          <div class="absolute-bottom" v-if="photo.name !== ''">
+          <q-img
-            {{ photo.name }}
+            spinner-color="primary"
-          </div>
+            class="rounded-borders"
-        </q-img>
+            :src="photo.thumbnailUrl"
-        <PhotoCaption :photo="photo"/>
+            alt=""
-      </a>
+          >
-    </div>
+            <div class="absolute-bottom" v-if="photo.name !== ''">
+              {{ photo.name }}
+            </div>
+          </q-img>
+          <PhotoCaption :photo="photo"/>
+        </a>
+    </q-intersection>
+
   </div>
 </template>