37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
<script setup>
|
|
import {onMounted} from "vue";
|
|
import {useQuasar} from "quasar";
|
|
import FlightsList from "components/flights/FlightsList.vue";
|
|
import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
|
|
import FAB from "components/FAB.vue";
|
|
import {fetchFlights, flights, handleDeleteFlight, loading} from "src/composables/objects/flight";
|
|
import {useAppStore} from "stores/App";
|
|
|
|
const $q = useQuasar();
|
|
|
|
useAppStore().setPageTitle("Moje lety")
|
|
onMounted(() => {
|
|
fetchFlights();
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<FlightsListSkeleton v-if="loading"/>
|
|
|
|
<div class="q-pa-md q-gutter-sm" v-else-if="!loading && flights.length === 0">
|
|
<q-banner class="bg-light-blue text-white">
|
|
<template v-slot:avatar>
|
|
<q-icon name="info"/>
|
|
</template>
|
|
Nemáš zaznamenaný žádný let.
|
|
<template v-slot:action>
|
|
<q-btn flat color="white" :to="{name: 'addFlight'}" label="Přidat let"/>
|
|
</template>
|
|
</q-banner>
|
|
</div>
|
|
|
|
<FlightsList class="q-mx-md q-my-md" v-else :items="flights" @delete="handleDeleteFlight($q, $event)" />
|
|
|
|
<FAB mode="add" :router-link="{name: 'addFlight'}"/>
|
|
</template>
|