steven/pedestrian-simulator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show completed trips on profiles
All checks were successful
pedestrian-simulator / build (push) Successful in 59s
Details

Browse Source
This commit is contained in:
Steven Polley
2026-01-14 16:55:49 -07:00
parent bf75e10399
commit f0172afb1e
6 changed files with 556 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/index.html
View File

@@ -266,10 +266,23 @@
</div>
<div class="user-profile-content">
<h3>Completed Walks (Public)</h3>
<div id="profilePublicTripsList" class="kml-file-list">
<p class="empty-message">No public walks shared yet.</p>
<div class="profile-tabs">
<button class="profile-tab active" data-tab="completed-walks">🏅 Completed Walks</button>
<button class="profile-tab" data-tab="shared-routes">🌍 Shared Routes</button>
</div>
<div id="completed-walks-pane" class="profile-pane active">
<div id="profileCompletedTripsList" class="kml-file-list">
<p class="empty-message">No completed walks yet.</p>
</div>
</div>
<div id="shared-routes-pane" class="profile-pane">
<div id="profilePublicTripsList" class="kml-file-list">
<p class="empty-message">No public walks shared yet.</p>
</div>
</div>
<div class="pagination-controls small">
<button id="prevProfilePage" class="action-btn" disabled>←</button>
<span id="profilePageNum">1</span>
@@ -278,6 +291,29 @@
</div>
</div>
</div>
<!-- Celebration Overlay -->
<div id="celebration-overlay" class="overlay">
<div class="celebration-card">
<div class="confetti-container"></div>
<div class="celebration-content">
<div class="celebration-icon">🎉</div>
<h2>Journey Complete!</h2>
<p>Congratulations! You've successfully finished your walk.</p>
<div id="celebrationStats" class="celebration-stats">
<div class="stat-item">
<span class="stat-label">Route</span>
<span id="finishRouteName" class="stat-value">-</span>
</div>
<div class="stat-item">
<span class="stat-label">Distance</span>
<span id="finishDistance" class="stat-value">0.0 km</span>
</div>
</div>
<button id="closeCelebration" class="primary-btn large">Awesome!</button>
</div>
</div>
</div>
</div>
<script src="app.js"></script>