Added Notifications

This commit is contained in:
2026-05-18 14:51:46 +10:00
parent 10b5b6a5c9
commit e1bed676e4
5 changed files with 67 additions and 5 deletions
@@ -12,6 +12,7 @@ import {Link} from "@inertiajs/vue3";
import FlightUpdatedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightUpdatedFeedItem.vue";
import FlightCancelledFeedItem from "@/Components/FlightsGoneBy/Feed/FlightCancelledFeedItem.vue";
import FlightImportedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightImportedFeedItem.vue";
import FlightMovedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightMovedFeedItem.vue";
const props = defineProps<{
action: UserAction
@@ -31,6 +32,8 @@ const badgeVariant = computed(() => {
switch (props.action.type) {
case 'flight_booked': return 'generic'
case 'flight_logged': return 'generic'
case 'flight_departing': return 'generic'
case 'flight_arriving': return 'generic'
case 'flight_imported': return 'economy'
case 'flight_updated': return 'economy'
case 'flight_cancelled': return 'crew'
@@ -74,6 +77,7 @@ function timeAgo(dateStr: string): string {
<FlightImportedFeedItem v-if="action.type == 'flight_imported'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightImportedFeedItem>
<FlightUpdatedFeedItem v-if="action.type == 'flight_updated'" :data="(action.data as UserActionFlightUpdatedData)" ></FlightUpdatedFeedItem>
<FlightCancelledFeedItem v-if="action.type == 'flight_cancelled'" :data="(action.data as UserActionFlightCancelledData)" flight=""></FlightCancelledFeedItem>
<FlightMovedFeedItem v-if="action.type == 'flight_departing' || action.type== 'flight_arriving'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightMovedFeedItem>/
</div>
<div class="card-actions">
<Link v-if="flight" :href="`/u/${action.user?.name}/departure-board/${flight?.id}`" class="view-flight-link">
@@ -0,0 +1,23 @@
<script setup lang="ts">
import {Flight} from "@/Types/types";
import BoardingPass from "@/Components/FlightsGoneBy/BoardingPass.vue";
import FlightBadge from "@/Components/FlightsGoneBy/FlightBadge.vue";
import {computed} from "vue";
const props = defineProps<{
flight: Flight
action: 'flight_departing' | 'flight_arriving'
}>()
const actionText = computed(() => props.action === 'flight_departing' ? 'departed' : 'landed')
</script>
<template>
<div class="flight-booked">
Flight <FlightBadge :flight="flight" /> from {{flight.departure_airport.municipality}} to {{flight.arrival_airport.municipality}} has {{actionText}}.
</div>
</template>
<style scoped>
</style>