Moving Time ergänzt

This commit is contained in:
Tim Zöller 2026-01-05 14:12:29 +01:00
parent 1e833d52b6
commit f34ce5723e
7 changed files with 138 additions and 7 deletions

View file

@ -83,6 +83,16 @@
</div>
</div>
</div>
<!-- Moving Time -->
<div class="col-md-3 col-6" id="metricMovingTimeContainer" style="display: none;">
<div class="d-flex align-items-center py-2">
<i class="bi bi-clock-history text-primary me-2" style="font-size: 1.5rem;"></i>
<div>
<div class="text-muted small">Moving Time</div>
<div class="fw-bold" id="metricMovingTime">--</div>
</div>
</div>
</div>
<!-- Elevation Gain -->
<div class="col-md-3 col-6">
<div class="d-flex align-items-center py-2">
@ -512,6 +522,12 @@
// Duration is always shown
document.getElementById('metricDuration').textContent = formatDuration(activity.totalDuration);
// Moving Time - only show if available and different from total duration
if (activity.movingTimeSeconds != null && activity.movingTimeSeconds < activity.totalDuration) {
document.getElementById('metricMovingTimeContainer').style.display = 'block';
document.getElementById('metricMovingTime').textContent = formatDuration(activity.movingTimeSeconds);
}
// Additional Metrics (conditional)
// Note: averageSpeed is already in km/h from backend (converted in FitParser)
if (activity.averageSpeed && hasGpsTrack) {

View file

@ -174,7 +174,10 @@
<div class="col-md-4">
<small class="text-muted">
<strong>Distance:</strong> ${formatDistance(activity.totalDistance)}<br>
<strong>Duration:</strong> ${formatDuration(activity.totalDuration)}<br>
<strong>Duration:</strong> ${formatDuration(activity.totalDuration)}
${activity.movingTimeSeconds && activity.movingTimeSeconds < activity.totalDuration
? `<br><strong>Moving:</strong> ${formatDuration(activity.movingTimeSeconds)}`
: ''}<br>
<strong>Elevation:</strong> ${activity.elevationGain ? Math.round(activity.elevationGain) + 'm' : 'N/A'}
</small>
</div>