Add basic workout tracking functionality, create/edit/delete workouts and there topsets

This commit is contained in:
Peter Stockings
2022-07-18 21:30:12 +10:00
parent 93ae1fa04b
commit 07f19b38c6
7 changed files with 403 additions and 367 deletions

View File

@@ -2,13 +2,13 @@
{% block content %}
<div class="w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-2 gap-4">
<div class="w-full grid grid-cols-1 xl:grid-cols-3 2xl:grid-cols-3 gap-4">
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="mb-4 flex items-center justify-between">
<div>
<h3 class="text-xl font-bold text-gray-900 mb-2">Gabe</h3>
<span class="text-base font-normal text-gray-500">List of rep maxes</span>
<span class="text-base font-normal text-gray-500">Current rep maxes</span>
</div>
<div class="flex-shrink-0">
<a href="{{ url_for('display_workouts_for_person' ,person_id=1) }}"
@@ -20,6 +20,7 @@
<div class="overflow-x-auto rounded-lg">
<div class="align-middle inline-block min-w-full">
<div class="shadow overflow-hidden sm:rounded-lg">
<h4 class="text-l font-semibold text-blue-400 mb-2 text-center">Bench</h4>
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
@@ -29,16 +30,11 @@
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Exercise
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Reps
Rep Max
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Weight
Estimated 1 Rep max
</th>
</tr>
</thead>
@@ -47,98 +43,118 @@
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
130kg
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="flex flex-col mt-8">
<div class="overflow-x-auto rounded-lg">
<div class="align-middle inline-block min-w-full">
<div class="shadow overflow-hidden sm:rounded-lg">
<h4 class="text-l font-semibold text-blue-400 mb-2 text-center">Squat</h4>
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Date
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Rep Max
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Estimated 1 Rep max
</th>
</tr>
</thead>
<tbody class="bg-white">
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
</tbody>
@@ -154,7 +170,7 @@
<div class="mb-4 flex items-center justify-between">
<div>
<h3 class="text-xl font-bold text-gray-900 mb-2">Michael</h3>
<span class="text-base font-normal text-gray-500">List of rep maxes</span>
<span class="text-base font-normal text-gray-500">Current rep maxes</span>
</div>
<div class="flex-shrink-0">
<a href="{{ url_for('display_workouts_for_person' ,person_id=2) }}"
@@ -166,24 +182,21 @@
<div class="overflow-x-auto rounded-lg">
<div class="align-middle inline-block min-w-full">
<div class="shadow overflow-hidden sm:rounded-lg">
<h4 class="text-l font-semibold text-blue-400 mb-2 text-center">Bench</h4>
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Exercise
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Date
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Reps
Rep Max
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Weight
Estimated 1 Rep max
</th>
</tr>
</thead>
@@ -192,98 +205,118 @@
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
130kg
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="flex flex-col mt-8">
<div class="overflow-x-auto rounded-lg">
<div class="align-middle inline-block min-w-full">
<div class="shadow overflow-hidden sm:rounded-lg">
<h4 class="text-l font-semibold text-blue-400 mb-2 text-center">Squat</h4>
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Date
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Rep Max
</th>
<th scope="col"
class="p-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Estimated 1 Rep max
</th>
</tr>
</thead>
<tbody class="bg-white">
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
<tr>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-500">
Apr 23 ,2021
</td>
<td class="p-4 whitespace-nowrap text-sm font-normal text-gray-900">
Squats
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5 x 100kg
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
5
</td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
100kg
130kg
</td>
</tr>
</tbody>
@@ -293,6 +326,7 @@
</div>
</div>
</div>
</div>
<div class="mt-4 w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">