Reorganizace skeletonu, aktualizace app-vite a quasaru

src/pages/profile/flight/EditFlightPage.vue

@@ -19,10 +19,11 @@ import PhotosEditorList from "components/photos/PhotosEditorList.vue";
 import {errorObject, successObject, warningObject} from "src/composables/dialog";
 import PhotoFormDialog from "components/photos/PhotoFormDialog.vue";
 import FlightFormTrack from "components/flights/form/FlightFormTrack.vue";
-import FlightEditSkeleton from "components/flights/FlightEditSkeleton.vue";
+import FlightEditSkeleton from "components/flights/skeletons/FlightEditSkeleton.vue";
 import BatchPhotoFormDialog from "components/photos/BatchPhotoFormDialog.vue";
 import {useAppStore} from "stores/App";
 import {useEventsStore} from "stores/Events";
+import FlightEditCopilotSkeleton from "components/flights/skeletons/FlightEditCopilotSkeleton.vue";
 
 const $q = useQuasar();
 const $route = useRoute();
@@ -68,8 +69,6 @@ const isRequestPending = storeToRefs(useFlightsStore()).isMutationRunning;
 const uploadInProgress = ref(false);
 
 const handlePhotosUpload = (data) => {
-  // todo udelat batch napr. po 5 requestech
-  // TODO: udelat batch i pro rotace a davkove upravy (info)
   const promises = [];
   uploadInProgress.value = true;
   for (const photo of data.photos) {
@@ -155,7 +154,6 @@ const openPhotoEdit = (photo) => {
 
 
 // batch edit
-
 const openBatchEdit = ref(false);
 const editBatchPhotos = ref([]);
 const openBatchPhotoForm = (photos) => {
@@ -206,42 +204,42 @@ const handleBatchPhotoEdit = async (flightId, data) => {
 <template>
   <FlightFormSteps :router-edit-mode="true" :flightId="flightId"/>
 
-  <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
-
-  <template v-else>
-    <q-tab-panels v-model="formStep">
-      <q-tab-panel name="basic">
-        <FlightFormBasic
+  <q-tab-panels v-model="formStep">
+    <q-tab-panel name="basic">
+      <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
+      <FlightFormBasic
           @save="handleFlightEdit"
           :flight="flight"
           :locations="pointsOfInterest"
           :airports="airports"
           :aircrafts="aircrafts"
-        />
-      </q-tab-panel>
+      />
+    </q-tab-panel>
 
-      <q-tab-panel name="copilot">
-        <FlightFormCopilot @save="handleFlightEdit" :flight="flight" :copilots="copilots"/>
-      </q-tab-panel>
+    <q-tab-panel name="copilot">
+      <FlightEditCopilotSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
+      <FlightFormCopilot @save="handleFlightEdit" :flight="flight" :copilots="copilots"/>
+    </q-tab-panel>
 
-      <q-tab-panel name="track">
-        <FlightFormTrack
+    <q-tab-panel name="track">
+      <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
+      <FlightFormTrack
           v-if="pointsOfInterest"
           :flight="flight"
           :locations="pointsOfInterest"
           :airports="airports"
           @save="handleFlightEdit"
-        />
-      </q-tab-panel>
+      />
+    </q-tab-panel>
 
-      <q-tab-panel name="photos">
-        <FlightFormPhotos
+    <q-tab-panel name="photos">
+      <FlightFormPhotos
           :flight="flight"
           :is-request-pending="isRequestPending || uploadInProgress"
           @save="handlePhotosUpload"
-        />
+      />
 
-        <PhotosEditorList
+      <PhotosEditorList
           :title-photo="flight.titlePhoto"
           :photos="flight.photos"
           :show-actions="true"
@@ -250,32 +248,31 @@ const handleBatchPhotoEdit = async (flightId, data) => {
           @batch-rotate="rotatePhotos"
           @delete="deletePhoto"
           @set-title-photo="setTitlePhoto"
-        />
+      />
 
-        <!-- Dialogs for photo edit -->
-        <PhotoFormDialog
+      <!-- Dialogs for photo edit -->
+      <PhotoFormDialog
           v-model="openEdit"
           :copilots="flight.copilots"
-          :aircraft="flight.aircraft"
+          :aircrafts="aircrafts"
           :locations="pointsOfInterest"
           :photo="editPhoto"
           @save="handlePhotoUpdate(flightId, $event)"
-        />
+      />
 
-        <BatchPhotoFormDialog
+      <BatchPhotoFormDialog
           v-model="openBatchEdit"
           :locations="pointsOfInterest"
           :photos="editBatchPhotos"
           :copilots="flight.copilots"
-          :aircraft="flight.aircraft"
+          :aircrafts="aircrafts"
           @save="handleBatchPhotoEdit(flightId, $event)"
           @delete="deletePhoto"
-        />
-      </q-tab-panel>
+      />
+    </q-tab-panel>
 
-      <q-tab-panel name="notes">
-        <FlightFormNotes @save="handleFlightEdit" :events="events" :flight="flight"/>
-      </q-tab-panel>
-    </q-tab-panels>
-  </template>
+    <q-tab-panel name="notes">
+      <FlightFormNotes @save="handleFlightEdit" :events="events" :flight="flight"/>
+    </q-tab-panel>
+  </q-tab-panels>
 </template>