python-tdd/src/templates/apps/dashboard/list.html

{% extends "core/base.html" %}
{% load lyric_extras %}

{% block title_text %}Your to-do list{% endblock title_text %}
{% block header_text %}Your to-do list{% endblock header_text %}


{% block extra_header %}
    {% url "view_list" list.id as form_action %}
    {% include "apps/dashboard/_partials/_form.html" with form=form form_action=form_action %}
{% endblock extra_header %}

{% block content %}
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <small>List created by: <span id="id_list_owner">{{ list.owner|display_name }}</span></small>
            <table id="id_list_table" class="table">
                {% for item in list.item_set.all %}
                    <tr><td>{{ forloop.counter }}. {{ item.text }}</td></tr>
                {% endfor %}
            </table>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-lg-6">

            <form method="POST" action="{% url "share_list" list.id %}">
                {% csrf_token %}
                <input
                    id="id_recipient"
                    name="recipient"
                    class="form-control form-control-lg{% if form.errors.recipient %} is-invalid{% endif %}"
                    placeholder="friend@example.com"
                    aria-describedby="id_recipient_feedback"
                    required
                />
                {% if form.errors.recipient %}
                    <div id="id_recipient_feedback" class="invalid-feedback">
                        {{ form.errors.recipient.0 }}
                    </div>
                {% endif %}

                <button type="submit" class="btn btn-primary btn-xl">Share</button>
            </form>
            <small>List shared with:
                {% for user in list.shared_with.all %}
                    <span class="list-recipient">{{ user|display_name }}</span>
                {% endfor %}
            </small>
        </div>
    </div>
{% endblock content %}

{% block scripts %}
    {% include "apps/dashboard/_partials/_scripts.html" %}
{% endblock scripts %}