27 lines
697 B
Vue
27 lines
697 B
Vue
<script setup lang="ts">
|
|
import {Flight} from "@/Types/types";
|
|
import FlightMap from "@/Components/FlightsGoneBy/FlightMap.vue";
|
|
import Panel from "@/Components/FlightsGoneBy/Panels/Panel.vue";
|
|
import DetailRows from "@/Components/FlightsGoneBy/Panels/DetailRows.vue";
|
|
import DetailRow from "@/Components/FlightsGoneBy/Panels/DetailRow.vue";
|
|
|
|
defineProps<{
|
|
flight: Flight
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<Panel label="Route">
|
|
<div class="map-placeholder">
|
|
<FlightMap :flights="[flight]" />
|
|
</div>
|
|
<DetailRows>
|
|
<DetailRow label="Distance" :value="flight.distance + 'km'" />
|
|
</DetailRows>
|
|
</Panel>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|