Filtros de template

Parte da seção Fundamentos do Django do Journey de Django da Coddy. Lição 15 de 23.

A lista de bebidas deve informar quantas bebidas há e mostrar preços como $3.50, mas {{ drink.price }} exibe 3.5. Um filtro altera um valor enquanto o modelo o exibe. Ele vem depois de um |, e alguns filtros recebem um argumento após dois-pontos:

{{ rating|floatformat:1 }}     {# 4.7, when rating is 4.66 #}
{{ boxes|length }} box{{ boxes|pluralize:"es" }}

{# ... #} é um comentário do modelo e nunca é exibido. O argumento de floatformat indica quantas casas decimais ele sempre exibe. length conta os itens de uma lista, e pluralize acrescenta uma terminação, s se você não indicar outra, quando a contagem não é exatamente um: 3 boxes, 1 box.

Os filtros alteram apenas o que é exibido, nunca os dados na sua visualização.

Desafio

Fácil

Em drinks.html, abaixo do <h1>, adicione um <p class="count"> que mostre 4 drinks, ou 1 drink quando houver apenas uma bebida. Em cada <li> de bebida, depois do nome, adicione um <span class="price"> com duas casas decimais, como $3.50.

Acesse /drinks/: aparece 4 drinks, e o Latte custa $3.50.

Experimente você mesmo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Our Drinks</title>
</head>
<body>
    <h1>Our Drinks</h1>
    <ul>
        {% for drink in drinks %}
            <li class="drink">
                {{ drink.name }}
                {% if drink.sold_out %}
                    <span class="sold-out">Sold out</span>
                {% endif %}
            </li>
        {% empty %}
            <li>No drinks today.</li>
        {% endfor %}
    </ul>
</body>
</html>