poletani.cz/app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

composables, mazani letu, skeletony

Browse Source
This commit is contained in:
Michal Kváček
2023-07-24 17:31:54 +02:00
parent 4648c30f90
commit 864db6c6a2
53 changed files with 732 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/profile/lists/AircraftsPage.vue
+7 -16
View File
@@ -1,28 +1,19 @@
<script setup>
import {useAircraftsStore} from "stores/Aircrafts";
import {onMounted, ref} from "vue";
import {storeToRefs} from "pinia";
import {onMounted} from "vue";
import AircraftsList from "components/aircrafts/AircraftsList.vue";
import AddFAB from "components/FAB.vue";
import AircraftsListSkeleton from "components/aircrafts/AircraftsListSkeleton.vue";
import {aircrafts, fetchAircrafts, loading} from "src/composables/objects/aircraft";
import FAB from "components/FAB.vue";
const aircraftStore = useAircraftsStore();
const aircrafts = storeToRefs(aircraftStore).items;
let loading = ref(false);
onMounted(() => {
loading.value = true
aircraftStore.fetch().finally(() => {
loading.value = false
});
fetchAircrafts();
})
</script>
<template>
<h4>Letadla</h4>
<AircraftsListSkeleton v-if="loading" />
<AircraftsList :items="aircrafts" v-if="!loading"/>
<AddFAB mode="add" :router-link="{name: 'addAircraft'}"/>
<AircraftsList :items="aircrafts" v-else />
<FAB mode="add" :router-link="{name: 'addAircraft'}"/>
</template>