Added Notifications

resources/js/Components/FlightsGoneBy/DepartureBoard.vue

@@ -9,11 +9,9 @@ import InlineBadge from "@/Components/FlightsGoneBy/InlineBadge.vue";
 import AirportToolTip from "@/Components/FlightsGoneBy/AirportToolTip.vue";
 import AircraftToolTip from "@/Components/FlightsGoneBy/AircraftToolTip.vue";
 import {FlightStats} from "@/Composables/useFlightStats";
-import GlassTooltip from "@/Components/FlightsGoneBy/GlassTooltip.vue";
 import CrewTooltip from "@/Components/FlightsGoneBy/CrewTooltip.vue";
-import {Link, router} from "@inertiajs/vue3";
-import AllianceLogo from "@/Components/FlightsGoneBy/AllianceLogo.vue";
 import Distance from "@/Components/Distance.vue";
+import UserFlightContextMenu from "@/Components/FlightsGoneBy/UserFlightContextMenu.vue";
 
 const props = defineProps<{
     flightStats: FlightStats
@@ -23,16 +21,6 @@ const props = defineProps<{
 }>()
 
 
-function editRoute(id: number) {
-    return route('flights.edit', { flight: id })
-}
-
-const flightToDelete = ref<Flight | null>(null)
-const showDeleteDialog = computed({
-    get: () => flightToDelete.value !== null,
-    set: (val) => { if (!val) flightToDelete.value = null }
-})
-
 const ITEMS_PER_PAGE = 25
 
 const headers = [
@@ -77,7 +65,6 @@ const customKeySort = {
 }
 
 
-const deleting = ref(false)
 const sortBy = ref<DataTableSortItem[]>([])
 const currentPage = ref(1)
 
@@ -268,54 +255,7 @@ watch(
                     </td>
 
                     <td class="v-data-table__td actions-cell">
-                            <v-menu>
-                                <template #activator="{ props: menuProps }">
-                                    <v-btn
-                                        v-bind="menuProps"
-                                        icon="mdi-dots-horizontal"
-                                        variant="text"
-                                        size="small"
-                                        density="compact"
-                                    />
-                                </template>
-                                <v-list density="compact" bg-color="#1a1e2e">
-                                    <v-list-item
-                                                 prepend-icon="mdi-magnify"
-                                                 title="View Details"
-                                                 :href="`/u/${user.name}/flight/${(item as Flight).id}`"
-                                    />
-                                    <v-list-item v-if="canEdit"
-                                        prepend-icon="mdi-pencil-outline"
-                                        title="Edit"
-                                        :href="editRoute((item as Flight).id)"
-                                    />
-                                    <v-list-item v-if="canEdit"
-                                                 prepend-icon="mdi-trash-can-outline"
-                                                 title="Delete"
-                                                 @click="flightToDelete = (item as Flight)"
-                                    />
-
-                                </v-list>
-                            </v-menu>
-                            <v-dialog v-if="canEdit" v-model="showDeleteDialog" max-width="400">
-                                <v-card title="Delete Flight">
-                                    <v-card-text>Are you sure you want to delete this flight?</v-card-text>
-                                    <v-card-actions>
-                                        <v-spacer />
-                                        <v-btn v-if="!deleting" @click="flightToDelete = null">Cancel</v-btn>
-                                        <v-btn
-                                            color="error"
-                                            :loading="deleting"
-                                            @click="deleting = true; router.delete(
-                        route('flights.delete', { flight: flightToDelete!.id }),
-                        { onFinish: () => { deleting = false; flightToDelete = null } }
-                    )"
-                                        >
-                                            Delete
-                                        </v-btn>
-                                    </v-card-actions>
-                                </v-card>
-                            </v-dialog>
+                        <UserFlightContextMenu :profile-user="user" :can-edit="canEdit" :flight="(item as Flight)" />
                     </td>
 
                 </tr>