Trasa v planovaci wip
This commit is contained in:
@@ -43,12 +43,12 @@ const handleMarkerClick = (marker) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const markers = ref([]);
|
const markers = ref([]);
|
||||||
watch(() => props.flightPlan.track, (newVal) => {
|
watch(() => props.flightPlan.navlog, (newVal) => {
|
||||||
markers.value = getMarkersFrom(props.flightPlan);
|
markers.value = getMarkersFrom(props.flightPlan);
|
||||||
}, {immediate: true, deep: true});
|
}, {immediate: true, deep: true});
|
||||||
|
|
||||||
const track = computed(() => markers.value.map(m => ({lat: m.gpsLatitude, lng: m.gpsLongitude})));
|
const track = computed(() => markers.value.map(m => ({lat: m.gpsLatitude, lng: m.gpsLongitude})));
|
||||||
const trackAids = computed(() => props.flightPlan.track.map(p => ({
|
const trackAids = computed(() => props.flightPlan.navlog.map(p => ({
|
||||||
...p,
|
...p,
|
||||||
anchorPoint: 'CENTER',
|
anchorPoint: 'CENTER',
|
||||||
bearing: p.bearing,
|
bearing: p.bearing,
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ const columns = [
|
|||||||
|
|
||||||
const {getDuration, getTotalDuration, getTotalDistance} = useFlightPlanCalculations();
|
const {getDuration, getTotalDuration, getTotalDistance} = useFlightPlanCalculations();
|
||||||
|
|
||||||
const data = computed(() => props.flightPlan.track.map((item) => ({
|
const data = computed(() => props.flightPlan.navlog.map((item) => ({
|
||||||
from: textEllipsis(item.from.name, 30),
|
from: textEllipsis(item.from.name, 30),
|
||||||
to: textEllipsis(item.to.name, 30),
|
to: textEllipsis(item.to.name, 30),
|
||||||
distance: `${item.distance} km`,
|
distance: `${item.distance} km`,
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ const totalDistance = computed(() => getTotalDistance(props.flightPlan));
|
|||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-scroll-area class="mobile-hide" style="height: 55vh">
|
<q-scroll-area class="mobile-hide" style="height: 55vh">
|
||||||
<template v-for="(segment, i) in props.flightPlan.track" :key="segment">
|
<template v-for="(segment, i) in props.flightPlan.navlog" :key="segment">
|
||||||
<q-item dense>
|
<q-item dense>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ segment.from.name }}</q-item-label>
|
<q-item-label>{{ segment.from.name }}</q-item-label>
|
||||||
@@ -70,7 +70,7 @@ const totalDistance = computed(() => getTotalDistance(props.flightPlan));
|
|||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-item dense v-if="segment.to && i === props.flightPlan.track.length - 1">
|
<q-item dense v-if="segment.to && i === props.flightPlan.navlog.length - 1">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>
|
<q-item-label>
|
||||||
{{ segment.to.name }}
|
{{ segment.to.name }}
|
||||||
@@ -79,15 +79,15 @@ const totalDistance = computed(() => getTotalDistance(props.flightPlan));
|
|||||||
</q-item>
|
</q-item>
|
||||||
</template>
|
</template>
|
||||||
<q-item>
|
<q-item>
|
||||||
<q-item-section v-if="flightPlan.track.length">
|
<q-item-section v-if="flightPlan.navlog.length">
|
||||||
<div>
|
<div>
|
||||||
<q-btn
|
<q-btn
|
||||||
@click="emits('change-insert-position', flightPlan.track.length + 1)"
|
@click="emits('change-insert-position', flightPlan.navlog.length + 1)"
|
||||||
icon="add"
|
icon="add"
|
||||||
size="sm"
|
size="sm"
|
||||||
:color="insertPosition === flightPlan.track.length + 1? 'primary' : 'grey'"
|
:color="insertPosition === flightPlan.navlog.length + 1? 'primary' : 'grey'"
|
||||||
>
|
>
|
||||||
<template v-if="insertPosition === flightPlan.track.length + 1">Přidávám na konec</template>
|
<template v-if="insertPosition === flightPlan.navlog.length + 1">Přidávám na konec</template>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</div>
|
</div>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|||||||
@@ -10,11 +10,11 @@ export const useFlightPlanUtils = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const getMarkersFrom = (flightPlan) => {
|
const getMarkersFrom = (flightPlan) => {
|
||||||
const segments = flightPlan.track.length;
|
const segments = flightPlan.navlog.length;
|
||||||
|
|
||||||
const markers = flightPlan.track.map(m => m.from);
|
const markers = flightPlan.navlog.map(m => m.from);
|
||||||
if (segments > 0 && flightPlan.track[segments - 1].to) {
|
if (segments > 0 && flightPlan.navlog[segments - 1].to) {
|
||||||
markers.push(flightPlan.track[segments - 1].to);
|
markers.push(flightPlan.navlog[segments - 1].to);
|
||||||
}
|
}
|
||||||
|
|
||||||
return markers;
|
return markers;
|
||||||
@@ -27,16 +27,16 @@ export const useFlightPlanCalculations = () => {
|
|||||||
const getDuration = (distance, speed) => Math.round(distance / speed * 60)
|
const getDuration = (distance, speed) => Math.round(distance / speed * 60)
|
||||||
|
|
||||||
const getTotalDistance = (flightPlan) => {
|
const getTotalDistance = (flightPlan) => {
|
||||||
if (!flightPlan.track.length) return null;
|
if (!flightPlan.navlog.length) return null;
|
||||||
|
|
||||||
return Math.round(flightPlan.track.map(t => t.distance).reduce((a, b) => a + b));
|
return Math.round(flightPlan.navlog.map(t => t.distance).reduce((a, b) => a + b));
|
||||||
}
|
}
|
||||||
|
|
||||||
const getTotalDuration = (flightPlan, plannedSpeed = undefined) => {
|
const getTotalDuration = (flightPlan, plannedSpeed = undefined) => {
|
||||||
if (!plannedSpeed) plannedSpeed = flightPlan.plannedSpeed;
|
if (!plannedSpeed) plannedSpeed = flightPlan.plannedSpeed;
|
||||||
if (!flightPlan.track.length) return null;
|
if (!flightPlan.navlog.length) return null;
|
||||||
|
|
||||||
return flightPlan.track.map(t => getDuration(t.distance, plannedSpeed)).reduce((a, b) => a + b)
|
return flightPlan.navlog.map(t => getDuration(t.distance, plannedSpeed)).reduce((a, b) => a + b)
|
||||||
}
|
}
|
||||||
|
|
||||||
return {getDuration, getTotalDistance, getTotalDuration}
|
return {getDuration, getTotalDistance, getTotalDuration}
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ fragment flightPlanFullInfo on FlightPlan {
|
|||||||
thumbnailUrl
|
thumbnailUrl
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
track {
|
navlog {
|
||||||
bearing
|
bearing
|
||||||
distance
|
distance
|
||||||
from {
|
from {
|
||||||
|
|||||||
Reference in New Issue
Block a user