Session api token validation

resources/js/Components/FlightsGoneBy/UserFlightContextMenu.vue

@@ -2,6 +2,7 @@
 import {computed, ref} from "vue";
 import {Flight, User} from "@/Types/types";
 import {router} from "@inertiajs/vue3";
+import { copyToClipboard } from "@/Composables/useClipboard";
 
 defineProps<{
     profileUser: User
@@ -21,6 +22,21 @@ const showDeleteDialog = computed({
     set: (val) => { if (!val) flightToDelete.value = null }
 })
 
+function copyFlightToClipboard(flight: Flight) {
+    const dep = `${flight.departure_airport.display_code} (${flight.departure_airport.municipality})`
+    const arr = `${flight.arrival_airport.display_code} (${flight.arrival_airport.municipality})`
+    const times = `${flight.departure_time_display} → ${flight.arrival_time_display}`
+    const dayDiff = flight.arrival_day_difference !== 0
+        ? `(${flight.arrival_day_difference > 0 ? '+' : ''}${flight.arrival_day_difference})`
+        : ''
+    const airline = flight.airline?.display_name
+    const aircraft = flight.aircraft?.display_name
+    const reg = flight.aircraft_registration ? `(${flight.aircraft_registration})` : ''
+    const text = `${airline} | ${dep} → ${arr} ${dayDiff} | ${times} · ${flight.departure_date_display} | ${aircraft} ${reg}`
+    copyToClipboard(text)
+}
+
+
 </script>
 
 <template>
@@ -40,6 +56,11 @@ const showDeleteDialog = computed({
                 title="View Details"
                 :href="route('profile.flight', { userFlight: flight.id, user: profileUser.name  })"
             />
+            <v-list-item
+                prepend-icon="mdi-content-copy"
+                title="Copy to Clipboard"
+                @click="copyFlightToClipboard(flight)"
+            />
             <v-list-item v-if="canEdit"
                          prepend-icon="mdi-pencil-outline"
                          title="Edit"