mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2026-11-01 20:19:39 +00:00
vcoppeandvcoppe
8fe7d8d64d
* wasm first steps * parsing start * parsing continued * progress * progress * progress * progress * progress * progress * progress * progress * fixes * reorganize * change type * fix * progress * refactoring * progress * progress * progress * keep style info * progress * progress * remove (copy) in name * progress * merge methods into 1 * splice * progress * progress * progress * cleaning * progress * progress * progress * visibility * progress * progress * progress * progress * progress * fixes * progress * fix markers * fix * progress * progress * progress * progress * progress * progress * small fix * use engine info * fix popups * small fix * progress * progress * progress * clean tool * handle self closing elements * reduce data exchanges across boundary * copy on wasm side to avoid any data corruption * speed fix * routing * refactoring * reverse * reverse * crop * split * merge * progress * time tool * fix bounds for waypoints * reduce * fix reactivity * handle corrupt time data * export * progress * remove gpx js package * remove todo * update readme * cleaning * progress * fix link fields * remove unused fields * refactoring and tests * import and export of routes, ref #192 * per-chunk categories storage * cross-tab sync * outdated state * refactoring * reorder methods * refactoring * fix * improve flow * renaming * progress * progress * fix * progress * per file history * keep original flag * use history variant * fix * progress * file explorer * progress * fix * sticky folders * improved sticky folders * fix sortable * fix sortable * fix * fix tab size * no file delete on desktop * fix routing on other file * fix sorting * remember language * open links in browser * commit missing changes * avoid selecting on resize * clarify filename * explorer actions * fix folder styling * drop anywhere in folder * cleaning * fixes * remove focus-ring * full screen * small fix * consistent highlight color * improved preview * performance improvements * sparser data transfers * sparser data transfers * show popup once data is loaded * fix routing control size * fix * sparse desktop build * remove custom ign styles * use new endpoint for openhikingmap * strip native menu * reorder context menu items * route full support * route - track conversion * create route file action * route export, filter out anchors at high zoom level * clarify name handling * move hide & center to view * routes continued * update docs * fix power format, closes #378 * lint fixes * fix display of additional data with gaps, closes #361 * fix linting issues * fix import modules * fix multidrag * change base to resolve * fix type errors * fix layer typings * fix last type error * each keys * improve typings * deploy to cloudflare --------- Co-authored-by: vcoppe <vcoppe@hexaly.com>
97 lines
4.0 KiB
Svelte
97 lines
4.0 KiB
Svelte
<script lang="ts">
|
|
import * as Card from '$lib/components/ui/card';
|
|
import Tooltip from '$lib/components/Tooltip.svelte';
|
|
import WithUnits from '$lib/components/WithUnits.svelte';
|
|
|
|
import { MoveDownRight, MoveUpRight, Ruler, Timer, Zap } from '@lucide/svelte';
|
|
|
|
import { i18n } from '$lib/i18n/i18n.svelte';
|
|
import type { Readable } from 'svelte/store';
|
|
import type { SelectionStatistics } from '$lib/engine';
|
|
import type { SlicedStatistics } from '$lib/state/selection-statistics';
|
|
import { settings } from '$lib/state/settings';
|
|
|
|
const { velocityUnits } = settings;
|
|
|
|
let panelHeight: number = $state(0);
|
|
let panelWidth: number = $state(0);
|
|
|
|
let {
|
|
statistics: selectionStatistics,
|
|
slicedStatistics,
|
|
orientation,
|
|
}: {
|
|
statistics: Readable<SelectionStatistics>;
|
|
slicedStatistics: Readable<SlicedStatistics | undefined>;
|
|
orientation: 'horizontal' | 'vertical';
|
|
} = $props();
|
|
|
|
// the highlighted part of the selection, or all of it
|
|
let statistics = $derived($slicedStatistics?.global ?? $selectionStatistics.global);
|
|
</script>
|
|
|
|
<Card.Root
|
|
class="h-full {orientation === 'vertical'
|
|
? 'min-w-40 sm:min-w-44'
|
|
: 'w-full h-fit my-1'} ring-0 p-0 text-sm sm:text-base bg-transparent"
|
|
>
|
|
<Card.Content class="h-full p-0">
|
|
<div
|
|
bind:clientHeight={panelHeight}
|
|
bind:clientWidth={panelWidth}
|
|
class="flex {orientation === 'vertical'
|
|
? 'flex-col h-full justify-center'
|
|
: 'flex-row w-full justify-evenly'} gap-4"
|
|
>
|
|
<Tooltip label={i18n._('quantities.distance')}>
|
|
<span class="flex flex-row items-center">
|
|
<Ruler size="16" class="mr-1" />
|
|
<WithUnits value={statistics.totalDistance} type="distance" />
|
|
</span>
|
|
</Tooltip>
|
|
<Tooltip label={i18n._('quantities.elevation_gain_loss')}>
|
|
<span class="flex flex-row items-center">
|
|
<MoveUpRight size="16" class="mr-1" />
|
|
<WithUnits value={statistics.elevationGain} type="elevation" />
|
|
<MoveDownRight size="16" class="mx-1" />
|
|
<WithUnits value={statistics.elevationLoss} type="elevation" />
|
|
</span>
|
|
</Tooltip>
|
|
{#if panelHeight > 120 || (orientation === 'horizontal' && panelWidth > 450)}
|
|
<Tooltip
|
|
label="{$velocityUnits === 'speed'
|
|
? i18n._('quantities.speed')
|
|
: i18n._('quantities.pace')} ({i18n._('quantities.moving')} / {i18n._(
|
|
'quantities.total'
|
|
)})"
|
|
>
|
|
<span class="flex flex-row items-center">
|
|
<Zap size="16" class="mr-1" />
|
|
<WithUnits
|
|
value={statistics.movingSpeed ?? 0}
|
|
type="speed"
|
|
showUnits={false}
|
|
/>
|
|
<span class="mx-1">/</span>
|
|
<WithUnits value={statistics.totalSpeed ?? 0} type="speed" />
|
|
</span>
|
|
</Tooltip>
|
|
{/if}
|
|
{#if panelHeight > 150 || (orientation === 'horizontal' && panelWidth > 620)}
|
|
<Tooltip
|
|
label="{i18n._('quantities.time')} ({i18n._('quantities.moving')} / {i18n._(
|
|
'quantities.total'
|
|
)})"
|
|
>
|
|
<span class="flex flex-row items-center">
|
|
<Timer size="16" class="mr-1" />
|
|
<WithUnits value={statistics.movingTime ?? 0} type="time" />
|
|
<span class="mx-1">/</span>
|
|
<WithUnits value={statistics.totalTime ?? 0} type="time" />
|
|
</span>
|
|
</Tooltip>
|
|
{/if}
|
|
</div>
|
|
</Card.Content>
|
|
</Card.Root>
|