Homepage, verejna cast, vetsi sada uprav a oprav

2023-08-21 22:45:58 +02:00
parent 8bc477a611
commit 8c3b8d19dd
54 changed files with 550 additions and 372 deletions
@@ -0,0 +1,36 @@
+<script setup>
+import {onMounted} from "vue";
+import {useQuasar} from "quasar";
+import FlightsList from "components/flights/FlightsList.vue";
+import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FAB from "components/FAB.vue";
+import {fetchFlights, flights, handleDeleteFlight, loading} from "src/composables/objects/flight";
+import {useAppStore} from "stores/App";
+
+const $q = useQuasar();
+
+useAppStore().setPageTitle("Moje lety")
+onMounted(() => {
+  fetchFlights();
+})
+</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 class="q-mx-md q-my-md" v-else :items="flights" @delete="handleDeleteFlight($q, $event)" />
+
+  <FAB mode="add" :router-link="{name: 'addFlight'}"/>
+</template>