Peak Detection

This commit is contained in:
Tim Zöller 2026-04-06 23:41:33 +02:00
parent 6e70e1495e
commit a1416b232b
20 changed files with 653 additions and 0 deletions

View file

@ -159,6 +159,23 @@
</div>
</div>
<!-- Peaks Card -->
<div class="row mb-4" id="peaksSection" style="display: none;">
<div class="col-12">
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<i class="bi bi-triangle"></i> Peaks
</h5>
</div>
<div class="card-body p-0">
<ul class="list-group list-group-flush" id="peaksList">
</ul>
</div>
</div>
</div>
</div>
<!-- Weather Card -->
<div class="row mb-4" id="weatherSection" style="display: none;">
<div class="col-12">
@ -626,6 +643,18 @@
loadWeatherData(activity.id);
}
// Render peaks
if (activity.peaks && activity.peaks.length > 0) {
const peaksList = document.getElementById('peaksList');
peaksList.innerHTML = activity.peaks.map(peak => {
const content = peak.wikipedia
? `<a href="${peak.wikipedia}" target="_blank" rel="noopener">${peak.name} <i class="bi bi-box-arrow-up-right small"></i></a>`
: peak.name;
return `<li class="list-group-item">${content}</li>`;
}).join('');
document.getElementById('peaksSection').style.display = 'block';
}
// Render elevation chart if data exists
if (activity.trackPoints && activity.trackPoints.length > 0) {
// Store track points globally for map marker updates