summaryrefslogtreecommitdiff
path: root/app/templates
diff options
context:
space:
mode:
Diffstat (limited to 'app/templates')
-rw-r--r--app/templates/home.html86
-rw-r--r--app/templates/workout/create.html66
-rw-r--r--app/templates/workout/manage.html6
3 files changed, 73 insertions, 85 deletions
diff --git a/app/templates/home.html b/app/templates/home.html
index fb47a68..11179cd 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -10,7 +10,7 @@
Hello, {{ current_user.username }}.
</h1>
<h2 class="subtitle">
- %subtitle%
+ Welcome Back
</h2>
</div>
</div>
@@ -49,6 +49,38 @@
<div class="card events-card">
<header class="card-header">
<p class="card-header-title">
+ My Workouts
+ </p>
+ </header>
+ <div class="card-table">
+ <div class="content">
+ <table class="table is-fullwidth is-striped">
+ <tbody>
+ {% for workout in current_user.workouts %}
+ <tr>
+ <td>{{ workout.name }}</td>
+ <td>{{ workout.exercises.count() }} exercises</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">
+ <div class="card events-card">
+ <header class="card-header">
+ <p class="card-header-title">
Recent Workouts
</p>
</header>
@@ -80,58 +112,6 @@
</footer>
</div>
</div>
- <div class="column is-6">
- <div class="card">
- <header class="card-header">
- <p class="card-header-title">
- Inventory Search
- </p>
- <a href="#" class="card-header-icon" aria-label="more options">
- <span class="icon">
- <i class="fa fa-angle-down" aria-hidden="true"></i>
- </span>
- </a>
- </header>
- <div class="card-content">
- <div class="content">
- <div class="control has-icons-left has-icons-right">
- <input class="input is-large" type="text" placeholder="">
- <span class="icon is-medium is-left">
- <i class="fa fa-search"></i>
- </span>
- <span class="icon is-medium is-right">
- <i class="fa fa-check"></i>
- </span>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <header class="card-header">
- <p class="card-header-title">
- User Search
- </p>
- <a href="#" class="card-header-icon" aria-label="more options">
- <span class="icon">
- <i class="fa fa-angle-down" aria-hidden="true"></i>
- </span>
- </a>
- </header>
- <div class="card-content">
- <div class="content">
- <div class="control has-icons-left has-icons-right">
- <input class="input is-large" type="text" placeholder="">
- <span class="icon is-medium is-left">
- <i class="fa fa-search"></i>
- </span>
- <span class="icon is-medium is-right">
- <i class="fa fa-check"></i>
- </span>
- </div>
- </div>
- </div>
- </div>
- </div>
</div>
</div>
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);
}
diff --git a/app/templates/workout/manage.html b/app/templates/workout/manage.html
new file mode 100644
index 0000000..95f03f5
--- /dev/null
+++ b/app/templates/workout/manage.html
@@ -0,0 +1,6 @@
+{% extends 'base/layout.html' %}
+
+{% block content %}
+<div class="container">
+</div>
+{% endblock %}