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

MVP done

Browse source
This commit is contained in:
Tim Zöller 2025-11-29 09:56:55 +01:00
parent c1729a629d
commit ac53f04e0a
27 changed files with 3019 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

94
src/main/resources/templates/timeline/public.html Normal file
View file

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout}">
<head>
<title>Public Timeline</title>
</head>
<body>
<div layout:fragment="content">
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2>
<i class="bi bi-globe text-primary"></i>
Public Timeline
</h2>
<div class="btn-group" role="group" aria-label="Timeline views">
<a th:href="@{/timeline}" class="btn btn-primary active">
<i class="bi bi-globe"></i> Public
</a>
<a th:href="@{/timeline/federated}" class="btn btn-outline-primary" id="federatedLink" style="display: none;">
<i class="bi bi-people"></i> Following
</a>
<a th:href="@{/timeline/user}" class="btn btn-outline-primary" id="userTimelineLink" style="display: none;">
<i class="bi bi-person"></i> My Timeline
</a>
</div>
</div>
<p class="text-muted mb-4">
Discover public fitness activities from the FitPub community
</p>
<!-- Loading Indicator -->
<div id="loadingIndicator" class="text-center py-5">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<p class="mt-2 text-muted">Loading timeline...</p>
</div>
<!-- Error Alert -->
<div id="errorAlert" class="alert alert-danger d-none" role="alert">
<i class="bi bi-exclamation-triangle-fill"></i>
<span id="errorMessage"></span>
</div>
<!-- Timeline Activities -->
<div id="timelineList" class="d-none">
<!-- Will be populated by JavaScript -->
</div>
<!-- Empty State -->
<div id="emptyState" class="text-center py-5 d-none">
<i class="bi bi-inbox" style="font-size: 4rem; color: #d1d5db;"></i>
<h4 class="mt-3">No Activities Yet</h4>
<p class="text-muted">Be the first to share your fitness activities!</p>
<a th:href="@{/activities/upload}" class="btn btn-primary mt-3" id="uploadLinkEmpty" style="display: none;">
<i class="bi bi-cloud-upload"></i> Upload Activity
</a>
</div>
<!-- Pagination -->
<nav id="pagination" aria-label="Timeline pagination" class="mt-4 d-none">
<ul class="pagination justify-content-center" id="paginationList">
<!-- Will be populated by JavaScript -->
</ul>
</nav>
</div>
</div>
</div>
<!-- Custom Scripts -->
<th:block layout:fragment="scripts">
<script th:src="@{/js/timeline.js}"></script>
<script th:inline="javascript">
document.addEventListener('DOMContentLoaded', function() {
// Show federated/user timeline links if logged in
if (FitPubAuth.isAuthenticated()) {
document.getElementById('federatedLink').style.display = 'inline-block';
document.getElementById('userTimelineLink').style.display = 'inline-block';
document.getElementById('uploadLinkEmpty').style.display = 'inline-block';
}
// Initialize timeline
FitPubTimeline.init('public');
});
</script>
</th:block>
</body>
</html>