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

Session api token validation

Browse Source
This commit is contained in:
dredgy
2026-06-23 11:20:01 +10:00
parent cd1538ba12
commit fcba639bae
25 changed files with 491 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Components/FlightsGoneBy/FlightMap.vue
+46 -5
View File
@@ -171,7 +171,11 @@ function airportPopupHTML(airport: Airport): string {
function routePopupHTML(historical: Flight[], future: Flight[]): string {
interface AirlineEntry { html: string; count: number }
interface DirectionGroup { label: string; airlines: Map<string, AirlineEntry> }
interface DirectionGroup {
label: string
airlines: Map<string, AirlineEntry>
users: Map<number, { name: string }>
}
const groupByDirection = (flights: Flight[]): DirectionGroup[] => {
const groups = new Map<string, DirectionGroup>()
@@ -180,13 +184,19 @@ function routePopupHTML(historical: Flight[], future: Flight[]): string {
const key = `${flight.departure_airport.id}-${flight.arrival_airport.id}`
const label = `${flight.departure_airport.municipality} to ${flight.arrival_airport.municipality}`
if (!groups.has(key)) groups.set(key, { label, airlines: new Map() })
if (!groups.has(key)) groups.set(key, { label, airlines: new Map(), users: new Map() })
const group = groups.get(key)!
if (flight.user) {
group.users.set(flight.user.id, { name: flight.user.name })
}
if (!flight.airline) return
const { iata_code, logo_url, name } = flight.airline
const airlineKey = iata_code ?? ''
const airlines = groups.get(key)!.airlines
const airlines = group.airlines
if (airlines.has(airlineKey)) {
airlines.get(airlineKey)!.count++
@@ -204,10 +214,20 @@ function routePopupHTML(historical: Flight[], future: Flight[]): string {
return [...groups.values()]
}
const renderUsers = (users: Map<number, { name: string }>): string => {
if (!users.size) return ''
const badges = [...users.values()]
.map(({ name }) => `<span class="rp-user-badge">${name}</span>`)
.join('')
return `<div class="rp-users">${badges}</div>`
}
const renderSection = (title: string, flights: Flight[]): string => {
if (!flights.length) return ''
const rows = groupByDirection(flights).map(({ label, airlines }) => {
const rows = groupByDirection(flights).map(({ label, airlines, users }) => {
const airlineLines = [...airlines.values()]
.map(({ html, count }) => count > 1
? `<span style="display:inline-flex;align-items:center;gap:4px;">${html}<span style="color:#556677">(x${count})</span></span>`
@@ -218,6 +238,7 @@ function routePopupHTML(historical: Flight[], future: Flight[]): string {
<div class="rp-direction">
<div class="rp-route">${label}</div>
<div class="rp-airlines">${airlineLines || '—'}</div>
${renderUsers(users)}
</div>`
}).join('')
@@ -778,13 +799,17 @@ export default defineComponent({
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
max-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.flight-map-wrapper { aspect-ratio: 7 / 10; }
.flight-map-wrapper {
aspect-ratio: 7 / 10;
max-height: none;
}
}
.map-container { position: absolute; inset: 0; }
@@ -860,6 +885,22 @@ export default defineComponent({
.rp-airlines { font-size: 0.75rem; color: #778899; }
.rp-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 2px 0; }
.rp-users {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 4px;
}
.rp-user-badge {
font-size: 0.7rem;
color: #c8cdd8;
background: rgba(77,166,255,0.12);
border: 1px solid rgba(77,166,255,0.25);
border-radius: 999px;
padding: 1px 8px;
white-space: nowrap;
}
/* Map controls */
.maplibregl-ctrl-group { background: rgba(10,14,22,0.85) !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.maplibregl-ctrl-group button { color: #a0b4c8 !important; }