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,54 @@
+<script setup>
+import AircraftForm from "components/aircrafts/AircraftForm.vue";
+import {useAircraftsStore} from "stores/Aircrafts";
+import {useRoute, useRouter} from "vue-router";
+import {useQuasar} from "quasar";
+import {onMounted, ref} from "vue";
+import AircraftEditSkeleton from "components/aircrafts/AircraftEditSkeleton.vue";
+import {successObject} from "src/composables/dialog";
+import {aircraft, fetchAircraft, loading} from "src/composables/objects/aircraft";
+import {useAppStore} from "stores/App";
+import {copilot} from "src/composables/objects/copilot";
+
+
+const isRequestPending = ref(false);
+const $router = useRouter();
+const $q = useQuasar();
+const aircraftId = parseInt(useRoute().params.id);
+
+const handleSave = (formData) => {
+  isRequestPending.value = true;
+  useAircraftsStore().update(aircraftId, formData).then(() => {
+    $q.notify(successObject("Letadlo úspěšně upraveno"));
+    $router.push({name: "aircrafts"});
+  }).finally(() => {
+    isRequestPending.value = false;
+  })
+}
+
+onMounted(() => {
+  fetchAircraft(aircraftId).then(() => {
+    useAppStore().setPageTitle(`${aircraft.value.callSign} - editace`);
+    useAppStore().setBreadcrumbs([
+      {to: {name: "aircraft"}, label: "Letadla"},
+      {to: {name: "aircraftDetail", params: {id: aircraftId}}, label: aircraft.value.callSign},
+      {label: "Editace"}
+    ])
+  })
+});
+</script>
+
+<template>
+  <AircraftEditSkeleton v-if="loading"/>
+
+  <q-card v-else class="q-mx-md">
+    <q-card-section>
+      <AircraftForm
+        @save="handleSave"
+        :default-values="aircraft"
+        :is-request-pending="isRequestPending"
+      />
+    </q-card-section>
+  </q-card>
+
+</template>