This commit is contained in:
Tim Zöller 2025-12-04 18:39:01 +01:00
parent 1d7000d592
commit 7d07653d2a
12 changed files with 358 additions and 22 deletions

View file

@ -391,7 +391,11 @@
document.getElementById('activityTitle').textContent = activity.title || 'Untitled Activity';
document.getElementById('activityType').textContent = activity.activityType;
document.getElementById('activityType').className = `activity-type-badge activity-type-${activity.activityType.toLowerCase()}`;
document.getElementById('activityDate').textContent = new Date(activity.startedAt).toLocaleString();
// Format date with timezone awareness
document.getElementById('activityDate').textContent = FitPub.formatDateTimeWithTimezone(
activity.startedAt,
activity.timezone || 'UTC'
);
document.getElementById('activityVisibility').textContent = activity.visibility;
// Visibility icon

View file

@ -162,7 +162,7 @@
</span>
<span class="ms-2">
<i class="bi bi-calendar"></i>
${new Date(activity.startedAt).toLocaleDateString()}
${FitPub.formatDateWithTimezone(activity.startedAt, activity.timezone || 'UTC')}
</span>
<span class="ms-2 visibility-${activity.visibility.toLowerCase()}">
<i class="bi bi-${getVisibilityIcon(activity.visibility)}"></i>

View file

@ -303,16 +303,23 @@
metadataSection.classList.remove('d-none');
// Populate summary
const formattedDateTime = FitPub.formatDateTimeWithTimezone(
response.startedAt,
response.timezone || 'UTC'
);
const formattedDate = FitPub.formatDateWithTimezone(
response.startedAt,
response.timezone || 'UTC'
);
document.getElementById('summaryContent').innerHTML = `
<p class="mb-1"><strong>Type:</strong> ${response.activityType || 'Unknown'}</p>
<p class="mb-1"><strong>Distance:</strong> ${formatDistance(response.totalDistance)}</p>
<p class="mb-1"><strong>Duration:</strong> ${formatDuration(response.totalDurationSeconds)}</p>
<p class="mb-0"><strong>Date:</strong> ${new Date(response.startedAt).toLocaleString()}</p>
<p class="mb-0"><strong>Date:</strong> ${formattedDateTime}</p>
`;
// Pre-fill title with activity type and date
const activityDate = new Date(response.startedAt);
document.getElementById('title').value = `${response.activityType || 'Activity'} - ${activityDate.toLocaleDateString()}`;
document.getElementById('title').value = `${response.activityType || 'Activity'} - ${formattedDate}`;
}
// Reset form state