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,73 @@
+<script setup>
+import {onMounted, watch} from "vue";
+import {useAircraftsStore} from "stores/Aircrafts";
+import {useRoute, useRouter} from "vue-router";
+import {useQuasar} from "quasar";
+import AircraftDetailSkeleton from "components/aircrafts/AircraftDetailSkeleton.vue";
+import {confirmObject, successObject} from "src/composables/dialog";
+import {loading, aircraft, fetchAircraft} from "src/composables/objects/aircraft";
+import FAB from "components/FAB.vue";
+import {useAppStore} from "stores/App";
+import FlightsList from "components/flights/FlightsList.vue";
+import {copilot} from "src/composables/objects/copilot";
+
+const aircraftId = parseInt(useRoute().params.id);
+onMounted(() => {
+  fetchAircraft(aircraftId);
+})
+
+const $q = useQuasar();
+const confirmDelete = (id) => {
+  $q.dialog(confirmObject('Opravdu chceš smazat toto letadlo?'))
+    .onOk(() => {
+      useAircraftsStore().delete(id).then(() => {
+        useRouter().push({name: "aircrafts"});
+        $q.notify(successObject("Letadlo uspesne odstraneno"));
+      });
+    })
+};
+
+watch(aircraft, (newVal) => {
+  useAppStore().setPageTitle(newVal.callSign);
+  useAppStore().setBreadcrumbs([
+    {label: "Letadla", to: {name: "aircrafts"}},
+    {label: newVal.callSign}
+  ])
+});
+
+</script>
+
+<template>
+  <AircraftDetailSkeleton v-if="loading || !aircraft"/>
+  <template v-else>
+
+    <q-card class="q-mx-md q-my-md flight-detail-card">
+      <q-img :src="aircraft.photoUrl" v-if="aircraft.photoUrl" />
+
+      <q-card-section>
+        <q-list>
+          <q-item v-if="aircraft.manufacturer">
+            Výrobce: {{ aircraft.manufacturer }}
+          </q-item>
+          <q-item v-if="aircraft.model">
+            Model: {{ aircraft.model }}
+          </q-item>
+        </q-list>
+
+        <h3>Lety</h3>
+        <q-banner v-if="aircraft.flights.length === 0" class="bg-light-blue text-white">
+          Zatím žádné lety.
+        </q-banner>
+        <FlightsList :items="aircraft.flights" v-else/>
+      </q-card-section>
+
+      <q-card-actions align="right">
+        <q-btn @click="confirmDelete(aircraft.id)" icon="delete" text-color="red" rounded flat/>
+      </q-card-actions>
+    </q-card>
+
+    <FAB :router-link='{name: "aircraftEdit", params: {id: aircraft.id}}' mode="edit"/>
+  </template>
+
+
+</template>