Ne uplne otestovany prepis storu

2023-11-19 00:44:01 +01:00
parent e65491e00b
commit f9d70a5d57
76 changed files with 1445 additions and 1463 deletions
@@ -19,23 +19,21 @@ import PhotosList 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 {fetchFlight, flight, loading} from "src/composables/objects/flight";
 import FlightEditSkeleton from "components/flights/FlightEditSkeleton.vue";
 import BatchPhotoFormDialog from "components/photos/BatchPhotoFormDialog.vue";
 import {useAppStore} from "stores/App";
-import {editBatchPhotos, handleBatchPhotoEdit, openBatchEdit, openBatchPhotoForm} from "src/composables/photos/batchEdit";
-import {editPhoto, handlePhotoUpdate, openEdit, openPhotoEdit} from "src/composables/photos/simpleEdit";
-import {fetchEvents, events} from "src/composables/objects/event";
+import {useEventsStore} from "stores/Events";

 const $q = useQuasar();
 const $route = useRoute();
 const flightId = parseInt($route.params.id);

-const aircrafts = storeToRefs(useAircraftsStore()).items;
-const locations = storeToRefs(usePointsOfInterestStore()).items;
-const airports = storeToRefs(useAirportsStore()).items;
-const copilots = storeToRefs(useCopilotsStore()).items;
-
+const {aircrafts} = storeToRefs(useAircraftsStore());
+const {pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
+const {airports} = storeToRefs(useAirportsStore());
+const {copilots} = storeToRefs(useCopilotsStore());
+const {events} = storeToRefs(useEventsStore());
+const {flight, isQueryRunning, isMutationRunning} = storeToRefs(useFlightsStore());

 const formStep = ref("basic");
 watch(() => $route.params.step, (val) => formStep.value = val);
@@ -47,12 +45,10 @@ onMounted(() => {
  usePointsOfInterestStore().fetch();
  useAirportsStore().fetch();
  useCopilotsStore().fetch();
+  useEventsStore().fetch();

-  fetchEvents();
-
-  fetchFlight(flightId).then(() => {
-    const flightNameFormatted = flightName(flight.value);
-
+  useFlightsStore().fetchDetail(flightId).then((f) => {
+    const flightNameFormatted = flightName(f);
    useAppStore().setPageTitle(`Editace - ${flightNameFormatted}`);
    useAppStore().setBreadcrumbs([
      {to: {name: "myFlights"}, label: "Moje lety"},
@@ -65,13 +61,13 @@ onMounted(() => {
 const handleFlightEdit = (data) => {
  useFlightsStore().update(flightId, data).then((data) => {
    $q.notify(successObject("Úspěšně upraveno"));
-    flight.value = data;
  })
 }

 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)
@@ -100,7 +96,7 @@ const handlePhotosUpload = (data) => {

 const _findPhotoIndex = (photoId) => flight.value.photos.findIndex((object) => object.id === photoId);
 const deletePhoto = (id) => {
-  usePhotosStore().delete(id).then((data) => {
+  usePhotosStore().destroy(id).then((data) => {
    flight.value.photos.splice(_findPhotoIndex(data.id), 1);
  });
 }
@@ -108,47 +104,110 @@ const deletePhoto = (id) => {
 const rotatePhotos = ({photos, direction}) => {
  const promises = [];
  for (const photo of photos) {
-    promises.push(usePhotosStore().changeOrientation(photo.id, direction));
+    promises.push(usePhotosStore().changeOrientation(photo.id, direction).then(data => {
+      const idx = _findPhotoIndex(data.id);
+      data.thumbnailUrl += "?t=" + (new Date()).getTime();
+      flight.value.photos[idx] = data;
+    }));
  }

  let success = 0;
  Promise.allSettled(promises).then(result => {
-    for (const updatedPhoto of result) {
-      const {status, value} = updatedPhoto;
-      if (status === 'fulfilled') success++;
-
-      const idx =_findPhotoIndex(value.id);
-      value.thumbnailUrl += "?t=" + (new Date()).getTime();
-      flight.value.photos[idx] = value;
+    for (const item of result) {
+      if (item.status === 'fulfilled') success++;
    }
-
    const error = result.length - success;

-    if (success > 0) {
-      $q.notify(successObject("Otočeno " + success + " fotografií"));
-    }
-
-    if (error > 0) {
-      $q.notify(errorObject(`Nepovedlo se otočit ${error} fotografi`))
-    }
+    if (success > 0) $q.notify(successObject("Otočeno " + success + " fotografií"));
+    if (error > 0) $q.notify(errorObject(`Nepovedlo se otočit ${error} fotografi`))
  });
 }
+
+const updateSinglePhoto = (id, formData) => usePhotosStore().update(id, formData).then((data) => {
+  const idx = _findPhotoIndex(data.id);
+  flight.value.photos[idx] = data;
+  usePointsOfInterestStore().fetch();
+});
+
+const handlePhotoUpdate = (flightId, formData) => {
+  const photoId = formData.id;
+  delete formData.id;
+
+  return updateSinglePhoto(photoId, formData);
+};
+
+const openEdit = ref(false);
+const editPhoto = ref(null);
+
+const openPhotoEdit = (photo) => {
+  openEdit.value = true;
+  editPhoto.value = photo;
+};
+
+
+// batch edit
+
+const openBatchEdit = ref(false);
+const editBatchPhotos = ref([]);
+const openBatchPhotoForm = (photos) => {
+  openBatchEdit.value = true;
+  editBatchPhotos.value = photos;
+}
+
+const handleBatchPhotoEdit = async (flightId, data) => {
+  const photoIds = data.photoIds;
+  delete data.photoIds;
+  delete data.id;
+
+  if (data.pointOfInterest && !data.pointOfInterest.id) {
+    const poiData = {
+      ...data.pointOfInterest,
+      isPublic: false,
+      description: "",
+    }
+    await usePointsOfInterestStore().create(poiData).then(poi => data.pointOfInterest = {id: poi.id, name: poi.name});
+  }
+
+  const promises = [];
+  for (const id of photoIds) {
+    const updateData = {};
+    if (data.name !== '') updateData.name = data.name;
+    if (data.description !== '') updateData.description = data.description;
+    if (data.pointOfInterest) updateData.pointOfInterest = data.pointOfInterest;
+
+    if (Object.keys(updateData).length === 0) continue;
+
+    promises.push(updateSinglePhoto(id, data));
+  }
+
+  let success = 0;
+  Promise.allSettled(promises).then(result => {
+    for (const item of result) {
+      if (item.status === 'fulfilled') success++;
+    }
+    const error = result.length - success;
+
+    if (success > 0) $q.notify(successObject("Upraveno " + success + " fotografií"));
+    if (error > 0) $q.notify(errorObject(`Nepovedlo se uložit ${error} fotografií`))
+  });
+}
+
 </script>

 <template>
  <FlightFormSteps :router-edit-mode="true" :flightId="flightId"/>

-  <FlightEditSkeleton :step="formStep" v-if="loading"/>
+  <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>

  <template v-else>
    <q-tab-panels v-model="formStep">
      <q-tab-panel name="basic">
        <FlightFormBasic
-          @save="handleFlightEdit"
-          :flight="flight"
-          :locations="locations"
-          :airports="airports"
-          :aircrafts="aircrafts"
+            @save="handleFlightEdit"
+            :flight="flight"
+            :locations="pointsOfInterest"
+            :airports="airports"
+            :aircrafts="aircrafts"
        />
      </q-tab-panel>

@@ -158,43 +217,43 @@ const rotatePhotos = ({photos, direction}) => {

      <q-tab-panel name="track">
        <FlightFormTrack
-          v-if="locations"
-          :flight="flight"
-          :locations="locations"
-          :airports="airports"
-          @save="handleFlightEdit"
+            v-if="pointsOfInterest"
+            :flight="flight"
+            :locations="pointsOfInterest"
+            :airports="airports"
+            @save="handleFlightEdit"
        />
      </q-tab-panel>

      <q-tab-panel name="photos">
        <FlightFormPhotos
-          :flight="flight"
-          :is-request-pending="isRequestPending || uploadInProgress"
-          @save="handlePhotosUpload"
+            :flight="flight"
+            :is-request-pending="isRequestPending || uploadInProgress"
+            @save="handlePhotosUpload"
        />

        <PhotosList
-          :photos="flight.photos"
-          @edit="openPhotoEdit"
-          @batch-edit="openBatchPhotoForm"
-          @batch-rotate="rotatePhotos"
-          @delete="deletePhoto"
+            :photos="flight.photos"
+            @edit="openPhotoEdit"
+            @batch-edit="openBatchPhotoForm"
+            @batch-rotate="rotatePhotos"
+            @delete="deletePhoto"
        />

        <!-- Dialogs for photo edit -->
        <PhotoFormDialog
-          v-model="openEdit"
-          :locations="locations"
-          :photo="editPhoto"
-          @save="handlePhotoUpdate(flightId, $event)"
+            v-model="openEdit"
+            :locations="pointsOfInterest"
+            :photo="editPhoto"
+            @save="handlePhotoUpdate(flightId, $event)"
        />

        <BatchPhotoFormDialog
-          v-model="openBatchEdit"
-          :locations="locations"
-          :photos="editBatchPhotos"
-          @save="handleBatchPhotoEdit(flightId, $event)"
-          @delete="deletePhoto"
+            v-model="openBatchEdit"
+            :locations="pointsOfInterest"
+            :photos="editBatchPhotos"
+            @save="handleBatchPhotoEdit(flightId, $event)"
+            @delete="deletePhoto"
        />
      </q-tab-panel>