steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-02 16:52:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

more localization

Browse Source
This commit is contained in:
vcoppe
2024-04-24 18:02:35 +02:00
parent 97e1075517
commit 34d3242022
4 changed files with 51 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/src/lib/components/ElevationProfile.svelte
View File

@@ -419,13 +419,13 @@
<ToggleGroup.Item class="p-0 w-8 h-8" value="slope"> <ToggleGroup.Item class="p-0 w-8 h-8" value="slope">
<Tooltip> <Tooltip>
<TriangleRight slot="data" size="16" /> <TriangleRight slot="data" size="16" />
<span slot="tooltip">Show slope</span> <span slot="tooltip">{$_('chart.show_slope')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="surface"> <ToggleGroup.Item class="p-0 w-8 h-8" value="surface">
<Tooltip> <Tooltip>
<BrickWall slot="data" size="16" /> <BrickWall slot="data" size="16" />
<span slot="tooltip">Show surface</span> <span slot="tooltip">{$_('chart.show_surface')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
</ToggleGroup.Root> </ToggleGroup.Root>
@@ -434,31 +434,35 @@
<ToggleGroup.Item class="p-0 w-8 h-8" value="speed"> <ToggleGroup.Item class="p-0 w-8 h-8" value="speed">
<Tooltip> <Tooltip>
<Zap slot="data" size="16" /> <Zap slot="data" size="16" />
<span slot="tooltip">Show speed</span> <span slot="tooltip"
>{$settings.velocityUnits === 'speed'
? $_('chart.show_speed')
: $_('chart.show_pace')}</span
>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="hr"> <ToggleGroup.Item class="p-0 w-8 h-8" value="hr">
<Tooltip> <Tooltip>
<HeartPulse slot="data" size="16" /> <HeartPulse slot="data" size="16" />
<span slot="tooltip">Show heart rate</span> <span slot="tooltip">{$_('chart.show_heartrate')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="cad"> <ToggleGroup.Item class="p-0 w-8 h-8" value="cad">
<Tooltip> <Tooltip>
<Orbit slot="data" size="16" /> <Orbit slot="data" size="16" />
<span slot="tooltip">Show cadence</span> <span slot="tooltip">{$_('chart.show_cadence')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="atemp"> <ToggleGroup.Item class="p-0 w-8 h-8" value="atemp">
<Tooltip> <Tooltip>
<Thermometer slot="data" size="16" /> <Thermometer slot="data" size="16" />
<span slot="tooltip">Show temperature</span> <span slot="tooltip">{$_('chart.show_temperature')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="power"> <ToggleGroup.Item class="p-0 w-8 h-8" value="power">
<Tooltip> <Tooltip>
<SquareActivity slot="data" size="16" /> <SquareActivity slot="data" size="16" />
<span slot="tooltip">Show power</span> <span slot="tooltip">{$_('chart.show_power')}</span>
</Tooltip> </Tooltip>
</ToggleGroup.Item> </ToggleGroup.Item>
</ToggleGroup.Root> </ToggleGroup.Root>

21
website/src/lib/components/GPXData.svelte
View File

@@ -5,9 +5,11 @@
import { GPXStatistics } from 'gpx'; import { GPXStatistics } from 'gpx';
import { fileCollection, selectedFiles } from '$lib/stores'; import { fileCollection, selectedFiles, settings } from '$lib/stores';
import { MoveDownRight, MoveUpRight, Ruler, Timer, Zap } from 'lucide-svelte'; import { MoveDownRight, MoveUpRight, Ruler, Timer, Zap } from 'lucide-svelte';
import { _ } from 'svelte-i18n';
let gpxData: GPXStatistics = new GPXStatistics(); let gpxData: GPXStatistics = new GPXStatistics();
$: { $: {
@@ -27,7 +29,7 @@
<Ruler size="18" class="mr-1" /> <Ruler size="18" class="mr-1" />
<WithUnits value={gpxData.distance.total} type="distance" /> <WithUnits value={gpxData.distance.total} type="distance" />
</span> </span>
<span slot="tooltip">Distance</span> <span slot="tooltip">{$_('quantities.distance')}</span>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<span slot="data" class="flex flex-row items-center"> <span slot="data" class="flex flex-row items-center">
@@ -36,14 +38,19 @@
<MoveDownRight size="18" class="mx-1" /> <MoveDownRight size="18" class="mx-1" />
<WithUnits value={gpxData.elevation.loss} type="elevation" /> <WithUnits value={gpxData.elevation.loss} type="elevation" />
</span> </span>
<span slot="tooltip">Elevation</span> <span slot="tooltip">{$_('quantities.elevation')}</span>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<span slot="data" class="flex flex-row items-center"> <span slot="data" class="flex flex-row items-center">
<Zap size="18" class="mr-1" /> <Zap size="18" class="mr-1" />
<WithUnits value={gpxData.speed.moving} type="speed" /> <WithUnits value={gpxData.speed.moving} type="speed" showUnits={false} /> /
<WithUnits value={gpxData.speed.total} type="speed" />
</span> </span>
<span slot="tooltip">Speed</span> <span slot="tooltip"
>{$settings.velocityUnits === 'speed' ? $_('quantities.speed') : $_('quantities.pace')} ({$_(
'quantities.moving'
)} / {$_('quantities.total')})</span
>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<span slot="data" class="flex flex-row items-center"> <span slot="data" class="flex flex-row items-center">
@@ -52,7 +59,9 @@
<span class="mx-1">/</span> <span class="mx-1">/</span>
<WithUnits value={gpxData.time.total} type="time" /> <WithUnits value={gpxData.time.total} type="time" />
</span> </span>
<span slot="tooltip">Moving time / Total time</span> <span slot="tooltip"
>{$_('quantities.time')} ({$_('quantities.moving')} / {$_('quantities.total')})</span
>
</Tooltip> </Tooltip>
</Card.Content> </Card.Content>
</Card.Root> </Card.Root>

21
website/src/lib/components/WithUnits.svelte
View File

@@ -12,39 +12,40 @@
export let value: number; export let value: number;
export let type: 'distance' | 'elevation' | 'speed' | 'temperature' | 'time'; export let type: 'distance' | 'elevation' | 'speed' | 'temperature' | 'time';
export let showUnits: boolean = true;
</script> </script>
{#if type === 'distance'} {#if type === 'distance'}
{#if $settings.distanceUnits === 'metric'} {#if $settings.distanceUnits === 'metric'}
{value.toFixed(2)} {$_('units.kilometers')} {value.toFixed(2)} {showUnits ? $_('units.kilometers') : ''}
{:else} {:else}
{kilometersToMiles(value).toFixed(2)} {$_('units.miles')} {kilometersToMiles(value).toFixed(2)} {showUnits ? $_('units.miles') : ''}
{/if} {/if}
{:else if type === 'elevation'} {:else if type === 'elevation'}
{#if $settings.distanceUnits === 'metric'} {#if $settings.distanceUnits === 'metric'}
{value.toFixed(0)} {$_('units.meters')} {value.toFixed(0)} {showUnits ? $_('units.meters') : ''}
{:else} {:else}
{metersToFeet(value).toFixed(0)} {$_('units.feet')} {metersToFeet(value).toFixed(0)} {showUnits ? $_('units.feet') : ''}
{/if} {/if}
{:else if type === 'speed'} {:else if type === 'speed'}
{#if $settings.distanceUnits === 'metric'} {#if $settings.distanceUnits === 'metric'}
{#if $settings.velocityUnits === 'speed'} {#if $settings.velocityUnits === 'speed'}
{value.toFixed(2)} {$_('units.kilometers_per_hour')} {value.toFixed(2)} {showUnits ? $_('units.kilometers_per_hour') : ''}
{:else} {:else}
{secondsToHHMMSS(distancePerHourToSecondsPerDistance(value))} {secondsToHHMMSS(distancePerHourToSecondsPerDistance(value))}
{$_('units.minutes_per_kilometer')} {showUnits ? $_('units.minutes_per_kilometer') : ''}
{/if} {/if}
{:else if $settings.velocityUnits === 'speed'} {:else if $settings.velocityUnits === 'speed'}
{kilometersToMiles(value).toFixed(2)} {$_('units.miles_per_hour')} {kilometersToMiles(value).toFixed(2)} {showUnits ? $_('units.miles_per_hour') : ''}
{:else} {:else}
{secondsToHHMMSS(distancePerHourToSecondsPerDistance(kilometersToMiles(value)))} {secondsToHHMMSS(distancePerHourToSecondsPerDistance(kilometersToMiles(value)))}
{$_('units.minutes_per_mile')} {showUnits ? $_('units.minutes_per_mile') : ''}
{/if} {/if}
{:else if type === 'temperature'} {:else if type === 'temperature'}
{#if $settings.temperatureUnits === 'celsius'} {#if $settings.temperatureUnits === 'celsius'}
{value} {$_('units.celsius')} {value} {showUnits ? $_('units.celsius') : ''}
{:else} {:else}
{celsiusToFahrenheit(value)} {$_('units.fahrenheit')} {celsiusToFahrenheit(value)} {showUnits ? $_('units.fahrenheit') : ''}
{/if} {/if}
{:else if type === 'time'} {:else if type === 'time'}
{secondsToHHMMSS(value)} {secondsToHHMMSS(value)}

15
website/src/locales/en.json
View File

@@ -94,6 +94,16 @@
"waymarkedTrailsWinter": "Winter" "waymarkedTrailsWinter": "Winter"
} }
}, },
"chart": {
"show_slope": "Show slope",
"show_surface": "Show surface",
"show_speed": "Show speed",
"show_pace": "Show pace",
"show_heartrate": "Show heart rate",
"show_cadence": "Show cadence",
"show_temperature": "Show temperature",
"show_power": "Show power"
},
"quantities": { "quantities": {
"distance": "Distance", "distance": "Distance",
"elevation": "Elevation", "elevation": "Elevation",
@@ -104,7 +114,10 @@
"cadence": "Cadence", "cadence": "Cadence",
"power": "Power", "power": "Power",
"slope": "Slope", "slope": "Slope",
"surface": "Surface" "surface": "Surface",
"time": "Time",
"moving": "Moving",
"total": "Total"
}, },
"units": { "units": {
"meters": "m", "meters": "m",