Preload csss & js, add skeleton graphs for loading

This commit is contained in:
Peter Stockings
2026-02-04 09:53:35 +11:00
parent 71a5ae590e
commit 3fabde145d
4 changed files with 24 additions and 6 deletions

View File

@@ -107,9 +107,8 @@
{% for graph in exercise_progress_graphs %}
<div hx-get="{{ url_for('get_exercise_progress_for_user', person_id=person_id, exercise_id=graph.exercise_id, min_date=min_date, max_date=max_date) }}"
hx-trigger="intersect once" hx-swap="outerHTML">
<div class="flex items-center justify-center h-48 bg-gray-50 rounded-lg">
<div class="text-sm text-gray-400 animate-pulse font-medium">Loading {{ graph.exercise_name }}...
</div>
<div class="h-48">
{{ render_partial('partials/skeleton_graph.html') }}
</div>
</div>
{% endfor %}