sneakygeek/SneakySwole
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Phase 3 Workout UI — auth, profiles, workout viewer, exercise browser

Browse Source 
Build the core user-facing experience with admin login (bcrypt + signed
session cookies), profile switcher, workout day viewer with warmups and
exercise cards, and HTMX-powered exercise browser with search/filter.

- AuthService with bcrypt password verification and itsdangerous session tokens
- Auth dependency redirects to /login (303) for unauthenticated requests
- NavContextMiddleware injects admin/profiles/active_profile into all templates
- Profile management (list, switch, edit) with cookie-based active profile
- Workout day viewer shows warmups + exercises + per-user programming targets
- Exercise browser with HTMX filter dropdowns (no page reloads)
- Flash message partial for success/error feedback
- 12 new tests (66 total passing)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Phillip Tarrant
2026-02-24 11:14:52 -06:00
parent 1f47103480
commit 23754ea239
29 changed files with 1267 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/templates/base.html
View File

@@ -27,14 +27,16 @@
</ul>
<ul>
{% block nav_items %}
<!-- Phase 3 adds: profile switcher, login/logout -->
{% include "partials/nav.html" ignore missing %}
{% endblock %}
</ul>
</nav>
</header>
<main class="container">
{% block flash %}{% endblock %}
{% block flash %}
{% include "partials/flash_message.html" ignore missing %}
{% endblock %}
{% block content %}{% endblock %}
</main>

38
app/templates/pages/exercise_browser.html Normal file
View File

@@ -0,0 +1,38 @@
{% extends "base.html" %}
{% block title %}Exercise Library — SneakySwole{% endblock %}
{% block content %}
<hgroup>
<h1>Exercise Library</h1>
<p>Browse all exercises with form cues and programming details.</p>
</hgroup>
<!-- HTMX-powered filters -->
<div class="grid">
<select name="workout_day"
hx-get="/exercises/search"
hx-target="#exercise-results"
hx-include="[name='muscle_group']">
<option value="">All Days</option>
{% for day in workout_days %}
<option value="{{ day.name }}">{{ day.name }}</option>
{% endfor %}
</select>
<select name="muscle_group"
hx-get="/exercises/search"
hx-target="#exercise-results"
hx-include="[name='workout_day']">
<option value="">All Muscle Groups</option>
{% for mg in muscle_groups %}
<option value="{{ mg }}">{{ mg }}</option>
{% endfor %}
</select>
</div>
<!-- Exercise results (replaced by HTMX on filter change) -->
<div id="exercise-results">
{% include "partials/exercise_list.html" %}
</div>
{% endblock %}

27
app/templates/pages/login.html Normal file
View File

@@ -0,0 +1,27 @@
{% extends "base.html" %}
{% block title %}SneakySwole — Login{% endblock %}
{% block content %}
<article>
<header>
<h2>Admin Login</h2>
</header>
{% if error %}
<div class="flash-error" role="alert">{{ error }}</div>
{% endif %}
<form method="POST" action="/login">
<label for="username">Username</label>
<input type="text" id="username" name="username"
placeholder="Enter username" required autofocus>
<label for="password">Password</label>
<input type="password" id="password" name="password"
placeholder="Enter password" required>
<button type="submit">Login</button>
</form>
</article>
{% endblock %}

34
app/templates/pages/profile_edit.html Normal file
View File

@@ -0,0 +1,34 @@
{% extends "base.html" %}
{% block title %}Edit Profile — {{ profile.display_name }}{% endblock %}
{% block content %}
<article>
<header>
<h2>Edit Profile: {{ profile.display_name }}</h2>
</header>
<form method="POST" action="/profiles/{{ profile.id }}/edit">
<label for="display_name">Display Name</label>
<input type="text" id="display_name" name="display_name"
value="{{ profile.display_name }}" required>
<label for="height">Height</label>
<input type="text" id="height" name="height"
value="{{ profile.height or '' }}" placeholder="e.g., 6'0&quot;">
<label for="weight">Weight</label>
<input type="text" id="weight" name="weight"
value="{{ profile.weight or '' }}" placeholder="e.g., 260 lbs">
<label for="goals">Goals</label>
<textarea id="goals" name="goals"
placeholder="Training goals...">{{ profile.goals or '' }}</textarea>
<div class="grid">
<a href="/profiles" role="button" class="outline secondary">Cancel</a>
<button type="submit">Save Changes</button>
</div>
</form>
</article>
{% endblock %}

16
app/templates/pages/profiles.html Normal file
View File

@@ -0,0 +1,16 @@
{% extends "base.html" %}
{% block title %}User Profiles — SneakySwole{% endblock %}
{% block content %}
<hgroup>
<h1>User Profiles</h1>
<p>Manage training profiles.</p>
</hgroup>
<div class="grid">
{% for profile in profiles %}
{% include "partials/profile_card.html" %}
{% endfor %}
</div>
{% endblock %}

31
app/templates/pages/workout_day.html Normal file
View File

@@ -0,0 +1,31 @@
{% extends "base.html" %}
{% block title %}{{ day_name }} Day — SneakySwole{% endblock %}
{% block content %}
<hgroup>
<h1>{{ day_name }} Day</h1>
{% if active_profile %}
<p>Training as: <strong>{{ active_profile.display_name }}</strong></p>
{% else %}
<p>No profile selected — <a href="/profiles">select one</a></p>
{% endif %}
</hgroup>
<!-- Warmup Section -->
<section>
<h2>Warmup</h2>
{% include "partials/warmup_list.html" %}
</section>
<!-- Exercises Section -->
<section>
<h2>Exercises</h2>
{% for exercise in exercises %}
{% set program = programs.get(exercise.id) %}
{% include "partials/exercise_card.html" %}
{% endfor %}
</section>
<a href="/workouts" role="button" class="outline">Back to All Days</a>
{% endblock %}

22
app/templates/pages/workout_days.html Normal file
View File

@@ -0,0 +1,22 @@
{% extends "base.html" %}
{% block title %}Workout Days — SneakySwole{% endblock %}
{% block content %}
<h1>Workout Days</h1>
<div class="grid">
{% for day in days %}
<article>
<header>
<h3>Day {{ day.day_number }}: {{ day.name }}</h3>
</header>
<p>{{ day.description }}</p>
<footer>
<a href="/workouts/{{ day.name|lower|replace(' ', '-') }}"
role="button">View Workout</a>
</footer>
</article>
{% endfor %}
</div>
{% endblock %}

28
app/templates/partials/exercise_card.html Normal file
View File

@@ -0,0 +1,28 @@
<article>
<header>
<hgroup>
<h3>{{ exercise.name }}</h3>
<p>{{ exercise.muscle_group }} | {{ exercise.sets }} sets | Tempo: {{ exercise.tempo }}</p>
</hgroup>
</header>
{% if program %}
<div class="grid">
<div>
<small>Week 1</small>
<p>{{ program.wk1_reps }} reps @ {{ program.wk1_weight }}</p>
</div>
<div>
<small>Week 4</small>
<p>{{ program.wk4_reps }} reps @ {{ program.wk4_weight }}</p>
</div>
</div>
{% endif %}
<details>
<summary>Form Cues</summary>
<p>{{ exercise.form_cues }}</p>
</details>
<!-- Phase 4 adds: inline logging form here -->
</article>

16
app/templates/partials/exercise_list.html Normal file
View File

@@ -0,0 +1,16 @@
{% for exercise in exercises %}
<article>
<header>
<hgroup>
<h3>{{ exercise.name }}</h3>
<p>{{ exercise.muscle_group }} | {{ exercise.workout_day }} Day | {{ exercise.sets }} sets | Tempo: {{ exercise.tempo }}</p>
</hgroup>
</header>
<details>
<summary>Form Cues</summary>
<p>{{ exercise.form_cues }}</p>
</details>
</article>
{% else %}
<p>No exercises found matching your filters.</p>
{% endfor %}

6
app/templates/partials/flash_message.html Normal file
View File

@@ -0,0 +1,6 @@
{% if flash_success %}
<div class="flash-success" role="status">{{ flash_success }}</div>
{% endif %}
{% if flash_error %}
<div class="flash-error" role="alert">{{ flash_error }}</div>
{% endif %}

35
app/templates/partials/nav.html Normal file
View File

@@ -0,0 +1,35 @@
{% set admin = request.state.admin %}
{% set profiles = request.state.profiles %}
{% set active_profile = request.state.active_profile %}
{% if admin %}
<li>
<details class="dropdown">
<summary>
{% if active_profile %}
{{ active_profile.display_name }}
{% else %}
Select Profile
{% endif %}
</summary>
<ul dir="rtl">
{% for profile in profiles %}
<li>
<form method="POST" action="/profiles/switch" style="margin:0;">
<input type="hidden" name="profile_id" value="{{ profile.id }}">
<button type="submit" class="outline secondary"
style="width:100%; text-align:left; border:none;">
{{ profile.display_name }}
</button>
</form>
</li>
{% endfor %}
</ul>
</details>
</li>
<li><a href="/workouts">Workouts</a></li>
<li><a href="/exercises">Exercises</a></li>
<li><a href="/profiles">Profiles</a></li>
<li><a href="/logout">Logout</a></li>
{% else %}
<li><a href="/login">Login</a></li>
{% endif %}

12
app/templates/partials/profile_card.html Normal file
View File

@@ -0,0 +1,12 @@
<article>
<header>
<hgroup>
<h3>{{ profile.display_name }}</h3>
<p>{{ profile.height }} | {{ profile.weight }}</p>
</hgroup>
</header>
<p>{{ profile.goals or "No goals set" }}</p>
<footer>
<a href="/profiles/{{ profile.id }}/edit" role="button" class="outline">Edit</a>
</footer>
</article>

23
app/templates/partials/warmup_list.html Normal file
View File

@@ -0,0 +1,23 @@
<table>
<thead>
<tr>
<th>Exercise</th>
<th>Type</th>
<th>Reps</th>
</tr>
</thead>
<tbody>
{% for warmup in warmups %}
<tr>
<td>
<details>
<summary>{{ warmup.name }}</summary>
<p>{{ warmup.form_cues }}</p>
</details>
</td>
<td>{{ warmup.type }}</td>
<td>{{ warmup.reps }}</td>
</tr>
{% endfor %}
</tbody>
</table>