Added Notifications

2026-05-16 23:48:18 +10:00
parent 69d72e0912
commit 1d5b9f340f
61 changed files with 4204 additions and 182 deletions
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { Flight, Airline } from '@/Types/types'
+import type { CodeType } from '@/Composables/useAlphabetAirlines'
+import BadgeTable from '@/Components/FlightsGoneBy/GenericBadgeTable.vue'
+import InlineBadge from '@/Components/FlightsGoneBy/InlineBadge.vue'
+import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
+
+const props = defineProps<{
+    letters: string[]
+    flightsByLetter: Record<string, Flight[]>
+    codeType: CodeType
+    selectedYear: number | null
+}>()
+
+interface AirlineEntry {
+    airline: Airline
+    code: string
+    firstYear: number
+}
+
+function getCode(airline: Airline): string | null {
+    const raw = props.codeType === 'iata' ? airline.IATA_code : airline.ICAO_code
+    return raw?.trim().toUpperCase() ?? null
+}
+
+function airlineEntriesForLetter(letter: string): AirlineEntry[] {
+    const flights = props.flightsByLetter[letter] ?? []
+    const seen = new Map<string, AirlineEntry>()
+
+    for (const flight of flights) {
+        const airline = flight.airline
+        if (!airline) continue
+
+        const code = getCode(airline)
+        if (!code?.startsWith(letter)) continue
+
+        const year = new Date(flight.departure_date).getFullYear()
+        const existing = seen.get(code)
+        if (!existing || year < existing.firstYear) {
+            seen.set(code, { airline, code, firstYear: year })
+        }
+    }
+
+    return [...seen.entries()]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([, entry]) => entry)
+}
+
+function isHighlighted({ firstYear }: AirlineEntry): boolean {
+    return props.selectedYear !== null && firstYear === props.selectedYear
+}
+
+function toBBCode(): string {
+    return props.letters
+        .map(letter => {
+            const entries = airlineEntriesForLetter(letter)
+            if (!entries.length) return letter
+
+            return entries
+                .map(entry =>
+                    isHighlighted(entry)
+                        ? `[b][color=#00BF00]${entry.code}[/color][/b]`
+                        : entry.code
+                )
+                .join(', ')
+        })
+        .join('\n')
+}
+
+defineExpose({ toBBCode })
+</script>
+
+<template>
+    <BadgeTable
+        :rows="letters"
+        :rowKey="letter => letter"
+        :hasItems="letter => !!flightsByLetter[letter]?.length"
+        labelWidth="4em"
+    >
+        <template #label="{ row: letter }">
+            <div
+                style="width:100%;display:flex;justify-content:center;align-items:center"
+                :class="flightsByLetter[letter]?.length ? 'visited' : 'unvisited'"
+            >
+                {{ letter }}
+            </div>
+        </template>
+
+        <template #items="{ row: letter }">
+            <div
+                v-for="entry in airlineEntriesForLetter(letter)"
+                :key="entry.airline.IATA_code!"
+            >
+                <InlineBadge style="align-items:center;gap:0.2em" :variant="isHighlighted(entry) ? 'business' : undefined">
+                    <AirlineLogo :airline="entry.airline" />  {{ entry.code }}
+                </InlineBadge>
+
+            </div>
+        </template>
+    </BadgeTable>
+</template>
+
+<style scoped>
+.visited {
+    font-weight: 700;
+    color: var(--accent);
+}
+
+.unvisited {
+    color: var(--muted);
+}
+</style>