Updated logo API
This commit is contained in:
@@ -44,9 +44,18 @@ function isUpcoming(flight: Flight): boolean {
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</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">
|
<div class="passes-grid">
|
||||||
<template v-for="{ raw: flight } in items" :key="flight.id">
|
<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">
|
<div class="section-header departed grid-span-full">
|
||||||
<span class="section-icon">◉</span>
|
<span class="section-icon">◉</span>
|
||||||
<span class="section-label">DEPARTED FLIGHTS</span>
|
<span class="section-label">DEPARTED FLIGHTS</span>
|
||||||
@@ -58,15 +67,6 @@ function isUpcoming(flight: Flight): boolean {
|
|||||||
<BoardingPass :flight="flight" />
|
<BoardingPass :flight="flight" />
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -88,10 +88,6 @@ function isUpcoming(flight: Flight): boolean {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.departed-only {
|
|
||||||
order: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header {
|
.section-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user