Begin logic on record.js for enter to tab handling, remove skip exercise

button from record page. Add info about workout in card on select page,
update edit to use units if they exist on an existing workout

3 files changed, 34 insertions, 19 deletions

diff --git a/app/static/js/record.js b/app/static/js/record.js
index aba6785..67ad2a6 100644
--- a/app/static/js/record.js
+++ b/app/static/js/record.js
@@ -1,13 +1,26 @@
-
 // Register 'Enter' listeners on all inputs
-Array.from(document.getElementsByClassName('input'))
-	.filter(e => e.type == 'number')
-	.forEach(e => e.addEventListener('keyup', function(event) {
-		if (event.key == 'Enter') {
-			// TODO implement
-			console.log("ENTER")
-		}
-	}))
+allInputs = Array.from(document.getElementsByClassName('input'))
+	.filter(e => e.type == 'number');
+allInputs.forEach(e => e.addEventListener('keypress', handleEnterKey));
+
+function handleEnterKey(event) {
+
+	// add ids to each input programatically
+
+	if (event.key = 'Enter') {
+		event.preventDefault();
+
+		//Isolate the node that we're after
+		const currentNode = event.target;
+
+		//Find the current tab index.
+		currentIndex = [...allInputs].findIndex(el => currentNode.isEqualNode(el))
+
+		//focus the following element
+		const targetIndex = (currentIndex + 1) % allInputs.length;
+		allInputs[targetIndex].focus();}
+
+}
 
 function setReset(row, values=true) {
 	let lbsInput = row.children[1].children[0];
diff --git a/app/templates/workout/record.html b/app/templates/workout/record.html
index 94fe611..d1662e3 100644
--- a/app/templates/workout/record.html
+++ b/app/templates/workout/record.html
@@ -37,7 +37,6 @@
 			</span>
 			<span>Add Set</span>
 		</a>
-		<a class="button is-danger">Skip</a>
 	</div>
 	<hr>
 </div>
diff --git a/app/templates/workout/select.html b/app/templates/workout/select.html
index c01a4f8..7109c70 100644
--- a/app/templates/workout/select.html
+++ b/app/templates/workout/select.html
@@ -4,18 +4,21 @@
 <div class="continer">
 	<div class="columns is-centered">
 		{% for workout in current_user.workouts %}
-			<div class="column">
-				<div class="card">
-					<header class="card-header">
-						<p class="card-header-title"> {{ workout.name }}</p>
-					</header>
-					<div class="card-content">
-						<div class="content">
-							<a class="button" href="/workout/record?id={{ workout.id }}">Start</a>
-						</div>
+		<div class="column">
+			<div class="card">
+				<header class="card-header">
+					<p class="card-header-title"> {{ workout.name }}</p>
+				</header>
+				<div class="card-content">
+					<div class="content">
+						{% for exercise in workout.exercises %}
+						<p>{{ exercise.sets }} x {{ exercise.units }} x {{ exercise.name }}</p>
+						{% endfor %}
+						<a class="button" href="/workout/record?id={{ workout.id }}">Start</a>
 					</div>
 				</div>
 			</div>
+		</div>
 		{% endfor %}
 	</div>
 </div>