62 lines
2.1 KiB
Vue
62 lines
2.1 KiB
Vue
<script setup>
|
|
import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
|
|
import FlightsList from "components/flights/FlightsList.vue";
|
|
import PublicFlightEventSwitcher from "components/navigation/PublicFlightEventSwitcher.vue";
|
|
import {useAppStore} from "stores/App";
|
|
import {useFlightsStore} from "stores/Flights";
|
|
import {storeToRefs} from "pinia";
|
|
import {commonKeywords, metaData} from "src/composables/meta";
|
|
import {useMeta} from "quasar";
|
|
import {usePagination} from "src/composables/pagination";
|
|
|
|
const props = defineProps({
|
|
pilot: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
useMeta(() => metaData({
|
|
title: `${props.pilot.publicUsername} - Lety`,
|
|
keywords: [...commonKeywords, "pilot", props.pilot.publicUsername, props.pilot.name],
|
|
description: `Výlety publikované pilotem ${props.pilot.name}. ${props.pilot.publicUsername}: ${props.pilot.description}`,
|
|
image: props.pilot.titleImageUrl
|
|
}));
|
|
|
|
useAppStore().setPageTitle(props.pilot.publicUsername);
|
|
useAppStore().setBreadcrumbs([
|
|
{to: {name: 'homepage'}, label: "Polétání.cz"},
|
|
{label: `@${props.pilot.publicUsername}`},
|
|
])
|
|
|
|
const {filters, loadPage, paginationLimit} = usePagination();
|
|
filters.value = {username: props.pilot.publicUsername};
|
|
const loadNextFlightsPage = (appendItems) => loadPage({
|
|
fetchFunc: useFlightsStore().fetchPublic,
|
|
appendItems
|
|
});
|
|
loadNextFlightsPage(false);
|
|
|
|
const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRefs(useFlightsStore());
|
|
</script>
|
|
|
|
<template>
|
|
<PublicFlightEventSwitcher :username="pilot?.publicUsername"/>
|
|
|
|
<FlightsListSkeleton :items="paginationLimit" v-if="areFlightsLoading && flights?.length === 0"/>
|
|
|
|
<q-banner class="bg-primary text-white" v-else-if="!areFlightsLoading && flights.length === 0">
|
|
Tento pilot zatím nepublikoval žádný let.
|
|
</q-banner>
|
|
|
|
<FlightsList
|
|
v-else
|
|
:items="flights"
|
|
:total-items-count="totalItemsCount"
|
|
:is-query-running="areFlightsLoading"
|
|
:items-per-page="paginationLimit"
|
|
:public="true"
|
|
@load-more="loadNextFlightsPage(true)"
|
|
/>
|
|
</template>
|