plone.app.discussion/plone/app/discussion/browser/comments.pt

<tal:block tal:define="userHasReplyPermission view/can_reply;
                       isDiscussionAllowed view/is_discussion_allowed;
                       isAnonymousDiscussionAllowed view/anonymous_discussion_allowed;
                       isEditCommentAllowed view/edit_comment_allowed;
                       isDeleteOwnCommentAllowed view/delete_own_comment_allowed;
                       isAnon view/is_anonymous;
                       canReview view/can_review;
                       replies python:view.get_replies(canReview);
                       has_replies python:view.has_replies(canReview);
                       showCommenterImage view/show_commenter_image;
                       errors options/state/getErrors|nothing;
                       wtool context/@@plone_tools/workflow;
                       auth_token context/@@authenticator/token|nothing"
    tal:condition="python:isDiscussionAllowed or has_replies"
    i18n:domain="plone">
    <div class="pat-discussion">
        <div class="reply"
            tal:condition="python:isAnon and not isAnonymousDiscussionAllowed">
            <form tal:attributes="action view/login_action">
                <button class="btn btn-primary mb-3"
                    type="submit"
                    value="Log in to add comments"
                    i18n:attributes="value label_login_to_add_comments;"
                    i18n:translate="label_login_to_add_comments">Log in to add comments</button>
            </form>
        </div>

        <div class="discussion"
            tal:condition="has_replies">
            <tal:getreplies repeat="reply_dict replies">

                <div class="comment"
                    tal:define="reply reply_dict/comment;
                             comment_id reply/getId;
                             depth reply_dict/depth|python:0;
                             depth python: depth > 10 and '10' or depth;
                             author_home_url python:view.get_commenter_home_url(username=reply.author_username);
                             has_author_link python:author_home_url and not isAnon;
                             portrait_url python:view.get_commenter_portrait(reply.author_username);
                             review_state python:wtool.getInfoFor(reply, 'review_state', 'none');
                             canEdit python:view.can_edit(reply);
                             canDelete python:view.can_delete(reply);
                             colorclass python:lambda x: 'state-private' if x=='rejected' else ('state-internal' if x=='spam' else 'state-'+x);"
                    tal:attributes="class python:'comment level-{depth} {state}'.format(depth= depth, state=colorclass(review_state));
                                 id comment_id"
                    tal:condition="python:canReview or review_state == 'published'">

                    <div class="d-flex flex-row align-items-center mb-3">

                        <!-- commenter image -->
                        <div class="comment-image me-3"
                            tal:condition="showCommenterImage">
                            <a href=""
                                tal:condition="has_author_link"
                                tal:attributes="href author_home_url">
                                <img src="defaultUser.png"
                                    alt=""
                                    tal:attributes="src portrait_url; alt reply/author_name" />
                            </a>
                            <img src="defaultUser.png"
                                alt=""
                                tal:condition="not: has_author_link"
                                tal:attributes="src portrait_url; alt reply/author_name" />
                        </div>

                        <!-- commenter name and date -->
                        <div class="comment-author">

                            <a href=""
                                tal:condition="has_author_link"
                                tal:attributes="href author_home_url">${reply/author_name}</a>

                            <span tal:condition="not: has_author_link">${reply/author_name}</span>

                            <span tal:condition="not: reply/author_name"
                                i18n:translate="label_anonymous">Anonymous</span>

                            <br />

                            <small class="text-muted"
                                tal:content="python:view.format_time(reply.modification_date)">
                      8/23/2001 12:40:44 PM
                            </small>

                        </div>
                    </div>



                    <!-- comment body -->
                    <div class="comment-body">

                        <span tal:replace="structure reply/getText" />

                        <!-- comment actions -->
                        <div class="d-flex flex-row justify-content-end mb-3">

                            <div class="comment-actions actions-edit"
                                tal:condition="python:isEditCommentAllowed and canEdit">

                                <!-- edit -->
                                <a class="pat-plone-modal context comment-action action-edit btn btn-primary btn-sm"
                                    tal:condition="auth_token"
                                    tal:attributes="href string:${reply/absolute_url}/@@edit-comment?_authenticator=${auth_token}"
                                    i18n:translate="Edit">Edit</a>

                                <form name="edit"
                                    action=""
                                    method="get"
                                    class="comment-action action-edit"
                                    tal:condition="not: auth_token"
                                    tal:attributes="action string:${reply/absolute_url}/@@edit-comment;
                                                id string:edit-${comment_id}">

                                    <button name="form.button.EditComment"
                                        class="context btn btn-primary btn-sm"
                                        type="submit"
                                        value="Edit"
                                        i18n:attributes="value label_edit;"
                                        i18n:translate="label_edit">Edit</button>

                                </form>

                            </div>

                            <div class="comment-actions actions-delete"
                                tal:condition="python:canDelete">

                                <!-- delete own comment -->
                                <form name="delete"
                                    action=""
                                    method="post"
                                    class="comment-action action-delete"
                                    tal:condition="python:not canDelete and isDeleteOwnCommentAllowed and view.could_delete_own(reply)"
                                    tal:attributes="action string:${reply/absolute_url}/@@delete-own-comment;
                                                style python:view.can_delete_own(reply) and 'display: inline' or 'display: none';
                                                id string:delete-${comment_id}">
                                    <button name="form.button.DeleteComment"
                                        class="destructive btn btn-danger btn-sm"
                                        type="submit"
                                        value="Delete"
                                        i18n:attributes="value label_delete;"
                                        i18n:translate="label_delete">Delete</button>
                                </form>

                                <!-- delete -->
                                <form name="delete"
                                    action=""
                                    method="post"
                                    class="comment-action action-delete"
                                    tal:condition="python:canDelete"
                                    tal:attributes="action string:${reply/absolute_url}/@@moderate-delete-comment;
                                                id string:delete-${comment_id}">
                                    <button name="form.button.DeleteComment"
                                        class="destructive btn btn-danger btn-sm"
                                        type="submit"
                                        value="Delete"
                                        i18n:attributes="value label_delete;"
                                        i18n:translate="label_delete">Delete</button>
                                </form>

                            </div>

                            <div class="comment-actions actions-workflow d-flex flex-row"
                                tal:condition="reply_dict/actions|nothing">

                                <form name=""
                                    action=""
                                    method="get"
                                    class="comment-action action-${action/id}"
                                    tal:condition="canReview"
                                    tal:repeat="action reply_dict/actions|nothing"
                                    tal:attributes="action string:${reply/absolute_url}/@@transmit-comment;
                                                name action/id;
                                                id string:${action/id}-${comment_id};
                                                ">
                                    <input type="hidden"
                                        name="workflow_action"
                                        tal:attributes="value action/id" />
                                    <button name="form.button.TransmitComment"
                                        class="context btn btn-primary btn-sm"
                                        type="submit"
                                        i18n:translate="">${action/title}</button>
                                </form>

                            </div>

                        </div>
                        <!-- end comment actions -->


                    </div>
                    <button class="context reply-to-comment-button hide allowMultiSubmit btn btn-primary btn-sm"
                        tal:condition="python:isDiscussionAllowed and (isAnon and isAnonymousDiscussionAllowed or userHasReplyPermission)"
                        i18n:translate="label_reply">
                    Reply
                    </button>

                </div>

            </tal:getreplies>

            <div tal:condition="python: has_replies and not isDiscussionAllowed"
                class="discreet"
                i18n:translate="label_commenting_disabled">
            Commenting has been disabled.
            </div>

        </div>

        <div class="reply"
            tal:condition="python:has_replies and (isAnon and not isAnonymousDiscussionAllowed)">
            <form tal:attributes="action view/login_action"
                class="mb-3">
                <button class="standalone loginbutton btn btn-primary"
                    type="submit"
                    value="Log in to add comments"
                    i18n:attributes="value label_login_to_add_comments;"
                    i18n:translate="label_login_to_add_comments">Log in to add comments</button>
            </form>
        </div>

        <div id="commenting"
            class="reply border p-3"
            tal:condition="python:isDiscussionAllowed and (isAnon and isAnonymousDiscussionAllowed or userHasReplyPermission)">

            <fieldset>

                <legend i18n:translate="label_add_comment">Add comment</legend>

                <p tal:content="view/comment_transform_message">
                You can add a comment by filling out the form below. Plain text
                formatting.
                </p>

                <div tal:replace="structure view/form/render" />

            </fieldset>
        </div>
    </div>
</tal:block>