From cafd3f6151a6c673163755400b40597b6d3476bc Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonmail.com>
Date: Wed, 6 Apr 2022 15:02:25 -0500
Subject: Workouts names can be edited

---
 app/templates/home.html           | 10 +++++-
 app/templates/workout/create.html | 66 ++++++++++++++++++++-------------------
 2 files changed, 43 insertions(+), 33 deletions(-)

(limited to 'app/templates')

diff --git a/app/templates/home.html b/app/templates/home.html
index 693e03b..11179cd 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -60,13 +60,21 @@
 									<tr>
 										<td>{{ workout.name }}</td>
 										<td>{{ workout.exercises.count() }} exercises</td>
-										<td class="level-right"><a class="button is-small is-primary" href="#">Edit</a></td>
+										<td class="level-right">
+											<p class="buttons">
+												<a class="button is-small is-primary" href="/workout/edit?id={{ workout.id }}">Edit</a>
+												<a class="button is-small is-danger" href="#">Delete</a>
+											</p>
+										</td>
 									</tr>
 								{% endfor %}
 							</tbody>
 						</table>
 					</div>
 				</div>
+				<footer class="card-footer">
+					<a href="/workout/create" class="card-footer-item">Create New</a>
+				</footer>
 			</div>
 		</div>
 		<div class="column is-6">
diff --git a/app/templates/workout/create.html b/app/templates/workout/create.html
index eaf5f39..cdd1191 100644
--- a/app/templates/workout/create.html
+++ b/app/templates/workout/create.html
@@ -7,7 +7,7 @@
 	<div class="field-body">
 		<div class="field">
 			<p class="control is-expanded has-icons-left">
-			<input class="input" name="name" type="text" placeholder="Workout Name">
+			<input class="input" name="name" type="text" placeholder="Workout Name", value="{{ form.name.data or "" }}">
 			<span class="icon is-small is-left">
 				<i class="fa fa-tag"></i>
 			</span>
@@ -16,39 +16,41 @@
 	</div>
 </div>
 <div id="rows" class="field">
-	<div class="field is-horizontal">
-		<div class="field-body">
-			<div class="field">
-				<p class="control is-expanded has-icons-left">
-					<input class="input" name='exercises-0-name' type="text" placeholder="Exercise Name">
-					<span class="icon is-small is-left">
-						<i class="fa fa-tag"></i>
+	{% for entry in form.exercises.entries %}
+		<div class="field is-horizontal">
+			<div class="field-body">
+				<div class="field">
+					<p class="control is-expanded has-icons-left">
+					<input class="input" name='exercises-0-name' type="text" placeholder="Exercise Name", value="{{ entry.data['name'] or "" }}">
+						<span class="icon is-small is-left">
+							<i class="fa fa-tag"></i>
+						</span>
+					</p>
+				</div>
+				<div class="field">
+					<p class="control is-expanded has-icons-left">
+					<input class="input" name='exercises-0-sets' type="number" placeholder="Sets" min="1" max="100" value="{{ entry.data['sets'] or "" }}">
+						<span class="icon is-small is-left">
+							<i class="fa fa-calculator"></i>
+						</span>
+					</p>
+				</div>
+				<div class="field">
+					<p class="control is-expanded has-icons-left">
+					<input class="input" name='exercises-0-reps' type="number" placeholder="Reps" min="1" max="100" value="{{ entry.data['reps'] or "" }}">
+						<span class="icon is-small is-left">
+							<i class="fa fa-calculator"></i>
+						</span>
+					</p>
+				</div>
+				<p class="button is-danger" onclick="handleDel(this)">
+					<span class="icon is-small">
+						<i class="fa fa-minus"></i>
 					</span>
 				</p>
 			</div>
-			<div class="field">
-				<p class="control is-expanded has-icons-left">
-					<input class="input" name='exercises-0-sets' type="number" placeholder="Sets" min="1" max="100">
-					<span class="icon is-small is-left">
-						<i class="fa fa-calculator"></i>
-					</span>
-				</p>
-			</div>
-			<div class="field">
-				<p class="control is-expanded has-icons-left">
-					<input class="input" name='exercises-0-reps' type="number" placeholder="Reps" min="1" max="100">
-					<span class="icon is-small is-left">
-						<i class="fa fa-calculator"></i>
-					</span>
-				</p>
-			</div>
-			<p class="button is-danger" onclick="handleDel(this)">
-				<span class="icon is-small">
-					<i class="fa fa-minus"></i>
-				</span>
-			</p>
 		</div>
-	</div>
+	{% endfor %}
 </div>
 <div class="field is-grouped is-grouped-right">
 	<p class="buttons">
@@ -69,12 +71,11 @@
 </div>
 
 <script>
-	var rowId = 0;
+	var rowId = {{ form.exercises.entries | length }};
 
 	function handleAdd() {
 		rowsDiv = document.getElementById("rows");
 		newRow = rowsDiv.children[0].cloneNode(true);
-		rowId++;
 
 		exerciseNameInput = newRow.children[0].children[0].children[0].children[0];
 		exerciseNameInput.value = '';
@@ -88,6 +89,7 @@
 		exerciseRepInput.value = '';
 		exerciseRepInput.name = 'exercises-' + rowId + '-reps';
 
+		rowId++;
 		rowsDiv.append(newRow);
 	}
 
-- 
cgit v1.2.3