diff --git a/website/src/lib/components/ElevationProfile.svelte b/website/src/lib/components/ElevationProfile.svelte
index d5ba9be2..7791a2e7 100644
--- a/website/src/lib/components/ElevationProfile.svelte
+++ b/website/src/lib/components/ElevationProfile.svelte
@@ -419,13 +419,13 @@
- Show slope
+ {$_('chart.show_slope')}
- Show surface
+ {$_('chart.show_surface')}
@@ -434,31 +434,35 @@
- Show speed
+ {$settings.velocityUnits === 'speed'
+ ? $_('chart.show_speed')
+ : $_('chart.show_pace')}
- Show heart rate
+ {$_('chart.show_heartrate')}
- Show cadence
+ {$_('chart.show_cadence')}
- Show temperature
+ {$_('chart.show_temperature')}
- Show power
+ {$_('chart.show_power')}
diff --git a/website/src/lib/components/GPXData.svelte b/website/src/lib/components/GPXData.svelte
index a50c3cae..d23f7971 100644
--- a/website/src/lib/components/GPXData.svelte
+++ b/website/src/lib/components/GPXData.svelte
@@ -5,9 +5,11 @@
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 { _ } from 'svelte-i18n';
+
let gpxData: GPXStatistics = new GPXStatistics();
$: {
@@ -27,7 +29,7 @@
- Distance
+ {$_('quantities.distance')}
@@ -36,14 +38,19 @@
- Elevation
+ {$_('quantities.elevation')}
-
+ /
+
- Speed
+ {$settings.velocityUnits === 'speed' ? $_('quantities.speed') : $_('quantities.pace')} ({$_(
+ 'quantities.moving'
+ )} / {$_('quantities.total')})
@@ -52,7 +59,9 @@
/
- Moving time / Total time
+ {$_('quantities.time')} ({$_('quantities.moving')} / {$_('quantities.total')})
diff --git a/website/src/lib/components/WithUnits.svelte b/website/src/lib/components/WithUnits.svelte
index ea3a148e..339ff30c 100644
--- a/website/src/lib/components/WithUnits.svelte
+++ b/website/src/lib/components/WithUnits.svelte
@@ -12,39 +12,40 @@
export let value: number;
export let type: 'distance' | 'elevation' | 'speed' | 'temperature' | 'time';
+ export let showUnits: boolean = true;
{#if type === 'distance'}
{#if $settings.distanceUnits === 'metric'}
- {value.toFixed(2)} {$_('units.kilometers')}
+ {value.toFixed(2)} {showUnits ? $_('units.kilometers') : ''}
{:else}
- {kilometersToMiles(value).toFixed(2)} {$_('units.miles')}
+ {kilometersToMiles(value).toFixed(2)} {showUnits ? $_('units.miles') : ''}
{/if}
{:else if type === 'elevation'}
{#if $settings.distanceUnits === 'metric'}
- {value.toFixed(0)} {$_('units.meters')}
+ {value.toFixed(0)} {showUnits ? $_('units.meters') : ''}
{:else}
- {metersToFeet(value).toFixed(0)} {$_('units.feet')}
+ {metersToFeet(value).toFixed(0)} {showUnits ? $_('units.feet') : ''}
{/if}
{:else if type === 'speed'}
{#if $settings.distanceUnits === 'metric'}
{#if $settings.velocityUnits === 'speed'}
- {value.toFixed(2)} {$_('units.kilometers_per_hour')}
+ {value.toFixed(2)} {showUnits ? $_('units.kilometers_per_hour') : ''}
{:else}
{secondsToHHMMSS(distancePerHourToSecondsPerDistance(value))}
- {$_('units.minutes_per_kilometer')}
+ {showUnits ? $_('units.minutes_per_kilometer') : ''}
{/if}
{:else if $settings.velocityUnits === 'speed'}
- {kilometersToMiles(value).toFixed(2)} {$_('units.miles_per_hour')}
+ {kilometersToMiles(value).toFixed(2)} {showUnits ? $_('units.miles_per_hour') : ''}
{:else}
{secondsToHHMMSS(distancePerHourToSecondsPerDistance(kilometersToMiles(value)))}
- {$_('units.minutes_per_mile')}
+ {showUnits ? $_('units.minutes_per_mile') : ''}
{/if}
{:else if type === 'temperature'}
{#if $settings.temperatureUnits === 'celsius'}
- {value} {$_('units.celsius')}
+ {value} {showUnits ? $_('units.celsius') : ''}
{:else}
- {celsiusToFahrenheit(value)} {$_('units.fahrenheit')}
+ {celsiusToFahrenheit(value)} {showUnits ? $_('units.fahrenheit') : ''}
{/if}
{:else if type === 'time'}
{secondsToHHMMSS(value)}
diff --git a/website/src/locales/en.json b/website/src/locales/en.json
index 993b2db5..1cc62330 100644
--- a/website/src/locales/en.json
+++ b/website/src/locales/en.json
@@ -94,6 +94,16 @@
"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": {
"distance": "Distance",
"elevation": "Elevation",
@@ -104,7 +114,10 @@
"cadence": "Cadence",
"power": "Power",
"slope": "Slope",
- "surface": "Surface"
+ "surface": "Surface",
+ "time": "Time",
+ "moving": "Moving",
+ "total": "Total"
},
"units": {
"meters": "m",