Add styling to stopped timers in detail page.

This commit is contained in:
Christopher Charbonneau Wells 2017-09-08 14:39:01 -04:00
parent 7f5a40ae41
commit 9767315878
1 changed files with 2 additions and 2 deletions

View File

@ -5,7 +5,7 @@
{% block title %}{{ object }}{% endblock %} {% block title %}{{ object }}{% endblock %}
{% block content %} {% block content %}
<div class="jumbotron text-center"> <div class="jumbotron text-center{% if not object.active %} text-danger{% endif %}">
<h1 id="timer-status"> <h1 id="timer-status">
<span class="timer-hours">{{ object.current_duration|hours }}</span>h <span class="timer-hours">{{ object.current_duration|hours }}</span>h
<span class="timer-minutes">{{ object.current_duration|minutes }}</span>m <span class="timer-minutes">{{ object.current_duration|minutes }}</span>m
@ -13,7 +13,7 @@
</h1> </h1>
<p class="lead text-muted"> <p class="lead text-muted">
Started {{ object.start }} Started {{ object.start }}
{% if not timer.active %} {% if not object.active %}
/ Stopped {{ object.end }} / Stopped {{ object.end }}
{% endif %} {% endif %}
</p> </p>