From 4f1e55112138a1f3b4be3bf23e3740ae3effac35 Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonmail.com>
Date: Sat, 23 Apr 2022 15:48:45 -0500
Subject: Add javascript to add sets while recording workout

---
 app/templates/base/form.html      |  2 +-
 app/templates/workout/record.html | 83 ++++++++++++++++++---------------------
 2 files changed, 40 insertions(+), 45 deletions(-)

(limited to 'app/templates')

diff --git a/app/templates/base/form.html b/app/templates/base/form.html
index 72083ae..9f356e0 100644
--- a/app/templates/base/form.html
+++ b/app/templates/base/form.html
@@ -4,7 +4,7 @@
 	<div class="container">
 		<div class="columns is-centered">
 			<div class="column {{ column_classes }}">
-				<h1 class="title is-2">{{ title }}</h1>
+				<h1 class="title is-2">{% block title %}{% endblock %}</h1>
 
 				<!-- TODO: render errors -->
 				{% with messages = get_flashed_messages(with_categories=true) %}
diff --git a/app/templates/workout/record.html b/app/templates/workout/record.html
index 3dfb2c8..94fe611 100644
--- a/app/templates/workout/record.html
+++ b/app/templates/workout/record.html
@@ -1,52 +1,47 @@
-{% extends 'base/layout.html' %}
+{% extends 'base/form.html' %}
 
-{% block content %}
-<div class="container">
-	<div class="columns is-centered">
-		<div class="column">
-			<h1 class="title is-2">Record {{ workout.name }}</h1>
-			<div class="box">
-				{% for exercise in workout.exercises %}
-					<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">
+{% block title %}Record {{ workout.name }}{% endblock %}
+
+{% block form %}
+{% for exercise in workout.exercises %}
+<div>
+	<h1 id="{{ exercise.name }}" 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 + 1 }}</th>
+					<td><input class="input" type="number"></td>
+					<td><input class="input" type="number"></td>
+					<td>
+						<a class="button" onClick="onClickSetCheck(this)">
 							<span class="icon is-small">
-								<i class="fa fa-plus"></i>
+								<i class="fa fa-check"></i>
 							</span>
-							<span>Add Set</span>
-						</button>
-						<button class="button is-danger">Skip</button>
-					</div>
-					<hr>
-				{% endfor %}
-			</div>
-		</div>
+						</a>
+					</td>
+				</tr>
+			{% endfor %}
+		</tbody>
+	</table>
+	<div class="buttons is-centered">
+		<a class="button is-primary" onClick="onClickAddSet(this)">
+			<span class="icon is-small">
+				<i class="fa fa-plus"></i>
+			</span>
+			<span>Add Set</span>
+		</a>
+		<a class="button is-danger">Skip</a>
 	</div>
+	<hr>
 </div>
+{% endfor %}
 
 <script async type="text/javascript" src="/static/js/record.js"></script>
 
-- 
cgit v1.2.3