diff options
| author | stilbruch <stilbruch@protonmail.com> | 2022-04-06 13:22:43 -0500 |
|---|---|---|
| committer | stilbruch <stilbruch@protonmail.com> | 2022-04-06 13:22:43 -0500 |
| commit | d0c2bb02d91382d99d72ce5e80b321a53a80e576 (patch) | |
| tree | 76507e6074051359aa307b9f08eddf2fab1e869f /app/templates | |
| parent | 6c477a7c8a7e5a26c85635e0b855dcc3e2a8ae4c (diff) | |
| download | Strengthy-d0c2bb02d91382d99d72ce5e80b321a53a80e576.tar.xz Strengthy-d0c2bb02d91382d99d72ce5e80b321a53a80e576.zip | |
Added form classes for "create workout" form
Diffstat (limited to 'app/templates')
| -rw-r--r-- | app/templates/workout/create.html | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/app/templates/workout/create.html b/app/templates/workout/create.html index b29e7b6..eaf5f39 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" type="text" placeholder="Workout Name"> + <input class="input" name="name" type="text" placeholder="Workout Name"> <span class="icon is-small is-left"> <i class="fa fa-tag"></i> </span> @@ -20,7 +20,7 @@ <div class="field-body"> <div class="field"> <p class="control is-expanded has-icons-left"> - <input class="input" name='exercise-0' type="text" placeholder="Exercise Name"> + <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> </span> @@ -28,7 +28,15 @@ </div> <div class="field"> <p class="control is-expanded has-icons-left"> - <input class="input" name='reps-0' type="number" placeholder="Reps" min="1" max="100"> + <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> @@ -66,15 +74,19 @@ 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 = ''; - exerciseNameInput.name = 'exercise-' + rowId; + exerciseNameInput.name = 'exercises-' + rowId + '-name'; + + exerciseSetInput = newRow.children[0].children[1].children[0].children[0]; + exerciseSetInput.value = ''; + exerciseSetInput.name = 'exercises-' + rowId + '-sets'; - exerciseRepInput = newRow.children[0].children[1].children[0].children[0]; + exerciseRepInput = newRow.children[0].children[2].children[0].children[0]; exerciseRepInput.value = ''; - exerciseRepInput.name = 'reps-' + rowId; + exerciseRepInput.name = 'exercises-' + rowId + '-reps'; rowsDiv.append(newRow); } |