2017-10-30 18:26:49 +00:00
|
|
|
{% load duration %}
|
|
|
|
|
|
|
|
<div class="card card-dashboard card-averages">
|
|
|
|
<div class="card-header">
|
|
|
|
<i class="icon icon-graph pull-left" aria-hidden="true"></i>
|
|
|
|
Averages
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row no-gutters text-center">
|
2017-10-30 23:35:51 +00:00
|
|
|
<div class="col-md-6 col-sm-3 col-xs-12">
|
|
|
|
<div class="text-muted">Sleep time</div>
|
2017-10-30 18:26:49 +00:00
|
|
|
{% if sleep.average %}
|
|
|
|
{{ sleep.average|duration_string:'m' }}
|
|
|
|
{% else %}
|
|
|
|
<em>Not enough data</em>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
2017-10-30 23:35:51 +00:00
|
|
|
<div class="col-md-6 col-sm-3 col-xs-12">
|
|
|
|
<div class="text-muted">Awake time</div>
|
2017-10-30 18:26:49 +00:00
|
|
|
{% if sleep.btwn_average %}
|
|
|
|
{{ sleep.btwn_average|duration_string:'m' }}
|
|
|
|
{% else %}
|
|
|
|
<em>Not enough data</em>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
2017-10-30 23:35:51 +00:00
|
|
|
<div class="col-md-6 col-sm-3 col-xs-12">
|
2017-10-30 18:26:49 +00:00
|
|
|
<div class="text-muted">Change freq.</div>
|
|
|
|
{% if changes.btwn_average %}
|
|
|
|
{{ changes.btwn_average|duration_string:'m' }}
|
|
|
|
{% else %}
|
|
|
|
<em>Not enough data</em>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
2017-10-30 23:35:51 +00:00
|
|
|
<div class="col-md-6 col-sm-3 col-xs-12">
|
2017-10-30 18:26:49 +00:00
|
|
|
<div class="text-muted">Feeding freq.</div>
|
|
|
|
{% if feedings.btwn_average %}
|
|
|
|
{{ feedings.btwn_average|duration_string:'m' }}
|
|
|
|
{% else %}
|
|
|
|
<em>Not enough data</em>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|