Updated logo API
This commit is contained in:
@@ -44,9 +44,18 @@ function isUpcoming(flight: Flight): boolean {
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<div class="section-header departed">
|
||||
<span class="section-icon">◉</span>
|
||||
<span class="section-label">DEPARTED FLIGHTS</span>
|
||||
<span class="section-count">{{ departedFlights.length }} logged</span>
|
||||
<div class="section-line" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="passes-grid">
|
||||
<template v-for="{ raw: flight } in items" :key="flight.id">
|
||||
<template v-if="isFirstDeparted(flight, items.map(i => i.raw))">
|
||||
<template v-if="isFirstDeparted(flight, items.map(i => i.raw)) && items.some(i => isUpcoming(i.raw))">
|
||||
<div class="section-header departed grid-span-full">
|
||||
<span class="section-icon">◉</span>
|
||||
<span class="section-label">DEPARTED FLIGHTS</span>
|
||||
@@ -58,15 +67,6 @@ function isUpcoming(flight: Flight): boolean {
|
||||
<BoardingPass :flight="flight" />
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<template v-if="!items.some(i => isUpcoming(i.raw)) && items[0]?.raw === departedFlights[0]">
|
||||
<div class="section-header departed departed-only">
|
||||
<span class="section-icon">◉</span>
|
||||
<span class="section-label">DEPARTED FLIGHTS</span>
|
||||
<span class="section-count">{{ departedFlights.length }} logged</span>
|
||||
<div class="section-line" />
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -88,10 +88,6 @@ function isUpcoming(flight: Flight): boolean {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.departed-only {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user