moviewyrm/bookwyrm/templates/snippets/reply_form.html

{% load bookwyrm_tags %}
{% with activity.id|uuid as uuid %}
<form class="is-flex-grow-1" name="reply" action="/reply" method="post" onsubmit="return reply(event)">
    <div class="columns">
        {% csrf_token %}
        <input type="hidden" name="reply_parent" value="{{ activity.id }}">
        <input type="hidden" name="user" value="{{ request.user.id }}">
        <div class="column">
            <div class="control">
                <label class="button is-small" role="button" tabindex="0" for="include-spoilers-{{ book.id }}-{{ type }}">Add spoilers/content warning</label>
                <input type="checkbox" class="toggle-control" id="include-spoilers-{{ book.id }}-{{ type }}">
                <div class="toggle-content hidden">
                    <label class="is-sr-only" for="id_content_warning_{{ book.id }}_{{ type }}">Spoilers/content warning:</label>
                    <input type="text" name="content_warning" maxlength="255" class="input" id="id_content_warning_{{ book.id }}_{{ type }}" placeholder="Spoilers ahead!">
                </div>
            </div>
            <div class="field">
                <textarea class="textarea" name="content" placeholder="Leave a comment..." id="id_content_{{ activity.id }}-{{ uuid }}" required="true"></textarea>
            </div>
        </div>

        <div class="column is-narrow">
            <div class="field">
                {% include 'snippets/privacy_select.html' with current=activity.privacy %}
            </div>
            <div class="field">
                <button class="button is-primary" type="submit">
                    post reply
                </button>
            </div>
        </div>
    </div>
</form>
{% endwith %}