Homepage, verejna cast, vetsi sada uprav a oprav

2023-08-21 22:45:58 +02:00
parent 8bc477a611
commit 8c3b8d19dd
54 changed files with 550 additions and 372 deletions
@@ -0,0 +1,108 @@
+<script setup>
+import {useRoute, useRouter} from "vue-router";
+import {onMounted, watch} from "vue";
+import FlightDetailSkeleton from "components/flights/FlightDetailSkeleton.vue";
+import {fetchFlight, flight, flightName, handleDeleteFlight, loading} from "src/composables/objects/flight";
+import {useAppStore} from "stores/App";
+import FlightBasicInfo from "components/flights/FlightBasicInfo.vue";
+import {copyToClipboard, useQuasar} from "quasar";
+import {successObject} from "src/composables/dialog";
+import {useFlightsStore} from "stores/Flights";
+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);
+
+onMounted(() => {
+  fetchFlight(flightId);
+})
+
+watch(flight, (newVal) => {
+  const flightNameFormatted = flightName(newVal);
+  useAppStore().setPageTitle(flightNameFormatted);
+  useAppStore().setBreadcrumbs([
+    {to: {name: "myFlights"}, label: "Moje lety"},
+    {label: flightNameFormatted}
+  ]);
+});
+
+const handleDeleteAndRedirect = () => {
+  const flightId = flight.value.id;
+
+  handleDeleteFlight($q, flightId, (flight) => {
+    $router.push({name: "myFlights"});
+    $q.notify(successObject(`Úspěšně smazáno`));
+  })
+}
+
+
+const togglePublicVisibility = () => {
+  const newVisibility = !flight.value.isPublic;
+  useFlightsStore()
+    .update(flightId, {isPublic: newVisibility})
+    .then((updatedFlight) => {
+      flight.value = updatedFlight;
+      $q.notify(successObject(newVisibility ? "Úspěšně publikováno" : "Úspěšně skryto"));
+    });
+};
+
+const copyLinkToClipboard = () => {
+  const loggedUser = useUserStore().user;
+  const url = $router.resolve({
+    name: "publicFlightDetail",
+    params: {id: flightId, username: loggedUser.publicUsername}
+  });
+  copyToClipboard(window.location.origin + url.href).then(() => {
+    $q.notify(successObject("Odkaz zkopírován"))
+  });
+};
+
+</script>
+
+
+<template>
+  <FlightDetailSkeleton v-if="loading || !flight"/>
+
+  <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-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-card-section>
+      <FlightBasicInfo :flight="flight" :show-copilots="true"/>
+
+      <article class="q-my-lg" v-html="flight.description"/>
+
+      <FlightTrackMap :flight="flight"/>
+    </q-card-section>
+  </q-card>
+</template>