dredgy/FlightsAPI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added User Settings

Browse Source
This commit is contained in:
josh
2026-06-15 12:37:14 +10:00
parent a753bffaf8
commit a270913931
20 changed files with 451 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Components/FlightsGoneBy/DepartureBoardTableRow.vue
+16 -13
View File
@@ -20,9 +20,12 @@ const props = defineProps<{
highlighted?: boolean
group?: 'upcoming' | 'departed'
isSorting?: boolean
columnsToShow: string[]
}>()
const page = usePage<SharedProps>()
const showColumn = (column: string) => props.columnsToShow.includes(column)
</script>
<template>
@@ -34,11 +37,11 @@ const page = usePage<SharedProps>()
]"
:data-flight-id="flight.id"
>
<td class="v-data-table__td airline-logo-cell">
<td v-if="showColumn('airline')" class="v-data-table__td airline-logo-cell">
<AirlineLogo size="32" :airline="flight.airline" class="airline-logo-img" />
</td>
<td class="v-data-table__td flight-number-cell">
<td v-if="showColumn('flight_number')" class="v-data-table__td flight-number-cell">
<div class="flight-cell">
<Mono class="flight-number">
{{ flight.flight_number }}
@@ -46,56 +49,56 @@ const page = usePage<SharedProps>()
</div>
</td>
<td class="v-data-table__td">
<td v-if="showColumn('from')" class="v-data-table__td">
<AirportToolTip :airport="flight.departure_airport">
<Mono class="iata">{{ flight.departure_airport.display_code }}</Mono><br/>
</AirportToolTip>
<span class="city-name">{{ flight.departure_airport.municipality }}</span>
</td>
<td class="v-data-table__td">
<td v-if="showColumn('to')" class="v-data-table__td">
<AirportToolTip :airport="flight.arrival_airport">
<span class="iata"><Mono>{{ flight.arrival_airport.display_code }}</Mono></span><br/>
</AirportToolTip>
<span class="city-name" >{{ flight.arrival_airport.municipality }}</span>
</td>
<td class="v-data-table__td">
<td v-if="showColumn('departure_date')" class="v-data-table__td">
<span class="date-cell"><Mono muted smaller>{{ flight.departure_date_display }}</Mono></span>
</td>
<td class="v-data-table__td">
<td v-if="showColumn('departure_time')" class="v-data-table__td">
<span class="time-cell">
<Mono small>{{ flight.departure_time_display }}</Mono>
</span>
</td>
<td class="v-data-table__td arrival-time-cell">
<td v-if="showColumn('arrival_time')" class="v-data-table__td arrival-time-cell">
<Mono small>{{ flight.arrival_time_display }}</Mono>
<DayDifference :value="flight.arrival_day_difference" />
</td>
<td class="v-data-table__td duration-cell">
<td v-if="showColumn('duration')" class="v-data-table__td duration-cell">
<Mono muted small>{{ flight.duration_display ?? '—' }}</Mono>
</td>
<td class="v-data-table__td distance-cell">
<td v-if="showColumn('distance')" class="v-data-table__td distance-cell">
<Mono muted small>
<Distance :unit="page.props.auth.user?.distance_unit" :value="Math.round(flight.distance)" />
<Distance :unit="page.props.auth.user?.resolved_settings?.distance_unit" :value="Math.round(flight.distance)" />
</Mono>
</td>
<td class="v-data-table__td aircraft-cell">
<td v-if="showColumn('aircraft')" class="v-data-table__td aircraft-cell">
<AircraftToolTip v-if="flight.aircraft" :aircraft="flight.aircraft" :flight="flight">
<Mono muted small>{{ flight.aircraft?.designator }}</Mono>
</AircraftToolTip>
</td>
<td class="v-data-table__td registration-cell">
<td v-if="showColumn('registration')" class="v-data-table__td registration-cell">
<Mono muted smaller v-if="flight.aircraft_registration">{{ flight.aircraft_registration }}</Mono>
</td>
<td class="v-data-table__td class-badges-cell">
<td v-if="showColumn('class_seat_combined')" class="v-data-table__td class-badges-cell">
<span class="class-cell">
<CrewTooltip v-if="flight.flight_reason?.name == 'Crew'" :crew-type="flight.crew_type!">
<FlightClassBadge v-if="flight.flight_class?.internal_name === 'crew'" :flight="flight" />