44 lines
1.3 KiB
Vue
44 lines
1.3 KiB
Vue
<script setup>
|
|
import {useAppStore} from "stores/App";
|
|
import FAB from "components/FAB.vue";
|
|
import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
|
|
import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
|
|
import EventsList from "components/event/EventsList.vue";
|
|
import {storeToRefs} from "pinia";
|
|
import {useEventsStore} from "stores/Events";
|
|
import {onBeforeMount} from "vue";
|
|
|
|
useAppStore().setPageTitle("Letecké události");
|
|
useAppStore().setBreadcrumbs([])
|
|
|
|
onBeforeMount(() => {
|
|
useEventsStore().fetch({});
|
|
});
|
|
|
|
const {isQueryRunning, events} = storeToRefs(useEventsStore());
|
|
</script>
|
|
|
|
<template>
|
|
<BasicListSkeleton :items="8" v-if="isQueryRunning"/>
|
|
<BasicInfoBanner
|
|
v-else-if="!isQueryRunning && events.length === 0"
|
|
:route-add="{name: 'addEvent'}"
|
|
label-add="Přidat"
|
|
>
|
|
Události slouží ke sloučení letů z jedné akce/výletu do přehledné skupiny. Aktuálně tu nemáš vytvořenou žádnou
|
|
událost, ke které bys mohl napárovat svoje lety.
|
|
|
|
<br>
|
|
|
|
Událost můžeš vytvořit i v rámci uložení letu.
|
|
</BasicInfoBanner>
|
|
|
|
<EventsList
|
|
v-else
|
|
:items="events"
|
|
:route-detail="{name: 'eventDetail', params: {}}"
|
|
/>
|
|
|
|
<FAB :router-link="{name: 'addEvent'}" mode="add"/>
|
|
</template>
|