Add more airlines and fix edit bugs
This commit is contained in:
@@ -24,44 +24,46 @@ defineProps<{
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!-- Year — full width -->
|
||||
<div class="flight-charts glass">
|
||||
<FlightsPerYearChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Month + Day of week -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<FlightsPerMonthChart :flight-stats="flightStats" />
|
||||
<FlightsPerDayChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Reasons + Class + Seat type -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<FlightClassChart :flight-stats="flightStats" />
|
||||
<FlightReasonsChart :flight-stats="flightStats" />
|
||||
<SeatTypeChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Countries (tall) + Continents & Flight Type stacked -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<CountriesChart :max-visible="18" :flight-stats="flightStats" class="chart-tall" />
|
||||
<div class="charts-stack">
|
||||
<ContinentsChart :flight-stats="flightStats" />
|
||||
<FlightTypeChart :flight-stats="flightStats" />
|
||||
<div>
|
||||
<!-- Year — full width -->
|
||||
<div class="flight-charts glass">
|
||||
<FlightsPerYearChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Airlines + Airports -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<TopAirlinesChart :flight-stats="flightStats" />
|
||||
<TopAirportsChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
<!-- Month + Day of week -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<FlightsPerMonthChart :flight-stats="flightStats" />
|
||||
<FlightsPerDayChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Routes + International vs Domestic -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<!--
|
||||
<TopRoutesChart :flights="[...flights, ...upcomingFlights]" :upcoming-flights="upcomingFlights" />
|
||||
-->
|
||||
<!-- Reasons + Class + Seat type -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<FlightClassChart :flight-stats="flightStats" />
|
||||
<FlightReasonsChart :flight-stats="flightStats" />
|
||||
<SeatTypeChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Countries (tall) + Continents & Flight Type stacked -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<CountriesChart :max-visible="18" :flight-stats="flightStats" class="chart-tall" />
|
||||
<div class="charts-stack">
|
||||
<ContinentsChart :flight-stats="flightStats" />
|
||||
<FlightTypeChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Airlines + Airports -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<TopAirlinesChart :flight-stats="flightStats" />
|
||||
<TopAirportsChart :flight-stats="flightStats" />
|
||||
</div>
|
||||
|
||||
<!-- Routes + International vs Domestic -->
|
||||
<div class="flight-charts glass charts-row">
|
||||
<!--
|
||||
<TopRoutesChart :flights="[...flights, ...upcomingFlights]" :upcoming-flights="upcomingFlights" />
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user