aboutsummaryrefslogtreecommitdiff
path: root/web/frontend
diff options
context:
space:
mode:
Diffstat (limited to 'web/frontend')
-rw-r--r--web/frontend/ride-detail-boundaries.ts3
-rw-r--r--web/frontend/ride-detail.ts2
-rw-r--r--web/frontend/types.d.ts1
3 files changed, 4 insertions, 2 deletions
diff --git a/web/frontend/ride-detail-boundaries.ts b/web/frontend/ride-detail-boundaries.ts
index 22a1255..a9bb8e1 100644
--- a/web/frontend/ride-detail-boundaries.ts
+++ b/web/frontend/ride-detail-boundaries.ts
@@ -118,6 +118,7 @@ export class RideBoundaryController {
boundaryLabel(index: number): string {
const point = this.points[index];
- return `${formatDistance(point.distanceKm)} · ${formatElevation(point.elevationM)}`;
+ const idx = point.index ?? index;
+ return `#${idx} · ${formatDistance(point.distanceKm)} · ${formatElevation(point.elevationM)}`;
}
}
diff --git a/web/frontend/ride-detail.ts b/web/frontend/ride-detail.ts
index 045372e..b8d2898 100644
--- a/web/frontend/ride-detail.ts
+++ b/web/frontend/ride-detail.ts
@@ -93,7 +93,7 @@ export const mountRideDetail = (): void => {
}
const point = points[index];
mapController.showPoint(index);
- hoverOutput.textContent = `${formatDistance(point.distanceKm)} · ${formatElevation(point.elevationM)}`;
+ hoverOutput.textContent = `#${point.index ?? index} · ${formatDistance(point.distanceKm)} · ${formatElevation(point.elevationM)}`;
},
});
diff --git a/web/frontend/types.d.ts b/web/frontend/types.d.ts
index 790abe6..87be024 100644
--- a/web/frontend/types.d.ts
+++ b/web/frontend/types.d.ts
@@ -8,6 +8,7 @@ export interface ProfilePoint {
}
export interface RideProfilePoint extends ProfilePoint {
+ index: number;
latitude: number;
longitude: number;
}