Add UI for timers.

This commit is contained in:
Christopher Charbonneau Wells 2017-08-16 21:03:09 -04:00
parent 1185addace
commit 387535a200
1 changed files with 22 additions and 1 deletions

View File

@ -1,3 +1,24 @@
<div class="card border-primary text-center mb-2">
<div class="card-header text-white bg-primary ">New Timer</div>
<div class="card-body text-primary">
<form class="form-inline" role="form" method="post">
{% csrf_token %}
<div class="input-group input-group-sm">
<input name="name" value="" class="form-control" id="id_name" maxlength="255" type="text" placeholder="Timer Name (optional)">
<button type="submit" class="input-group-addon btn btn-primary">Start</button>
</div>
</form>
</div>
</div>
{% for timer in timers %}
{{ timer.name }} ({{ timer.duration }})<br/>
<div class="card border-success text-center mb-2">
<div class="card-header text-white bg-success ">{{ timer.name }}</div>
<div class="card-body text-success">
<h4 class="card-text">{{ timer.duration }}</h4>
</div>
<div class="card-footer text-muted">
Started {{ timer.start }}
</div>
</div>
{% endfor %}