Homepage, verejna cast, vetsi sada uprav a oprav

src/pages/profile/poi/PointsOfInterestPage.vue

@@ -0,0 +1,38 @@
+<script setup>
+import {onMounted} from "vue";
+import {fetchPOIList, loading, pointsOfInterest} from "src/composables/objects/poi";
+import {useAppStore} from "stores/App";
+import POIList from "components/poi/POIList.vue";
+import FAB from "components/FAB.vue";
+import BasicListSkeleton from "components/BasicListSkeleton.vue";
+
+onMounted(() => {
+  fetchPOIList();
+});
+
+useAppStore().setPageTitle("Zajímavá místa")
+</script>
+
+<template>
+  <BasicListSkeleton :items-count-min="5" :items-count-max="10" v-if="loading"/>
+
+  <div class="q-pa-md q-gutter-sm" v-else-if="!loading && pointsOfInterest.length === 0">
+    <q-banner class="bg-light-blue text-white">
+      <template v-slot:avatar>
+        <q-icon name="info"/>
+      </template>
+      Nemáš tu uložené žádné zajímavé místo. Přidej si let, nastav si tam ručně trasu a jednotlivé body se zobrazí
+      i v tomto seznamu.
+      <template v-slot:action>
+        <q-btn flat color="white" :to="{name: 'addPoi'}" label="Přidat"/>
+      </template>
+    </q-banner>
+  </div>
+
+  <POIList
+    v-else
+    :items="pointsOfInterest"
+  />
+
+  <FAB :router-link="{name: 'addPOI'}" mode="add"/>
+</template>