McPringle/fitpub
1
0
Fork 0
Code Issues 24 Pull requests 6 Projects Releases Packages Wiki Activity Actions

Moar federation

Browse source
This commit is contained in:
Tim Zöller 2025-12-01 09:52:50 +01:00
parent 7ba5697e4f
commit 71aa6ffffe
5 changed files with 181 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/main/resources/static/js/timeline.js
View file

@ -147,31 +147,13 @@ const FitPubTimeline = {
}
<!-- Activity Metrics -->
<div class="row text-center mb-3">
<div class="col-6 col-md-3">
<div class="metric-card">
<div class="metric-value">${this.formatDistance(activity.totalDistance)}</div>
<div class="metric-label">Distance</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="metric-card">
<div class="metric-value">${this.formatDuration(activity.totalDurationSeconds)}</div>
<div class="metric-label">Duration</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="metric-card">
<div class="metric-value">${this.formatPace(activity.totalDurationSeconds, activity.totalDistance)}</div>
<div class="metric-label">Avg Pace</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="metric-card">
<div class="metric-value">${activity.elevationGain ? Math.round(activity.elevationGain) + 'm' : 'N/A'}</div>
<div class="metric-label">Elevation</div>
</div>
</div>
<div class="mb-2">
<small class="text-muted">
<strong>Distance:</strong> ${this.formatDistance(activity.totalDistance)} •
<strong>Duration:</strong> ${this.formatDuration(activity.totalDurationSeconds)} •
<strong>Pace:</strong> ${this.formatPace(activity.totalDurationSeconds, activity.totalDistance)} •
<strong>Elevation:</strong> ${activity.elevationGain ? Math.round(activity.elevationGain) + 'm' : 'N/A'}
</small>
</div>
<!-- Preview Map -->

50
src/main/resources/templates/activities/detail.html
View file

@ -58,39 +58,23 @@
</div>
<!-- Activity Metrics -->
<div class="row mb-4">
<div class="col-md-3 col-6 mb-3">
<div class="card text-center">
<div class="card-body">
<h3 class="text-primary mb-0" id="metricDistance">--</h3>
<p class="text-muted mb-0">Distance</p>
</div>
</div>
</div>
<div class="col-md-3 col-6 mb-3">
<div class="card text-center">
<div class="card-body">
<h3 class="text-primary mb-0" id="metricDuration">--</h3>
<p class="text-muted mb-0">Duration</p>
</div>
</div>
</div>
<div class="col-md-3 col-6 mb-3">
<div class="card text-center">
<div class="card-body">
<h3 class="text-primary mb-0" id="metricElevation">--</h3>
<p class="text-muted mb-0">Elevation Gain</p>
</div>
</div>
</div>
<div class="col-md-3 col-6 mb-3">
<div class="card text-center">
<div class="card-body">
<h3 class="text-primary mb-0" id="metricPace">--</h3>
<p class="text-muted mb-0">Avg Pace</p>
</div>
</div>
</div>
<div class="mb-3">
<table class="table table-sm table-borderless mb-0">
<tbody>
<tr>
<td class="text-muted" style="width: 25%;">Distance</td>
<td class="fw-bold" id="metricDistance">--</td>
<td class="text-muted" style="width: 25%;">Duration</td>
<td class="fw-bold" id="metricDuration">--</td>
</tr>
<tr>
<td class="text-muted">Elevation</td>
<td class="fw-bold" id="metricElevation">--</td>
<td class="text-muted">Avg Pace</td>
<td class="fw-bold" id="metricPace">--</td>
</tr>
</tbody>
</table>
</div>
<!-- Map -->

25
src/main/resources/templates/activities/list.html
View file

@ -172,26 +172,11 @@
${activity.description ? `<p class="card-text">${escapeHtml(activity.description).substring(0, 150)}${activity.description.length > 150 ? '...' : ''}</p>` : ''}
</div>
<div class="col-md-4">
<div class="row text-center">
<div class="col-4">
<div class="metric-card">
<div class="metric-value small">${formatDistance(activity.totalDistance)}</div>
<div class="metric-label">Distance</div>
</div>
</div>
<div class="col-4">
<div class="metric-card">
<div class="metric-value small">${formatDuration(activity.totalDuration)}</div>
<div class="metric-label">Time</div>
</div>
</div>
<div class="col-4">
<div class="metric-card">
<div class="metric-value small">${activity.elevationGain ? Math.round(activity.elevationGain) + 'm' : 'N/A'}</div>
<div class="metric-label">Elevation</div>
</div>
</div>
</div>
<small class="text-muted">
<strong>Distance:</strong> ${formatDistance(activity.totalDistance)}<br>
<strong>Duration:</strong> ${formatDuration(activity.totalDuration)}<br>
<strong>Elevation:</strong> ${activity.elevationGain ? Math.round(activity.elevationGain) + 'm' : 'N/A'}
</small>
</div>
</div>
<div class="mt-3 d-flex gap-2">