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

feat(komoot): show visibility icons in activity list

Browse source 
Signed-off-by: Marcus Fihlon <marcus@fihlon.swiss>
This commit is contained in:
Marcus Fihlon 2026-04-29 12:35:20 +02:00
parent 67999e8a4a
commit 70e7632699
Signed by: McPringle
GPG key ID: C6B7F469EE363E1F
1 changed files with 17 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/main/resources/templates/activities/komoot.html
View file

@ -108,6 +108,7 @@
<table class="table table-hover align-middle"> <table class="table table-hover align-middle">
<thead> <thead>
<tr> <tr>
<th class="text-center" style="width: 1%;"></th>
<th>Name</th> <th>Name</th>
<th>Date</th> <th>Date</th>
<th>Type</th> <th>Type</th>
@ -264,17 +265,32 @@
return '<i class="bi bi-plus-circle text-muted" title="New activity" aria-label="New activity"></i>'; return '<i class="bi bi-plus-circle text-muted" title="New activity" aria-label="New activity"></i>';
} }
function renderVisibilityIcon(activity) {
const status = String(activity.status || '').toLowerCase();
if (status === 'public') {
return '<i class="bi bi-globe2 visibility-public" title="Public" aria-label="Public"></i>';
}
if (status === 'friends' || status === 'followers' || status === 'close_friends') {
return '<i class="bi bi-people-fill visibility-followers" title="Followers" aria-label="Followers"></i>';
}
return '<i class="bi bi-lock-fill visibility-private" title="Private" aria-label="Private"></i>';
}
function renderActivities(activities) { function renderActivities(activities) {
resultCount.textContent = activities.length; resultCount.textContent = activities.length;
if (activities.length === 0) { if (activities.length === 0) {
resultsBody.innerHTML = '<tr><td colspan="7" class="text-center text-muted py-4">No completed activities found.</td></tr>'; resultsBody.innerHTML = '<tr><td colspan="8" class="text-center text-muted py-4">No completed activities found.</td></tr>';
resultsSection.classList.remove('d-none'); resultsSection.classList.remove('d-none');
return; return;
} }
resultsBody.innerHTML = activities.map(activity => ` resultsBody.innerHTML = activities.map(activity => `
<tr> <tr>
<td class="text-center">${renderVisibilityIcon(activity)}</td>
<td>${renderActivityTitle(activity)}</td> <td>${renderActivityTitle(activity)}</td>
<td>${formatDate(activity.date)}</td> <td>${formatDate(activity.date)}</td>
<td>${formatActivityTypeBadge(activity.mappedActivityType)}</td> <td>${formatActivityTypeBadge(activity.mappedActivityType)}</td>