Zaklad pro zadavani novych letu

src/pages/profile/lists/FlightsPage.vue

@@ -0,0 +1,43 @@
+<script setup>
+import {onMounted, ref} from "vue";
+import {useFlightsStore} from "stores/Flights";
+import {useMeta} from "quasar";
+import FlightsList from "components/flights/FlightsList.vue";
+import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import {storeToRefs} from "pinia";
+import AddFAB from "components/AddFAB.vue";
+
+useMeta({title: "Moje lety"});
+
+const flightsStore = useFlightsStore();
+const flights = storeToRefs(flightsStore).items;
+
+const loading = ref(false);
+onMounted(() => {
+  loading.value = true;
+  flightsStore.fetch().finally(() => {
+    loading.value = false;
+  });
+})
+</script>
+
+<template>
+  <FlightsListSkeleton v-if="loading"/>
+
+  <div class="q-pa-md q-gutter-sm" v-else-if="!loading && flights.length === 0">
+    <q-banner class="bg-light-blue text-white ">
+      <template v-slot:avatar>
+        <q-icon name="info"/>
+      </template>
+      Nemáš zaznamenaný žádný let.
+      <template v-slot:action>
+        <q-btn flat color="white" :to="{name: 'addFlight'}" label="Přidat let"/>
+      </template>
+    </q-banner>
+  </div>
+
+  <FlightsList :items="flights" v-else/>
+
+
+  <AddFAB :router-link="{name: 'addFlight'}"/>
+</template>