Vyhledavani v POI

src/pages/profile/poi/PointsOfInterestPage.vue

@@ -6,21 +6,28 @@ import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 import {usePointsOfInterestStore} from "stores/PointsOfInterest";
 import {storeToRefs} from "pinia";
-import {loadPage, paginationLimit} from "src/composables/pagination";
+import {loadPage, paginationLimit, paginationOffset} from "src/composables/pagination";
+import ListFilters from "components/ListFilters.vue";
 
 useAppStore().setPageTitle("Zajímavá místa");
 
 paginationLimit.value = 15;
-const loadNextPage = (appendItems) => loadPage({
+const loadNextPage = (appendItems, filters = {}) => loadPage({
   fetchFunc: usePointsOfInterestStore().fetch,
-  appendItems
+  filters, appendItems
 });
 loadNextPage(false);
+const handleFiltersChanged = (filters) => {
+  paginationOffset.value = 0;
+  loadNextPage(false, filters);
+}
 
 const {isQueryRunning, totalItemsCount, pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
 </script>
 
 <template>
+  <ListFilters @filters-changed="handleFiltersChanged"/>
+
   <BasicListSkeleton :items="10" v-if="isQueryRunning && !pointsOfInterest.length"/>
   <BasicInfoBanner
     v-else-if="!isQueryRunning && pointsOfInterest.length === 0"
@@ -40,6 +47,5 @@ const {isQueryRunning, totalItemsCount, pointsOfInterest} = storeToRefs(usePoint
     :items-per-page="paginationLimit"
     @load-more="loadNextPage(true)"
   />
-
   <FAB :router-link="{name: 'addPOI'}" mode="add"/>
 </template>