Bugfixing, dotazeni uprav s uvodni fotkou

src/pages/profile/aircraft/AircraftDetailPage.vue

@@ -1,6 +1,6 @@
 <script setup>
 import {useRoute, useRouter} from "vue-router";
-import {useMeta, useQuasar} from "quasar";
+import {copyToClipboard, useMeta, useQuasar} from "quasar";
 import AircraftDetailSkeleton from "components/aircrafts/AircraftDetailSkeleton.vue";
 import {confirmObject, successObject} from "src/composables/dialog";
 import {useAppStore} from "stores/App";
@@ -15,6 +15,9 @@ import TitlePhotoWithGallery from "components/photos/TitlePhotoWithGallery.vue";
 import ContentCard from "components/ContentCard.vue";
 import AircraftInfo from "components/aircrafts/AircraftInfo.vue";
 import {useUserStore} from "stores/User";
+import {useFlightsStore} from "stores/Flights";
+import {toggleVisibility} from "src/composables/form/formHandling";
+import ContentCardEditButton from "components/ContentCardEditButton.vue";
 
 const $q = useQuasar();
 const $router = useRouter();
@@ -36,12 +39,28 @@ watch(() => aircraft.value, (newVal) => {
 
 const deleteAircraft = (id) => {
   $q.dialog(confirmObject('Opravdu chceš smazat toto letadlo?'))
-    .onOk(() => {
-      useAircraftsStore().destroy(id).then(() => {
-        $router.push({name: "aircrafts"});
-        $q.notify(successObject("Letadlo úspěšně odstraněno"));
+      .onOk(() => {
+        useAircraftsStore().destroy(id).then(() => {
+          $router.push({name: "aircrafts"});
+          $q.notify(successObject("Letadlo úspěšně odstraněno"));
+        });
       });
-    });
+};
+
+const togglePublicVisibility = () => toggleVisibility({
+  $q,
+  store: useAircraftsStore(),
+  object: aircraft.value
+});
+
+const copyLinkToClipboard = () => {
+  const url = $router.resolve({
+    name: "publicAircraftDetail",
+    params: {id: aircraftId}
+  });
+  copyToClipboard(window.location.origin + url.href).then(() => {
+    $q.notify(successObject("Odkaz zkopírován"))
+  });
 };
 </script>
 
@@ -53,19 +72,34 @@ const deleteAircraft = (id) => {
       <template #actions v-if="aircraft.createdById === loggedUser?.id">
         <div class="col-grow">
           <q-btn
-            flat
-            :to='{name: "aircraftEdit", params: {id: aircraft.id}}'
-            icon="edit"
-            text-color="primary"
-            label="Upravit"
+              @click="togglePublicVisibility"
+              :icon="aircraft.isPublic ? 'visibility_off' : 'visibility'"
+              flat
+              :label="aircraft.isPublic ? 'Skrýt' : 'Zveřejnit'"
+          />
+          <q-btn
+              icon="link"
+              @click="copyLinkToClipboard()"
+              flat
+              v-if="aircraft.isPublic"
+              label="Získat odkaz"
           />
         </div>
         <q-btn @click="deleteAircraft(aircraft.id)" icon="delete" flat text-color="red" label="Smazat"/>
       </template>
       <template #content>
         <q-card-section>
+
+          <ContentCardEditButton
+              :to='{name: "aircraftEdit", params: {id: aircraft.id, step: "info"}}'
+              label="Upravit informace"
+          />
           <AircraftInfo :aircraft="aircraft"/>
 
+          <ContentCardEditButton
+              :to='{name: "aircraftEdit", params: {id: aircraft.id, step: "photo"}}'
+              label="Titulní fotografie"
+          />
           <PhotoGallery :photos="aircraft.photos"/>
           <h3>Lety</h3>
           <q-banner v-if="aircraft.flights.length === 0" class="bg-light-blue text-white">
@@ -75,8 +109,5 @@ const deleteAircraft = (id) => {
         </q-card-section>
       </template>
     </ContentCard>
-
   </template>
-
-
 </template>