From 3d0202b4faaef7ff0900bcfefca4c88907a2b6d4 Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonmail.com>
Date: Sat, 23 Apr 2022 15:08:27 -0500
Subject: Update record workout page

---
 app/templates/workout/record.html | 64 ++++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 31 deletions(-)

(limited to 'app/templates/workout/record.html')

diff --git a/app/templates/workout/record.html b/app/templates/workout/record.html
index 0908ef8..3dfb2c8 100644
--- a/app/templates/workout/record.html
+++ b/app/templates/workout/record.html
@@ -7,39 +7,41 @@
 			<h1 class="title is-2">Record {{ workout.name }}</h1>
 			<div class="box">
 				{% for exercise in workout.exercises %}
-					<h1 class="subtitle has-text-black">{{ exercise.name }}</h1>
-					<div class="field is-horizontal">
-						<div class="field-body">
-							<div class="field">
-								<label class="label">lbs</label>
-								<div class="control">
-									<input class="input" type="number" min="0">
-								</div>
-							</div>
-							<div class="field">
-								<label class="label">Reps</label>
-								<div class="control">
-									<input class="input" type="number" min="0">
-								</div>
-							</div>
-							<!-- TODO: fix align -->
-							<button class="button" onClick="onClickSetCheck(this)">
-								<span class="icon is-small">
-									<i class="fa fa-check"></i>
-								</span>
-							</button>
-						</div>
-					</div>
-
+					<h1 class="title is-4 has-text-black">{{ exercise.name }}</h1>
+					<table class="table is-fullwidth is-hoverable">
+						<thead>
+							<th>Set</th>
+							<th>lbs</th>
+							<th>Reps</th>
+							<th>Done</th>
+						</thead>
+						<tbody>
+							{% for i in range(exercise.sets) %}
+								<tr>
+									<th>{{ i }}</th>
+									<td><input class="input" type="number"></td>
+									<td><input class="input" type="number"></td>
+									<td>
+										<button class="button" onClick="onClickSetCheck(this)">
+											<span class="icon is-small">
+												<i class="fa fa-check"></i>
+											</span>
+										</button>
+									</td>
+								</tr>
+							{% endfor %}
+						</tbody>
+					</table>
 					<div class="buttons is-centered">
-							<button class="button is-primary">
-								<span class="icon is-small">
-									<i class="fa fa-plus"></i>
-								</span>
-								<span>Add Set</span>
-							</button>
-							<button class="button is-danger">Skip</button>
+						<button class="button is-primary">
+							<span class="icon is-small">
+								<i class="fa fa-plus"></i>
+							</span>
+							<span>Add Set</span>
+						</button>
+						<button class="button is-danger">Skip</button>
 					</div>
+					<hr>
 				{% endfor %}
 			</div>
 		</div>
-- 
cgit v1.2.3