diff --git a/src/components/event/EventEditSkeleton.vue b/src/components/event/EventEditSkeleton.vue index ad40fc1..24c4190 100644 --- a/src/components/event/EventEditSkeleton.vue +++ b/src/components/event/EventEditSkeleton.vue @@ -1,5 +1,18 @@ - + diff --git a/src/components/event/EventForm.vue b/src/components/event/EventForm.vue index 3535df5..cb9756d 100644 --- a/src/components/event/EventForm.vue +++ b/src/components/event/EventForm.vue @@ -46,8 +46,16 @@ onMounted(() => { v-model="formData.name" /> - - + +
+
+ +
+
+ +
+
+ diff --git a/src/components/organizations/OrganizationEditSkeleton.vue b/src/components/organizations/OrganizationEditSkeleton.vue index ad40fc1..4c39752 100644 --- a/src/components/organizations/OrganizationEditSkeleton.vue +++ b/src/components/organizations/OrganizationEditSkeleton.vue @@ -1,5 +1,6 @@ - + diff --git a/src/components/photos/PhotoEditorSkeleton.vue b/src/components/photos/PhotoEditorSkeleton.vue new file mode 100644 index 0000000..1bb925f --- /dev/null +++ b/src/components/photos/PhotoEditorSkeleton.vue @@ -0,0 +1,21 @@ + + + diff --git a/src/components/poi/POIEditSkeleton.vue b/src/components/poi/POIEditSkeleton.vue index 65f1f26..4f192e4 100644 --- a/src/components/poi/POIEditSkeleton.vue +++ b/src/components/poi/POIEditSkeleton.vue @@ -2,5 +2,7 @@ diff --git a/src/components/profile/PublicProfileSkeleton.vue b/src/components/profile/PublicProfileSkeleton.vue index a5d0a4d..7d78cff 100644 --- a/src/components/profile/PublicProfileSkeleton.vue +++ b/src/components/profile/PublicProfileSkeleton.vue @@ -1,3 +1,23 @@ - + - + diff --git a/src/pages/profile/flight/PhotoEditorPage.vue b/src/pages/profile/flight/PhotoEditorPage.vue index c6df1db..d877f40 100644 --- a/src/pages/profile/flight/PhotoEditorPage.vue +++ b/src/pages/profile/flight/PhotoEditorPage.vue @@ -4,19 +4,20 @@ import {onMounted, ref, watch} from "vue"; import {usePhotosStore} from "stores/Photo"; import {useAppStore} from "stores/App"; import {flightName} from "src/composables/objects/flight"; -import VuePictureCropper, {cropper} from 'vue-picture-cropper'; +import VuePictureCropper from 'vue-picture-cropper'; import {croppedAreaForPreview, getPreviewUrl} from "src/composables/photos/editor/preview"; import {compare, onResize, splitter, splitterWidth} from "src/composables/photos/editor/splitter"; import {aspectRatioOptions, croppedArea, cropperReady, selectedAspectRatio, setCropData} from "src/composables/photos/editor/crop"; import {fetchPhoto, loading, photo, photoAspectRatio} from "src/composables/photos/editor/photo"; -import {debounce, throttle, useQuasar} from "quasar"; +import {debounce, useQuasar} from "quasar"; import {successObject} from "src/composables/dialog"; +import PhotoEditorSkeleton from "components/photos/PhotoEditorSkeleton.vue"; const $route = useRoute(); const $q = useQuasar(); const photoId = parseInt($route.params.id); const noCacheTimestamp = ref((new Date()).getTime()); -const editorTab = ref("rotate"); +const editorTab = ref("colors"); // adjustments const defaultAdjustments = { @@ -61,7 +62,6 @@ onMounted(() => { } if (photoAdjustment) { - rotate.value = photoAdjustment.rotate; croppedArea.value = { left: photoAdjustment.cropLeft, top: photoAdjustment.cropTop, @@ -85,7 +85,7 @@ onMounted(() => {