Concatenate variables in the Django template

Question

Talk guys, good morning, I have a problem. I’m walking through a lista but I want to concatenar my list I’m calling on template as {{ list }} and {{ forloop.counter0 }} so that in mine is only displayed 1 list item at a time and not all of it

py views.:

def user_donations(request):
    donations = Donation.objects.all().filter(donor_id=request.user.id)

    donationItem = DonationItem.objects.all().filter(donation__donor_id=request.user.id)
    list = []

    for item in donationItem:
        list.append(item.material.name)

    content = {'donations':donations, 'list': list}
    return render(request, 'user-donations.html', content)

html.py:

{% extends 'base.html' %}
{% load static %}

{% block content%}
<section class="user-donations">
    <div class="register-header-desktop">
        <h2>Minhas doações</h2>
    </div>
    <div class="container register">
        <div class="donations-list">
            {% for donation in donations %}
            <div class="modal">
                <div class="confirm-school-name">
                    <span>{{ donation.created_at }}</span>
                    <span>De: {{ donation.donor }}</span>
                    <span>Para: {{ donation.school }}</span>
                </div>
                <div class="list-itens">
                    <span>{{ list.forloop.counter0 }}</span>
                    <span></span>
                </div>
                <div class="confirm-delivery">
                    <span></span>
                </div>
                <div class="arrow">
                    <img src="{% static 'images/arrow-down-icon.png' %}" alt="">
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}

But the way I’m trying not to, someone can help me ?

Answer 1

Just iterate the items over the list using a for that it will carry an item per iteration without requiring a variable for indexing.

For example to create a list in the Django we can do it like this:

<div class="list-itens">
    <ul>
        {% for item in list %}
            <li class="item">{{ item }}</li>
        {% endfor %}
    </ul>
</div>

Answer 2

To solve the problem I did it this way:

first created a @property:

@property def items(self): return self.donationitem_set.all()

then in the py views.:

def user_donations(request):
    donations = Donation.objects\
        .filter(donor_id=request.user.id)\
        .filter(confirmed=True)\
        .all()

    content = {'donations': donations}
    
    return render(request, 'user-donations.html', content)

and in the user-donations.html:

{% extends 'base.html' %}
{% load static %}

{% block content%}
<section class="user-donations">
    <div class="register-header-desktop">
        <h2>Minhas doações</h2>
    </div>
    <div class="container register">
        <div class="donations-list">
            {%for donation in donations%}
            <div class="modal">
                <div class="confirm-school-name">
                    <span>{{donation.created_at}}</span>
                    <span>De: {{donation.donor}}</span>
                    <span>Para: {{donation.school}}</span>
                </div>
                {% for item in donation.items %}
                <div class="list-itens">
                    <span>{{item.quantity}} {{item}}</span>
                </div>
                {% endfor %}
                <div class="confirm-delivery">
                    <span></span>
                </div>
                <div class="arrow">
                    <img src="{% static 'images/arrow-down-icon.png' %}" alt="">
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
    </div>
</section>
{% endblock %}

That way I could do what I needed