Homepage, verejna cast, vetsi sada uprav a oprav

src/pages/profile/ProfilePage.vue

@@ -38,7 +38,7 @@ const openedTab = ref("profile");
     </q-tab-panel>
 
     <q-tab-panel name="publicProfile">
-      <PublicProfileInfo :user="loggedUser" />
+      <PublicProfileInfo @save="handleSave" :user="loggedUser" />
     </q-tab-panel>
 
   </q-tab-panels>

src/pages/profile/aircraft/AircraftDetailPage.vue

@@ -42,14 +42,14 @@ watch(aircraft, (newVal) => {
   <template v-else>
 
     <q-card class="q-mx-md q-my-md flight-detail-card">
-      <q-img :src="aircraft.photoUrl"/>
+      <q-img :src="aircraft.photoUrl" v-if="aircraft.photoUrl" />
 
       <q-card-section>
         <q-list>
-          <q-item>
+          <q-item v-if="aircraft.manufacturer">
             Výrobce: {{ aircraft.manufacturer }}
           </q-item>
-          <q-item>
+          <q-item v-if="aircraft.model">
             Model: {{ aircraft.model }}
           </q-item>
         </q-list>
@@ -66,16 +66,6 @@ watch(aircraft, (newVal) => {
       </q-card-actions>
     </q-card>
 
-
-    <!--    <h2>Limits</h2>-->
-    <!--    Wind: {{ aircraft.limits.wind.frontKt }}/{{ aircraft.limits.wind.sideKt }} kt-->
-    <!--    Neprekrocitelna rychlost: {{ aircraft.limits.speed.vmax }}-->
-    <!--    Cestovni rychlost:-->
-    <!--    Maximalni rychlost s klapkami:-->
-    <!--    Padova rychlost bez klapek:-->
-    <!--    Padova rychlost s klapkami (plne vysunute):-->
-
-
     <FAB :router-link='{name: "aircraftEdit", params: {id: aircraft.id}}' mode="edit"/>
   </template>
 

src/pages/profile/aircraft/EditAircraftPage.vue

@@ -11,7 +11,8 @@ import {useAppStore} from "stores/App";
 import {copilot} from "src/composables/objects/copilot";
 
 
-let isRequestPending = ref(false);
+const isRequestPending = ref(false);
+const $router = useRouter();
 const $q = useQuasar();
 const aircraftId = parseInt(useRoute().params.id);
 
@@ -19,7 +20,7 @@ const handleSave = (formData) => {
   isRequestPending.value = true;
   useAircraftsStore().update(aircraftId, formData).then(() => {
     $q.notify(successObject("Letadlo úspěšně upraveno"));
-    useRouter().push({name: "aircrafts"});
+    $router.push({name: "aircrafts"});
   }).finally(() => {
     isRequestPending.value = false;
   })

src/pages/profile/aircraft/NewAircraftsPage.vue

@@ -7,9 +7,10 @@ import {ref} from "vue";
 import {useAppStore} from "stores/App";
 import {successObject} from "src/composables/dialog";
 
-let isRequestPending = ref(false);
 const $q = useQuasar();
 const router = useRouter();
+
+let isRequestPending = ref(false);
 const handleSave = (formData) => {
   isRequestPending.value = true;
   useAircraftsStore().create(formData).then(() => {

src/pages/profile/copilot/CopilotsPage.vue

@@ -4,8 +4,8 @@ import {fetchCopilots, loading, copilots} from "src/composables/objects/copilot"
 import CopilotsList from "components/copilots/CopilotsList.vue";
 import FAB from "components/FAB.vue";
 import {useAppStore} from "stores/App";
-import {aircrafts} from "src/composables/objects/aircraft";
 import BasicListSkeleton from "components/BasicListSkeleton.vue";
+import BasicInfoBanner from "components/BasicInfoBanner.vue";
 
 onMounted(() => {
   fetchCopilots();
@@ -16,17 +16,9 @@ onMounted(() => {
 <template>
   <BasicListSkeleton :items-count-min="5" :items-count-max="10" v-if="loading"/>
 
-   <div class="q-pa-md q-gutter-sm" v-else-if="!loading && copilots.length === 0">
-    <q-banner class="bg-light-blue text-white">
-      <template v-slot:avatar>
-        <q-icon name="info"/>
-      </template>
-      Zatím tu není nikdo. Přidej si let s někým nebo kopilota vytvoř ručně tu.
-      <template v-slot:action>
-        <q-btn flat color="white" :to="{name: 'addCopilot'}" label="Přidat"/>
-      </template>
-    </q-banner>
-  </div>
+  <BasicInfoBanner v-else-if="!loading && copilots.length === 0" :router-add="{name: 'addCopilot'}">
+    Zatím tu není nikdo. Přidej si let s někým nebo kopilota vytvoř ručně tu.
+  </BasicInfoBanner>
 
     <CopilotsList :items="copilots" v-else/>
 

src/pages/profile/copilot/NewCopilotPage.vue

@@ -1,7 +1,7 @@
 <script setup>
 import {useRouter} from "vue-router";
 import {useQuasar} from "quasar";
-import {onMounted, ref} from "vue";
+import {ref} from "vue";
 import {successObject} from "src/composables/dialog";
 import {useCopilotsStore} from "stores/Copilots";
 import CopilotForm from "components/copilots/CopilotForm.vue";
@@ -20,13 +20,11 @@ const handleSave = (formData) => {
   })
 }
 
-onMounted(() => {
-  useAppStore().setPageTitle("Nový spolucestující");
-  useAppStore().setBreadcrumbs([
-    {to: {name: "copilots"}, label: "Spolucestující"},
-    {label: "Nový"}
-  ]);
-});
+useAppStore().setPageTitle("Nový spolucestující");
+useAppStore().setBreadcrumbs([
+  {to: {name: "copilots"}, label: "Spolucestující"},
+  {label: "Nový"}
+]);
 </script>
 
 <template>

src/pages/profile/flight/EditFlightPage.vue

@@ -33,8 +33,6 @@ const locations = storeToRefs(usePointsOfInterestStore()).items;
 const airports = storeToRefs(useAirportsStore()).items;
 const copilots = storeToRefs(useCopilotsStore()).items;
 
-const disabledSteps = computed(() => flight.value.solo ? ["copilot"] : [flight.value.solo]);
-
 const formStep = ref("");
 watch(() => route.params.step, (val) => formStep.value = val);
 
@@ -52,7 +50,8 @@ onMounted(() => {
 const handleFlightEdit = (data) => {
   useFlightsStore().update(flightId, data).then(() => {
     $q.notify(successObject("Úspěšně upraveno"));
-    fetchFlight(flightId);
+    fetchFlight(flightId);  // je tu potreba ten refetch? Ve storu se upravuje, mozna by stacilo jen getterem upravit
+    // hodnotu `flight`
   })
 }
 
@@ -106,7 +105,7 @@ const openPhotoEdit = (photo) => {
       <q-breadcrumbs-el>Editace</q-breadcrumbs-el>
     </q-breadcrumbs>
 
-    <FlightFormSteps :router-edit-mode="true" :flightId="flightId" :disabled="disabledSteps"/>
+    <FlightFormSteps :router-edit-mode="true" :flightId="flightId" />
 
     <q-tab-panels v-model="formStep">
       <q-tab-panel name="basic">
@@ -138,7 +137,12 @@ const openPhotoEdit = (photo) => {
           @save="handlePhotosUpload"
         />
 
-        <PhotoForm v-model="openEdit" :locations="locations" :photo="editPhoto" @save="handlePhotoUpdate"/>
+        <PhotoForm
+          v-model="openEdit"
+          :locations="locations"
+          :photo="editPhoto"
+          @save="handlePhotoUpdate"
+        />
 
         <PhotosList
           :photos="flight.photos"

src/pages/profile/flight/FlightDetailPage.vue

@@ -12,7 +12,6 @@ import PhotoCarousel from "components/flights/PhotoCarousel.vue";
 import FlightTrackMap from "components/flights/FlightTrackMap.vue";
 import {useUserStore} from "stores/User";
 
-
 const $q = useQuasar();
 const $router = useRouter();
 const flightId = parseInt(useRoute().params.id);
@@ -59,7 +58,6 @@ const copyLinkToClipboard = () => {
   copyToClipboard(window.location.origin + url.href).then(() => {
     $q.notify(successObject("Odkaz zkopírován"))
   });
-  ;
 };
 
 </script>
@@ -68,45 +66,43 @@ const copyLinkToClipboard = () => {
 <template>
   <FlightDetailSkeleton v-if="loading || !flight"/>
 
-  <template v-else>
-    <q-card class="q-mx-md q-my-md flight-detail-card">
-      <PhotoCarousel :cover-photo-url="flight.coverPhoto?.url" :photos="flight.photos"/>
+  <q-card class="flight-detail-card" v-else>
+    <PhotoCarousel :cover-photo-url="flight.coverPhoto?.url" :photos="flight.photos"/>
 
-      <q-card-actions class="q-my-md">
-        <div class="col-grow">
-          <q-btn
-            flat
-            :to="{name: 'flightEdit', params:{id: flight.id}}"
-            icon="edit"
-            text-color="primary"
-            label="Upravit"
-          />
+    <q-card-actions class="q-my-md">
+      <div class="col-grow">
+        <q-btn
+          flat
+          :to="{name: 'flightEdit', params:{id: flight.id}}"
+          icon="edit"
+          text-color="primary"
+          label="Upravit"
+        />
 
-          <q-btn
-            @click="togglePublicVisibility"
-            :icon="flight.isPublic ? 'visibility_off' : 'visibility'"
-            flat
-            :label="flight.isPublic ? 'Skrýt' : 'Zveřejnit'"
-          />
+        <q-btn
+          @click="togglePublicVisibility"
+          :icon="flight.isPublic ? 'visibility_off' : 'visibility'"
+          flat
+          :label="flight.isPublic ? 'Skrýt' : 'Zveřejnit'"
+        />
 
-          <q-btn
-            icon="link"
-            @click="copyLinkToClipboard()"
-            flat
-            v-if="flight.isPublic"
-            label="Získat odkaz"
-          />
-        </div>
-        <q-btn @click="handleDeleteAndRedirect" icon="delete" flat text-color="red" label="Smazat"/>
-      </q-card-actions>
+        <q-btn
+          icon="link"
+          @click="copyLinkToClipboard()"
+          flat
+          v-if="flight.isPublic"
+          label="Získat odkaz"
+        />
+      </div>
+      <q-btn @click="handleDeleteAndRedirect" icon="delete" flat text-color="red" label="Smazat"/>
+    </q-card-actions>
 
-      <q-card-section>
-        <FlightBasicInfo :flight="flight"/>
+    <q-card-section>
+      <FlightBasicInfo :flight="flight" :show-copilots="true"/>
 
-        <article class="q-my-lg" v-html="flight.description"/>
+      <article class="q-my-lg" v-html="flight.description"/>
 
-        <FlightTrackMap :flight="flight"/>
-      </q-card-section>
-    </q-card>
-  </template>
+      <FlightTrackMap :flight="flight"/>
+    </q-card-section>
+  </q-card>
 </template>