|
|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
{% macro comment_cell(item, depth, parent_author=None) %}
|
|
|
|
|
{% macro comment_cell(item, depth, parent_author=None, parent_url=None) %}
|
|
|
|
|
<div class="comment" style="--comment-depth: {{ depth }};" data-depth="{{ depth }}">
|
|
|
|
|
<div class="comment-votes" role="group" aria-label="Comment votes">
|
|
|
|
|
<form method="POST" action="/votes/comment/{{ item.comment['uid'] }}">
|
|
|
|
|
@ -26,6 +26,7 @@
|
|
|
|
|
{% endif %}
|
|
|
|
|
<div class="comment-actions">
|
|
|
|
|
<button type="button" class="comment-action-btn" data-action="reply"{{ guest_disabled(user) }}><span class="icon">đź’¬</span><span class="label"> Reply</span></button>
|
|
|
|
|
<button type="button" class="comment-action-btn" data-share="{{ parent_url }}#comment-{{ item.comment['uid'] }}"><span class="icon">🔗</span><span class="label"> Share</span></button>
|
|
|
|
|
{% if owns(item.comment, user) %}
|
|
|
|
|
<button type="button" class="comment-action-btn" data-action="edit" data-edit-url="/comments/edit/{{ item.comment['uid'] }}"><span class="icon">✏️</span><span class="label"> Edit</span></button>
|
|
|
|
|
<form method="POST" action="/comments/delete/{{ item.comment['uid'] }}" class="inline-form comment-delete-form" data-comment-uid="{{ item.comment['uid'] }}">
|
|
|
|
|
@ -39,21 +40,21 @@
|
|
|
|
|
</div>
|
|
|
|
|
{% endmacro %}
|
|
|
|
|
|
|
|
|
|
{% macro render_comment(item, depth=0) %}
|
|
|
|
|
{% macro render_comment(item, depth=0, parent_url=None) %}
|
|
|
|
|
{% set max_depth = 2 %}
|
|
|
|
|
{% set visual_depth = depth if depth < max_depth else max_depth %}
|
|
|
|
|
{% call comment_cell(item, visual_depth) %}
|
|
|
|
|
{% call comment_cell(item, visual_depth, parent_url=parent_url) %}
|
|
|
|
|
{% if item.children %}
|
|
|
|
|
{% if depth < max_depth %}
|
|
|
|
|
<div class="comment-replies">
|
|
|
|
|
{% for child in item.children %}
|
|
|
|
|
{{ render_comment(child, depth + 1) }}
|
|
|
|
|
{{ render_comment(child, depth + 1, parent_url) }}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% else %}
|
|
|
|
|
<div class="comment-replies comment-replies-flat">
|
|
|
|
|
{% for child in item.children %}
|
|
|
|
|
{{ render_comment_flat(child, max_depth, item.author) }}
|
|
|
|
|
{{ render_comment_flat(child, max_depth, item.author, parent_url) }}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
@ -61,9 +62,9 @@
|
|
|
|
|
{% endcall %}
|
|
|
|
|
{% endmacro %}
|
|
|
|
|
|
|
|
|
|
{% macro render_comment_flat(item, depth, parent_author) %}
|
|
|
|
|
{% call comment_cell(item, depth, parent_author) %}{% endcall %}
|
|
|
|
|
{% macro render_comment_flat(item, depth, parent_author, parent_url=None) %}
|
|
|
|
|
{% call comment_cell(item, depth, parent_author, parent_url=parent_url) %}{% endcall %}
|
|
|
|
|
{% for child in item.children %}
|
|
|
|
|
{{ render_comment_flat(child, depth, item.author) }}
|
|
|
|
|
{{ render_comment_flat(child, depth, item.author, parent_url) }}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endmacro %}
|
|
|
|
|
|