40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<script setup>
|
|
import {onMounted} from "vue";
|
|
import AircraftsList from "components/aircrafts/AircraftsList.vue";
|
|
import FAB from "components/FAB.vue";
|
|
import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
|
|
import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
|
|
import {useAircraftsStore} from "stores/Aircrafts";
|
|
import {storeToRefs} from "pinia";
|
|
|
|
const store = useAircraftsStore();
|
|
onMounted(() => {
|
|
store.fetch();
|
|
})
|
|
|
|
const {aircrafts, isQueryRunning} = storeToRefs(store);
|
|
</script>
|
|
|
|
<template>
|
|
<BasicListSkeleton v-if="isQueryRunning"/>
|
|
|
|
<BasicInfoBanner
|
|
v-if="!isQueryRunning && aircrafts.length === 0"
|
|
:route-add="{name: 'addAircraft'}"
|
|
label-add="Vytvořit letadlo"
|
|
>
|
|
Aktuálně nemáš přidané žádné letadlo. Přidej se k existující organizaci nebo si sem ulož vlastní letadlo.
|
|
|
|
<br>
|
|
|
|
Letadlo můžeš založit i během ukládání informace k tvému prvnímu letu. A pak si ho tu jen doupravit.
|
|
</BasicInfoBanner>
|
|
|
|
<AircraftsList
|
|
v-else
|
|
:items="aircrafts"
|
|
/>
|
|
|
|
<FAB mode="add" :router-link="{name: 'addAircraft'}"/>
|
|
</template>
|