diff options
Diffstat (limited to 'app/templates')
| -rw-r--r-- | app/templates/base/form.html | 2 | ||||
| -rw-r--r-- | app/templates/workout/record.html | 83 |
2 files changed, 40 insertions, 45 deletions
diff --git a/app/templates/base/form.html b/app/templates/base/form.html index 72083ae..9f356e0 100644 --- a/app/templates/base/form.html +++ b/app/templates/base/form.html @@ -4,7 +4,7 @@ <div class="container"> <div class="columns is-centered"> <div class="column {{ column_classes }}"> - <h1 class="title is-2">{{ title }}</h1> + <h1 class="title is-2">{% block title %}{% endblock %}</h1> <!-- TODO: render errors --> {% with messages = get_flashed_messages(with_categories=true) %} diff --git a/app/templates/workout/record.html b/app/templates/workout/record.html index 3dfb2c8..94fe611 100644 --- a/app/templates/workout/record.html +++ b/app/templates/workout/record.html @@ -1,52 +1,47 @@ -{% extends 'base/layout.html' %} +{% extends 'base/form.html' %} -{% block content %} -<div class="container"> - <div class="columns is-centered"> - <div class="column"> - <h1 class="title is-2">Record {{ workout.name }}</h1> - <div class="box"> - {% for exercise in workout.exercises %} - <h1 class="title is-4 has-text-black">{{ exercise.name }}</h1> - <table class="table is-fullwidth is-hoverable"> - <thead> - <th>Set</th> - <th>lbs</th> - <th>Reps</th> - <th>Done</th> - </thead> - <tbody> - {% for i in range(exercise.sets) %} - <tr> - <th>{{ i }}</th> - <td><input class="input" type="number"></td> - <td><input class="input" type="number"></td> - <td> - <button class="button" onClick="onClickSetCheck(this)"> - <span class="icon is-small"> - <i class="fa fa-check"></i> - </span> - </button> - </td> - </tr> - {% endfor %} - </tbody> - </table> - <div class="buttons is-centered"> - <button class="button is-primary"> +{% block title %}Record {{ workout.name }}{% endblock %} + +{% block form %} +{% for exercise in workout.exercises %} +<div> + <h1 id="{{ exercise.name }}" class="title is-4 has-text-black">{{ exercise.name }}</h1> + <table class="table is-fullwidth is-hoverable"> + <thead> + <th>Set</th> + <th>lbs</th> + <th>Reps</th> + <th>Done</th> + </thead> + <tbody> + {% for i in range(exercise.sets) %} + <tr> + <th>{{ i + 1 }}</th> + <td><input class="input" type="number"></td> + <td><input class="input" type="number"></td> + <td> + <a class="button" onClick="onClickSetCheck(this)"> <span class="icon is-small"> - <i class="fa fa-plus"></i> + <i class="fa fa-check"></i> </span> - <span>Add Set</span> - </button> - <button class="button is-danger">Skip</button> - </div> - <hr> - {% endfor %} - </div> - </div> + </a> + </td> + </tr> + {% endfor %} + </tbody> + </table> + <div class="buttons is-centered"> + <a class="button is-primary" onClick="onClickAddSet(this)"> + <span class="icon is-small"> + <i class="fa fa-plus"></i> + </span> + <span>Add Set</span> + </a> + <a class="button is-danger">Skip</a> </div> + <hr> </div> +{% endfor %} <script async type="text/javascript" src="/static/js/record.js"></script> |