mybuddy/dashboard/templates/cards/feeding_last_method.html

50 lines
2.1 KiB
HTML

{% extends 'cards/base.html' %}
{% load i18n %}
{% block header %}
<a href="{% url "core:feeding-list" %}">{% trans "Last Feeding Method" %}</a>
{% endblock %}
{% block title %}
{% if feedings|length > 0 %}
<div id="feeding-methods-carousel"
class="carousel slide"
data-bs-interval="false">
<div class="carousel-inner">
{% for feeding in feedings %}
<div class="carousel-item{% if forloop.counter == feedings|length %} active{% endif %}">
<div class="last-feeding-method text-center">{{ feeding.get_method_display }}</div>
<div class="text-center small text-body-secondary">
{% if forloop.last %}
{% trans "most recent" %}
{% else %}
{% blocktrans trimmed with n=forloop.revcounter0 count counter=n %}
{{ n }} feeding ago
{% plural %}
{{ n }} feedings ago
{% endblocktrans %}
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% if feedings|length > 1 %}
<a class="carousel-control-prev"
href="#feeding-methods-carousel"
role="button"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">{% trans "Previous" %}</span>
</a>
<a class="carousel-control-next"
href="#feeding-methods-carousel"
role="button"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">{% trans "Next" %}</span>
</a>
{% endif %}
</div>
{% else %}
{% trans "None" %}
{% endif %}
{% endblock %}