From cd14ca37470771042d05e2ece187acf568c41058 Mon Sep 17 00:00:00 2001
From: FivePixels <o5pxels@gmail.com>
Date: Wed, 4 May 2022 18:04:46 -0500
Subject: Refactor loop logic on record.html, start work on timer on record
 page

---
 app/static/js/record.js           | 18 +++++++-
 app/templates/workout/record.html | 91 +++++++++++++++++++++++----------------
 2 files changed, 72 insertions(+), 37 deletions(-)

(limited to 'app')

diff --git a/app/static/js/record.js b/app/static/js/record.js
index 137786e..86d59fb 100644
--- a/app/static/js/record.js
+++ b/app/static/js/record.js
@@ -87,7 +87,7 @@ function onClickSetCheck(elem) {
 
 function onClickAddSet(elem) {
 	// Create the new row
-	let tableBody = elem.parentElement.parentElement.children[2].children[1];
+	let tableBody = elem.parentElement.parentElement.children[0].children[1];
 	let row = tableBody.children[0].cloneNode(true);
 
 	// Add new row to table
@@ -96,3 +96,19 @@ function onClickAddSet(elem) {
 	row.addEventListener('keydown', handleEnterKey)
 	tableBody.appendChild(row)
 }
+
+function loadTimerTimes() {
+
+}
+
+function onClickPausePlayTimer(elem) {
+	if (elem.children[0].children[0].classList.contains('fa-play')) {
+		paused = false;
+		elem.children[0].children[0].classList.remove('fa-play');
+		elem.children[0].children[0].classList.add('fa-pause');
+	} else {
+		paused = true;
+		elem.children[0].children[0].classList.add('fa-play');
+		elem.children[0].children[0].classList.remove('fa-pause');
+	}
+}
diff --git a/app/templates/workout/record.html b/app/templates/workout/record.html
index b953a3d..9e93805 100644
--- a/app/templates/workout/record.html
+++ b/app/templates/workout/record.html
@@ -3,45 +3,64 @@
 {% block title %}Record {{ workout.name }}{% endblock %}
 
 {% block form %}
-{% for exercise in form.exercises.entries %}
 <div>
-	{{ exercise['id'] }}
-	<h1 class="title is-4 has-text-black">{{ workout.exercises[loop.index0].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 set in exercise.sets.entries %}
-			<tr>
-				<th>{{ loop.index }}</th>
-				<td>{{ set['lbs'](class_='input') }}</td>
-				<td>{{ set['units'](class_='input') }}</td>
-				<td>
-					<a class="button" onClick="onClickSetCheck(this)">
-						<span class="icon is-small">
-							<i class="fa fa-check"></i>
-						</span>
-					</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>
+	{% for exercise in workout.exercises %}
+	<h1 class="title is-4 has-text-black">{{ exercise.name }}</h1>
+	<div>
+		<table class="table is-fullwidth is-hoverable">
+			<thead>
+				<th>Set</th>
+				{% if exercise.type == 'time' %}
+				<th>Timer</th>
+				{% else %}
+				<th>lbs</th>
+				<th>Reps</th>
+				{% endif %}
+				<th>Done</th>
+			</thead>
+			<tbody>
+				{% for set in form.exercises.entries[loop.index0].sets.entries %}
+				<tr>
+					<th>{{ loop.index }}</th>
+					{% if exercise.type == 'time' %}
+					<td>
+						<div class="timer">
+							<a class="button" onClick="onClickPausePlayTimer(this)">
+								<span class="icon is-small">
+									<i class="fa fa-play"></i>
+								</span>
+							</a>
+							<span class="{{ ['units'] }}">
+							</span>
+						</div>
+					</td>
+					{% else %}
+					<td>{{ set['lbs'](class_='input') }}</td>
+					<td>{{ set['units'](class_='input') }}</td>
+					{% endif %}
+					<td>
+						<a class="button" onClick="onClickSetCheck(this)">
+							<span class="icon is-small">
+								<i class="fa fa-check"></i>
+							</span>
+						</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>
+		</div>
+		<hr>
 	</div>
-	<hr>
+	{% endfor %}
 </div>
-{% endfor %}
 
 <div class="field is-horizontal is-grouped is-grouped-right">
 	<button class="button is-success ">
-- 
cgit v1.2.3