26 lines
1.1 KiB
Vue
26 lines
1.1 KiB
Vue
<script setup>
|
|
import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
|
|
import { onMounted} from "vue";
|
|
import {fetchOrganizations, loading, myOrganizationIds, organizations} from "src/composables/objects/organization";
|
|
import {useAppStore} from "stores/App";
|
|
import FAB from "components/FAB.vue";
|
|
import OrganizationsList from "components/organizations/OrganizationsList.vue";
|
|
import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
|
|
|
|
onMounted(() => {
|
|
fetchOrganizations();
|
|
useAppStore().setPageTitle("Organizace");
|
|
});
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<BasicListSkeleton v-if="loading"/>
|
|
<BasicInfoBanner v-else-if="!loading && organizations.length === 0" :route-add='{name: "addOrganization"}'>
|
|
Aktuálně nejsou dostupné žádné organizace, ke kterým by ses mohl/a přidat.
|
|
Zaregistruj sem svůj aeroklub, abyste mohli sdílet letadla.
|
|
</BasicInfoBanner>
|
|
<OrganizationsList :items="organizations" :my-organizations-ids="myOrganizationIds" v-else/>
|
|
<FAB :router-link="{name: 'addOrganization'}" mode="add"/>
|
|
</template>
|