peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update programs functionality

Browse Source
This commit is contained in:
Peter Stockings
2026-02-03 15:10:59 +11:00
parent b26ae1e319
commit ac093ec2e0
7 changed files with 849 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
templates/program_list.html
View File

@@ -6,10 +6,17 @@
<div class="container mx-auto px-4 py-8">
<div class="flex justify-between items-center mb-6">
<h1 class="text-2xl font-bold">Workout Programs</h1>
<a href="{{ url_for('programs.create_program') }}"
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Create New Program
</a>
<div class="flex space-x-2">
<a href="{{ url_for('programs.import_program') }}"
class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md shadow-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
hx-get="{{ url_for('programs.import_program') }}" hx-target="#container" hx-push-url="true">
Import from JSON
</a>
<a href="{{ url_for('programs.create_program') }}"
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Create New Program
</a>
</div>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
@@ -40,12 +47,17 @@
<div class="flex items-center justify-between">
<p class="text-sm font-medium text-indigo-600 truncate">{{ program.name }}</p>
<div class="ml-2 flex-shrink-0 flex space-x-2"> {# Added space-x-2 #}
{# TODO: Add View/Edit/Assign buttons later #}
<span
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800 items-center">
{# Added items-center #}
ID: {{ program.program_id }}
</span>
{# Edit Button #}
<a href="{{ url_for('programs.edit_program', program_id=program.program_id) }}"
class="text-indigo-600 hover:text-indigo-900"
hx-get="{{ url_for('programs.edit_program', program_id=program.program_id) }}"
hx-target="#container" hx-push-url="true" hx-swap="innerHTML">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
fill="currentColor">
<path
d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />
</svg>
</a>
{# Delete Button #}
<button type="button" class="text-red-600 hover:text-red-800 focus:outline-none"
hx-delete="{{ url_for('programs.delete_program', program_id=program.program_id) }}"
@@ -60,15 +72,27 @@
</button>
</div>
</div>
<div class="mt-2 sm:flex sm:justify-between">
<div class="sm:flex">
<p class="flex items-center text-sm text-gray-500">
{{ program.description | default('No description provided.') }}
</p>
<div class="mt-2 text-sm text-gray-500">
<p class="mb-3">{{ program.description | default('No description provided.') }}</p>
{% if program.sessions %}
<div class="flex flex-wrap gap-2 mt-2">
{% for session in program.sessions %}
<div
class="bg-gray-50 border border-gray-200 rounded p-2 text-xs min-w-[120px] max-w-[180px]">
<p class="font-bold text-gray-700 mb-1">
Day {{ session.session_order }}{% if session.session_name %}: {{
session.session_name }}{% endif %}
</p>
<ul class="list-disc list-inside text-gray-600 space-y-0.5">
{% for exercise in session.exercises %}
<li class="truncate" title="{{ exercise.name }}">{{ exercise.name }}</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
{# <div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">
Created: {{ program.created_at | strftime('%Y-%m-%d') }}
</div> #}
{% endif %}
</div>
</div>
</a>