aurweb/templates/partials/packages/comments.html

<!--
    This partial requires the following  to render properly
    - pkgname
    - pkgbase-id
    - comments (list)
-->

<div id="generic-form" class="box">
    <h2>Add Comment</h2>
    <form action="/pkgbase/{{ pkgname }}/" method="post">
        <fieldset>
            <div>
                <input type="hidden" name="action" value="do_AddComment"/>
                <input type="hidden" name="ID" value="{{ pkgbase_id }}"/>
            </div>
            <p>
                {{
                "Git commit identifiers referencing commits in the AUR package"
                " repository and URLs are converted to links automatically."
                | tr
                }}
                {{
                "%sMarkdown Syntax%s is partially supported."
                | tr
                | format('<a href="https://daringfireball.net/projects/markdown/syntax">', '</a>')
                | safe
                }}
            </p>
            <p>
                <textarea id="id_comment" name="comment" cols="80" rows="10"></textarea>
            </p>
            <p>
                <input type="submit" value="{{ 'Add Comment' | tr }}"/>
            </p>
        </fieldset>
    </form>
</div>

<div class="comments package-comments">
    <div class="comments-header">
        <h3>
            <span class="text">{{ "Latest Comments" | tr }}</span>
            <span class="arrow"></span>
        </h3>
    </div>
    {% for comment in comments %}
    <h4 id="comment-{{ comment.ID }}" class="comment-header">
        {% set commented_at = comment.CommentTS | dt | as_timezone(timezone) %}
        {% set view_account_info = 'View account information for %s' | tr | format(comment.User.Username) %}
        {{
        "%s commented on %s" | tr | format(
            '<a href="/account/%s" title="%s">%s</a>' | format(
                comment.User.Username,
                view_account_info,
                comment.User.Username
            ),
            '<a href="#comment-%s" class="date">%s</a>' | format(
                comment.ID,
                commented_at.strftime("%Y-%m-%d %H:%M")
            )
        )
        | safe
        }}
        {% if is_maintainer %}
        <form class="delete-comment-form" method="post" action="/pkgbase/{{ pkgname }}/">
            <fieldset style="display:inline;">
                <input type="hidden" name="action" value="do_DeleteComment" />
                <input type="hidden" name="comment_id" value="{{ comment.ID }}"/>
                <input type="hidden" name="return_to" value="/pkgbase/{{ pkgname }}/"/>
                <input type="image" class="delete-comment" src="/images/x.min.svg" width="11" height="11" alt="{{ 'Delete comment' | tr }}" title="{{ 'Delete comment' | tr }}" name="submit" value="1" />
            </fieldset>
        </form>
        <a href="/pkgbase/{{ pkgname }}/edit-comment/?comment_id={{ comment.ID }}" class="edit-comment" title="Edit comment"><img src="/images/pencil.min.svg" alt="Edit comment" width="11" height="11"></a>
        {% endif %}
        <form class="pin-comment-form" method="post" action="/pkgbase/{{ pkgname }}/">
            <fieldset style="display:inline;">
                <input type="hidden" name="action" value="do_PinComment"/>
                <input type="hidden" name="comment_id" value="{{ comment.ID }}"/>
                <input type="hidden" name="package_base" value="{{ pkgbase_id }}"/>
                <input type="hidden" name="return_to" value="/pkgbase/{{ pkgname }}/"/>
                <input type="image" class="pin-comment" src="/images/pin.min.svg" width="11" height="11" alt="{{ 'Pin comment' | tr }}" title="{{ 'Pin comment' | tr }}" name="submit" value="1"/>
            </fieldset>
        </form>
    </h4>
    <div id="comment-{{ comment.ID }}-content" class="article-content">
        <div>
            <p>{{ comment.RenderedComment | safe }}</p>
        </div>
    </div>
    {% endfor %}
</div>