Big Feature and Beautifying Package

This commit is contained in:
Tim Zöller 2026-01-13 12:53:18 +01:00
parent 87da2a3861
commit 1f2ff67f38
171 changed files with 1286 additions and 663 deletions

View file

@ -34,6 +34,9 @@
<h2 id="activityTitle">Activity Title</h2>
<p class="text-muted mb-2">
<span id="activityType" class="activity-type-badge"></span>
<span id="raceBadge" class="badge race-badge ms-2" style="display: none;">
<i class="bi bi-flag-checkered"></i> Race
</span>
<span id="indoorBadge" class="badge bg-warning text-dark ms-2" style="display: none;">
<i class="bi bi-house-door"></i> Indoor
</span>
@ -510,6 +513,28 @@
document.querySelector('#visibilityBadge i').className = `bi bi-${visIcon}`;
document.getElementById('visibilityBadge').className = `ms-2 visibility-${activity.visibility.toLowerCase()}`;
// Race badge and styling
const raceBadge = document.getElementById('raceBadge');
const activityTypeSpan = document.getElementById('activityType');
const activityContent = document.getElementById('activityContent');
const metricsCard = document.querySelector('#activityContent .card.border');
if (activity.race === true) {
raceBadge.style.display = 'inline-block';
activityTypeSpan.classList.add('race-activity');
activityContent.classList.add('race-detail');
if (metricsCard) {
metricsCard.classList.add('race-metrics');
}
} else {
raceBadge.style.display = 'none';
activityTypeSpan.classList.remove('race-activity');
activityContent.classList.remove('race-detail');
if (metricsCard) {
metricsCard.classList.remove('race-metrics');
}
}
// Indoor badge
const indoorBadge = document.getElementById('indoorBadge');
if (activity.indoor === true) {