Changeset View
Changeset View
Standalone View
Standalone View
comments/templates/comments/components/comment_section.html
| {% load common_extras %} | {% load common_extras %} | ||||
| {% load comment_extras %} | {% load comment_extras %} | ||||
| <div class="comment-section" data-comment-url="{{ comments.comment_url }}"> | <div class="comment-section" data-comment-url="{{ comments.comment_url }}"> | ||||
| <h3>{{ comments.number_of_comments }} Comments</h3> | <h3>{{ comments.number_of_comments }} Comments</h3> | ||||
| {% if user|has_active_subscription %} | {% if user|has_active_subscription %} | ||||
| {% include 'comments/components/comment_input.html' with div_class='comment-main-input' %} | {% include 'comments/components/comment_input.html' with div_class='comment-main-input' %} | ||||
| {% comment %} {% comment_input button_label='Comment' div_class='comment-main-input'%} {% endcomment %} | {% comment %} {% comment_input button_label='Comment' div_class='comment-main-input'%} {% endcomment %} | ||||
| {% else %} | {% else %} | ||||
| <div class="comment-input row" onkeydown="event.stopPropagation()"> | <div class="comment-input row" onkeydown="event.stopPropagation()"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <div class="comment-input-div disabled form-control" contenteditable="false"> | <div class="comment-input-div disabled form-control" contenteditable="false"> | ||||
| <p class="mb-0"><a {% include "subscriptions/components/join_url" %}>Join</a> to comment publicly.</p> | <p class="mb-0"><a {% include "subscriptions/components/join_url" %}>Join</a> to comment publicly.</p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="comment-send col-auto pl-0"> | <div class="comment-send col-auto pl-0"> | ||||
| <button disabled class="btn-input btn-sm btn btn-sm btn-icon disabled"> | <button disabled class="btn-input btn-sm btn btn-sm btn-icon disabled"> | ||||
| <i class="material-icons">send</i> | <i class="material-icons">send</i> | ||||
| </button> | </button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| <div class="comments"> | <div class="comments"> | ||||
| {% include 'comments/components/comment_tree.html' with comment_trees=comments.comment_trees %} | {% include 'comments/components/comment_tree.html' with comment_trees=comments.comment_trees %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||