Homepage, verejna cast, vetsi sada uprav a oprav

2023-08-21 22:45:58 +02:00
parent 8bc477a611
commit 8c3b8d19dd
54 changed files with 550 additions and 372 deletions
@@ -0,0 +1,42 @@
+<script setup>
+import {onMounted} from "vue";
+import {useRoute} from "vue-router";
+import POIDetailSkeleton from "components/poi/POIDetailSkeleton.vue";
+import FAB from "components/FAB.vue";
+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";
+
+onMounted(() => {
+  fetchPoi(useRoute().params.id).then(() => {
+    useAppStore().setPageTitle(`${poi.value.name}`);
+    useAppStore().setBreadcrumbs([
+      {to: {name: "poi"}, label: "Zajímavá místa"},
+      {label: poi.value.name},
+    ])
+  });
+
+})
+</script>
+
+<template>
+  <POIDetailSkeleton v-if="loading || !poi"/>
+
+  <template v-else>
+
+    <EmbeddedMap
+      v-if="poi.gpsLatitude && poi.gpsLongitude"
+      :gps-latitude="poi.gpsLatitude"
+      :gps-longitude="poi.gpsLongitude"
+      :zoom="13"
+    />
+
+    <PhotosList
+      :photos="poi.photos"
+      :show-actions="false"
+    />
+    <FAB :router-link="{name: 'poiEdit', params:{id: poi.id}}" mode="edit"/>
+  </template>
+
+</template>