Homepage, lepsi POI

src/pages/profile/poi/PointOfInterestDetailPage.vue

@@ -7,6 +7,12 @@ import {fetchPoi, loading, poi} from "src/composables/objects/poi";
 import PhotosList from "components/photos/PhotosList.vue";
 import {useAppStore} from "stores/App";
 import EmbeddedMap from "components/map/EmbeddedMap.vue";
+import {useUserStore} from "stores/User";
+import {storeToRefs} from "pinia";
+import BasicInfoBanner from "components/BasicInfoBanner.vue";
+import FlightsList from "components/flights/FlightsList.vue";
+
+const loggedUser = storeToRefs(useUserStore()).user;
 
 onMounted(() => {
   fetchPoi(useRoute().params.id).then(() => {
@@ -16,7 +22,6 @@ onMounted(() => {
       {label: poi.value.name},
     ])
   });
-
 })
 </script>
 
@@ -24,6 +29,7 @@ onMounted(() => {
   <POIDetailSkeleton v-if="loading || !poi"/>
 
   <template v-else>
+    <article v-html="poi.description" />
 
     <EmbeddedMap
       v-if="poi.gpsLatitude && poi.gpsLongitude"
@@ -31,12 +37,23 @@ onMounted(() => {
       :gps-longitude="poi.gpsLongitude"
       :zoom="13"
     />
+    <BasicInfoBanner v-else>
+      Tento bod nemá nastavenou polohu. Po nastavení polohy tu bude zobrazena mapa.
+    </BasicInfoBanner>
 
     <PhotosList
       :photos="poi.photos"
       :show-actions="false"
+      v-if="poi.photos.length > 0"
     />
-    <FAB :router-link="{name: 'poiEdit', params:{id: poi.id}}" mode="edit"/>
+
+    <BasicInfoBanner v-else>
+      Pokud přidáš toto místo k nějaké fotce, zobrazí se tu.
+    </BasicInfoBanner>
+
+    <FlightsList :items="poi.flights" />
+
+    <FAB v-if="poi.createdById === loggedUser.id" :router-link="{name: 'poiEdit', params:{id: poi.id}}" mode="edit"/>
   </template>
 
 </template>