feat: Add dismissible exercise progress graph to workout page

Adds a feature to view exercise progress directly from the workout page.

- Modifies `templates/partials/topset.html`.
- Adds a graph icon next to the exercise name in the topset list.
- Clicking the icon uses HTMX to fetch and display the progress graph for that exercise inline in a new table row.
- Implements a dismiss button using hyperscript to hide the graph after viewing.
This commit is contained in:
Peter Stockings
2025-04-13 19:20:53 +10:00
parent 3da0dc3b3d
commit 51ec18c461
2 changed files with 64 additions and 5 deletions

View File

@@ -10,6 +10,22 @@
<div class="prose max-w-none">
<p>Updates and changes to the site will be documented here, with the most recent changes listed first.</p>
<!-- New Entry for Dismissible Exercise Graph -->
<hr class="my-6">
<h2 class="text-xl font-semibold mb-2">April 13, 2025</h2>
<ul class="list-disc pl-5 space-y-1">
<li>Added a dismissible exercise progress graph to the workout page:</li>
<ul class="list-disc pl-5 space-y-1">
<li>Added a graph icon next to each exercise name in the topset list
(`templates/partials/topset.html`).</li>
<li>Clicking the icon loads the exercise progress graph inline using HTMX (`hx-get`, `hx-target`).
</li>
<li>Added a dismiss button (cross icon) to the loaded graph area.</li>
<li>Implemented hyperscript (`_`) logic to show the dismiss button when the graph loads and clear
the graph/hide the button when clicked.</li>
</ul>
</ul>
<!-- New Entry for Data Export -->
<hr class="my-6">
<h2 class="text-xl font-semibold mb-2">April 12, 2025</h2>