summaryrefslogtreecommitdiff
path: root/app/templates/workout
diff options
context:
space:
mode:
authorFivePixels <o5pxels@gmail.com>2022-03-23 18:56:09 -0500
committerFivePixels <o5pxels@gmail.com>2022-03-23 18:56:09 -0500
commit695215c993765d910a31789d0a70eef5ee3b57e9 (patch)
tree165e0a5c2e6e1d372fa8a7ebee114a5d1ef9eb20 /app/templates/workout
parent5f48bcb3ed524dbd20e424170136da6b6d4a2300 (diff)
downloadStrengthy-695215c993765d910a31789d0a70eef5ee3b57e9.tar.xz
Strengthy-695215c993765d910a31789d0a70eef5ee3b57e9.zip
Start working on workout create page
Add variable to each page to determine with of "box" for form. Add new workout create route.
Diffstat (limited to 'app/templates/workout')
-rw-r--r--app/templates/workout/create.html65
1 files changed, 65 insertions, 0 deletions
diff --git a/app/templates/workout/create.html b/app/templates/workout/create.html
new file mode 100644
index 0000000..99f6f48
--- /dev/null
+++ b/app/templates/workout/create.html
@@ -0,0 +1,65 @@
+{% extends 'base/form.html' %}
+
+{% block title %}Create A Workout{% endblock %}
+
+{% block form %}
+<div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <p class="control is-expanded has-icons-left">
+ <input class="input" type="text" placeholder="Workout Name">
+ <span class="icon is-small is-left">
+ <i class="fas fa-user"></i>
+ </span>
+ </p>
+ </div>
+ </div>
+</div>
+<div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <p class="control is-expanded has-icons-left">
+ <input class="input" type="text" placeholder="Exercise Name">
+ <span class="icon is-small is-left">
+ <i class="fas fa-user"></i>
+ </span>
+ </p>
+ </div>
+ <div class="field">
+ <p class="control is-expanded has-icons-left has-icons-right">
+ <input class="input" type="number" placeholder="Reps" min="1" max="100">
+ <span class="icon is-small is-left">
+ <i class="fas fa-envelope"></i>
+ </span>
+ <span class="icon is-small is-right">
+ <i class="fas fa-check"></i>
+ </span>
+ </p>
+ </div>
+ </div>
+</div>
+<div class="field is-grouped is-grouped-right">
+ <p class="control">
+ <a class="button is-primary">
+ +
+ </a>
+ </p>
+ <p class="control">
+ <a class="button is-danger">
+ ✖
+ </a>
+ </p>
+</div>
+<div class="field is-grouped is-grouped-right">
+ <p class="control">
+ <a class="button is-primary">
+ Create Workout
+ </a>
+ </p>
+ <p class="control">
+ <a class="button is-danger">
+ Cancel
+ </a>
+ </p>
+</div>
+{% endblock %}