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

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

{% block title_text %}Dashnote{% endblock title_text %}
{% block header_text %}<span>Dash</span>note{% endblock header_text %}


{% block extra_header %}
    {% url "view_note" note.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>Note created by: <span id="id_note_owner">{{ note.owner|display_name }}</span></small>
            <table id="id_note_table" class="table">
                {% for item in note.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_note" note.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>Note shared with:
                {% for user in note.shared_with.all %}
                    <span class="note-recipient">{{ user|display_name }}</span>
                {% endfor %}
            </small>
        </div>
    </div>
{% endblock content %}

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