Verejny seznam POI

src/components/poi/POIList.vue

@@ -3,12 +3,23 @@ const props = defineProps({
   items: {
     type: Array,
     required: false
+  },
+  public: {
+    type: Boolean,
+    required: true
   }
-})
+});
+
+const getRoute = (item) => {
+  if (props.public)
+    return {name: "publicPOIDetail", params: {id: item.id}}
+  else
+    return {name: "poiDetail", params: {id: item.id}}
+}
 </script>
 <template>
   <q-list bordered separator>
-    <q-item clickable v-ripple v-for="poi of items" :key="poi" :to="{name: 'poiDetail', params: {id: poi.id}}">
+    <q-item clickable v-ripple v-for="poi of items" :key="poi" :to="getRoute(poi)">
       <q-item-section avatar>
         <q-avatar v-if="poi.titlePhoto">
           <img :src="poi.titlePhoto.thumbnailUrl" alt=""/>
@@ -18,8 +29,7 @@ const props = defineProps({
       <q-item-section>
         {{ poi.name }}
         <div class="text-secondary" v-if="poi.type">
-        {{ poi.type.name }}
-
+          {{ poi.type.name }}
         </div>
       </q-item-section>
       <q-item-section side top v-if="poi.isPublic">