Bugfixy

src/components/AccessDeniedBanner.vue

@@ -0,0 +1,29 @@
+<script setup>
+import {poi} from "src/composables/objects/poi";
+
+const props = defineProps({
+    routeBack: {
+    type: Object,
+    required: false
+  },
+  labelBack: {
+    type: String,
+    required: false,
+    default: "Přejít zpět na detail"
+  }
+});
+</script>
+
+<template>
+   <q-banner class="bg-red text-white">
+    <template v-slot:avatar>
+      <q-icon name="warning"/>
+    </template>
+
+    Tato data ti nepatří a proto je nemůžeš měnit.
+
+    <template v-slot:action v-if="routeBack">
+      <q-btn flat color="white" :to="routeBack" :label="labelBack"/>
+    </template>
+  </q-banner>
+</template>

src/components/FormWrapper.vue

@@ -55,7 +55,7 @@ const fullwidthBtn = computed(() => $q.screen.width <= $q.screen.sizes.md);
         {{ props.saveButton.label }}
 
         <template v-slot:loading>
-          Loading...
+          <q-spinner />
         </template>
       </q-btn>
     </div>

src/components/flights/FlightBasicInfo.vue

@@ -18,6 +18,15 @@ const props = defineProps({
 
 <template>
   <q-list bordered separator>
+    <q-item>
+      <q-item-section avatar>
+        <q-icon name="flight"/>
+      </q-item-section>
+      <q-item-section>
+        {{ flight.aircraft.callSign }}
+      </q-item-section>
+    </q-item>
+
     <q-item>
       <q-item-section avatar>
         <q-icon name="event"/>

src/components/flights/FlightTrackMap.vue

@@ -50,7 +50,7 @@ const mapPhotos = computed(() => {
 
 const displayMap = computed(() => {
   return (
-    !!flight.value.gpsTrackUrl ||
+    !!flight.value.gpxTrackUrl ||
     mapPhotos.value.length > 0 ||
     trackWithGPS.value.length > 0 ||
     flight.value.landingAirport.id !== flight.value.takeoffAirport.id

src/components/flights/form/FlightFormPhotos.vue

@@ -7,6 +7,10 @@ const props = defineProps({
     flight: {
       type: Object,
       required: false
+    },
+    isRequestPending: {
+      type: Boolean,
+      required: true
     }
   }
 )
@@ -16,7 +20,7 @@ const formData = reactive({
 </script>
 
 <template>
-  <FormWrapper v-model="formData" :save-button='{
+  <FormWrapper v-model="formData" :is-request-pending="isRequestPending" :save-button='{
       label: "Nahrát",
       icon: "upload",
       align: "left"
@@ -31,7 +35,7 @@ const formData = reactive({
       label="Vybert fotky k nahrání"
     >
       <template #prepend>
-        <q-icon name="upload" />
+        <q-icon name="upload"/>
       </template>
     </q-file>
   </FormWrapper>

src/components/profile/ProfileForm.vue

@@ -4,14 +4,15 @@ import {commonProps} from "src/composables/inputs";
 import {reactive, watch} from "vue";
 import {setDefaultData} from "src/composables/form/formHandling";
 import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
-import {user as pilot} from "src/composables/objects/user";
+import {isRequestPending} from "src/composables/form/props";
 
 const props = defineProps({
   user: {
     type: Object,
     required: false,
     default: null
-  }
+  },
+  isRequestPending
 });
 const formData = reactive({
   avatarImage: null,
@@ -25,7 +26,7 @@ watch(() => props.user, (newVal) => {
 
 
 <template>
-  <FormWrapper v-model="formData">
+  <FormWrapper v-model="formData" :is-request-pending="props.isRequestPending">
 
     <div class="text-center">
       <AvatarFromPhoto :size="200" :src="user.avatarImageUrl" v-if="user.avatarImageUrl"  />

src/components/profile/PublicProfileInfo.vue

@@ -6,13 +6,16 @@ import {commonProps} from "src/composables/inputs";
 import RichTextEditor from "components/inputs/RichTextEditor.vue";
 import FormWrapper from "components/FormWrapper.vue";
 import {setDefaultData} from "src/composables/form/formHandling";
+import {isRequestPending} from "src/composables/form/props";
 
 const props = defineProps({
   user: {
     type: Object,
     required: false,
     default: null
-  }
+  },
+    isRequestPending,
+
 })
 
 const formData = reactive({
@@ -26,7 +29,7 @@ watch(() => props.user, (newVal) => {
 </script>
 
 <template>
-  <FormWrapper v-model="formData">
+  <FormWrapper v-model="formData" :is-request-pending="props.isRequestPending">
 
     <q-list>
       <q-item v-if="user.publicUsername">