When a day with a workout is selected a workout overview is rendered

This commit is contained in:
Peter Stockings
2023-10-13 22:15:37 +11:00
parent 9b0d37fa6a
commit 797fc19a75
4 changed files with 187 additions and 45 deletions

View File

@@ -68,7 +68,11 @@
<div class="w-full h-full">
<div class="flex items-center justify-center w-full rounded-full cursor-pointer">
<a role="link" tabindex="0"
class="{% if d.is_workout %}focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 focus:bg-indigo-500 hover:bg-indigo-500{% endif %} {% if d.is_current_date %}bg-indigo-700{% elif d.is_workout %}bg-indigo-300{% endif %} text-base w-8 h-8 px-2 flex items-center justify-center font-medium text-white rounded-full">{{
class="{% if d.is_workout %}focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 focus:bg-indigo-500 hover:bg-indigo-500{% endif %} {% if d.is_current_date %}bg-indigo-700{% elif d.is_workout %}bg-indigo-300{% endif %} text-base w-8 h-8 px-2 flex items-center justify-center font-medium text-white rounded-full"
{% if d.is_workout
%}hx-get="{{ url_for('calendar_workout_view', user_id=user_id, workout_id=d.workout.id) }}"
hx-target="#selected-workout-view-{{ user_id }}"
_="on click add .hidden to #workouts-list-wrapper-for-user-{{ user_id }}" {% endif %}>{{
d.day_of_month }}</a>
</div>
@@ -81,4 +85,8 @@
</div>
</div>
</div>
<div id="selected-workout-view-{{ user_id }}">
</div>