Files
app/src/pages/profile/copilot/CopilotsPage.vue
T

27 lines
919 B
Vue

<script setup>
import {onMounted} from "vue";
import {fetchCopilots, loading, copilots} from "src/composables/objects/copilot";
import CopilotsList from "components/copilots/CopilotsList.vue";
import FAB from "components/FAB.vue";
import {useAppStore} from "stores/App";
import BasicListSkeleton from "components/BasicListSkeleton.vue";
import BasicInfoBanner from "components/BasicInfoBanner.vue";
onMounted(() => {
fetchCopilots();
useAppStore().setPageTitle("Spolucestující");
})
</script>
<template>
<BasicListSkeleton :items-count-min="5" :items-count-max="10" v-if="loading"/>
<BasicInfoBanner v-else-if="!loading && copilots.length === 0" :router-add="{name: 'addCopilot'}">
Zatím tu není nikdo. Přidej si let s někým nebo kopilota vytvoř ručně tu.
</BasicInfoBanner>
<CopilotsList :items="copilots" v-else/>
<FAB :router-link="{name: 'addCopilot'}" mode="add"/>
</template>