From 8c7e237053bb6ecb286a58f318dd95644e38c72c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal.kvacek@performax.cz>
Date: Sun, 10 Dec 2023 23:21:33 +0100
Subject: [PATCH] Verejny seznam POI

---
 src/components/poi/POIList.vue                | 18 ++++++++---
 .../profile/poi/PointsOfInterestPage.vue      |  1 +
 .../public/PointOfInterestDetailPage.vue      |  1 +
 src/pages/public/PointsOfInterestMapPage.vue  |  7 -----
 src/pages/public/PointsOfInterestPage.vue     | 31 +++++++++++++++++++
 src/router/routes.js                          |  2 +-
 6 files changed, 48 insertions(+), 12 deletions(-)
 delete mode 100644 src/pages/public/PointsOfInterestMapPage.vue
 create mode 100644 src/pages/public/PointsOfInterestPage.vue

diff --git a/src/components/poi/POIList.vue b/src/components/poi/POIList.vue
index 226c9b4..5c697f1 100644
--- a/src/components/poi/POIList.vue
+++ b/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">
diff --git a/src/pages/profile/poi/PointsOfInterestPage.vue b/src/pages/profile/poi/PointsOfInterestPage.vue
index 0165aee..e3534a5 100644
--- a/src/pages/profile/poi/PointsOfInterestPage.vue
+++ b/src/pages/profile/poi/PointsOfInterestPage.vue
@@ -26,6 +26,7 @@ const {isQueryRunning, pointsOfInterest} = storeToRefs(usePointsOfInterestStore(
 
   <POIList
       v-else
+      :public="false"
       :items="pointsOfInterest"
   />
 
diff --git a/src/pages/public/PointOfInterestDetailPage.vue b/src/pages/public/PointOfInterestDetailPage.vue
index d4f0f9a..71f3e2b 100644
--- a/src/pages/public/PointOfInterestDetailPage.vue
+++ b/src/pages/public/PointOfInterestDetailPage.vue
@@ -36,6 +36,7 @@ useMeta(() => metaData({
 }));
 useAppStore().setBreadcrumbs([
   {to: {name: 'homepage'}, label: "Polétání.cz"},
+  {to: {name: 'publicPOIs'}, label: "Místa"},
   {label: pointOfInterest.value.name}
 ]);
 
diff --git a/src/pages/public/PointsOfInterestMapPage.vue b/src/pages/public/PointsOfInterestMapPage.vue
deleted file mode 100644
index c92a483..0000000
--- a/src/pages/public/PointsOfInterestMapPage.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup>
-
-</script>
-
-<template>
-  poi
-</template>
diff --git a/src/pages/public/PointsOfInterestPage.vue b/src/pages/public/PointsOfInterestPage.vue
new file mode 100644
index 0000000..fb03db8
--- /dev/null
+++ b/src/pages/public/PointsOfInterestPage.vue
@@ -0,0 +1,31 @@
+<script setup>
+import {usePointsOfInterestStore} from "stores/PointsOfInterest";
+import {storeToRefs} from "pinia";
+import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+import POIList from "components/poi/POIList.vue";
+import {useAppStore} from "stores/App";
+import {useMeta} from "quasar";
+import {metaData} from "src/composables/meta";
+
+usePointsOfInterestStore().fetchPublic();
+
+useAppStore().setPageTitle("Místa");
+useAppStore().setBreadcrumbs([
+  {to: {name: 'homepage'}, label: "Polétání.cz"},
+  {label: "Místa"},
+]);
+useMeta(() => metaData({
+  title: "Místa"
+}))
+
+const {pointsOfInterest, isQueryRunning} = storeToRefs(usePointsOfInterestStore());
+</script>
+
+<template>
+  <BasicListSkeleton :items="10" v-if="isQueryRunning && !pointsOfInterest.length"/>
+  <POIList
+      v-else
+      :public="true"
+      :items="pointsOfInterest"
+  />
+</template>
diff --git a/src/router/routes.js b/src/router/routes.js
index fbbd580..26a63fe 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -24,7 +24,7 @@ const routes = [
         ]
       },
       {path: 'letadlo/:id', name: "publicAircraftDetail", component: () => import('pages/public/AircraftDetailPage.vue')},
-      {path: 'mista', name: "publicPOIs", component: () => import('pages/public/PointsOfInterestMapPage.vue')},
+      {path: 'mista', name: "publicPOIs", component: () => import('pages/public/PointsOfInterestPage.vue')},
       {path: 'mista/:id', name: "publicPOIDetail", component: () => import('pages/public/PointOfInterestDetailPage.vue')},
 
     ]