45 lines
1.3 KiB
Vue
45 lines
1.3 KiB
Vue
<script setup>
|
|
import FlightsList from "components/flights/FlightsList.vue";
|
|
import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
|
|
import FAB from "components/FAB.vue";
|
|
import {useAppStore} from "stores/App";
|
|
import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
|
|
import {useFlightsStore} from "stores/Flights";
|
|
import {storeToRefs} from "pinia";
|
|
import {usePagination} from "src/composables/pagination";
|
|
import {onMounted} from "vue";
|
|
|
|
useAppStore().setPageTitle("Moje lety");
|
|
useAppStore().setBreadcrumbs([]);
|
|
|
|
const {loadPage, paginationLimit} = usePagination({fetchFunction: useFlightsStore().fetch});
|
|
onMounted(() => {
|
|
loadPage(false);
|
|
});
|
|
const {flights, totalItemsCount, isQueryRunning} = storeToRefs(useFlightsStore());
|
|
</script>
|
|
|
|
<template>
|
|
<FlightsListSkeleton v-if="isQueryRunning && flights.length === 0"/>
|
|
|
|
<BasicInfoBanner
|
|
v-else-if="!isQueryRunning && totalItemsCount === 0"
|
|
:route-add="{name: 'addFlight'}"
|
|
label-add="Přidat let"
|
|
>
|
|
Nemáš zaznamenaný žádný let.
|
|
</BasicInfoBanner>
|
|
|
|
<FlightsList
|
|
v-else
|
|
:items="flights"
|
|
:public="false"
|
|
:is-query-running="isQueryRunning"
|
|
:items-per-page="paginationLimit"
|
|
:total-items-count="totalItemsCount"
|
|
@load-more="loadPage(true)"
|
|
/>
|
|
|
|
<FAB mode="add" :router-link="{name: 'addFlight'}"/>
|
|
</template>
|