X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/e6a05ab54f6eea95902b7e9d12858de123e39d17..dcacc3b4c2ba2f550806a2d22b183f6fac4f63ff:/forum/skins/default/templates/node/comments.html

diff --git a/forum/skins/default/templates/node/comments.html b/forum/skins/default/templates/node/comments.html
index 3457aab..4959db5 100644
--- a/forum/skins/default/templates/node/comments.html
+++ b/forum/skins/default/templates/node/comments.html
@@ -1,106 +1,56 @@
-{% load extra_tags %}
-{% load i18n %}
-
-<div class="clear"></div>
-<div id="comment-{{ post.id }}-form-container" class="comment-form-container">
-    {% if can_comment %}
-    <form id="comment-{{ post.id }}-form" method="post" action="{% url comment id=post.id %}" accept-charset="utf-8">
-        {% csrf_token %}
-        <div class="comment-form-widgets-container">
-            <textarea name="comment" class="commentBox" id="comment"></textarea>
-            <div class="comment-form-buttons">
-                <span id="comment-{{ post.id }}-chars-left" class="comment-chars-left">
-                    <span class="comments-char-left-count">{{ min_length }}|{{ max_length }}</span>
-                    <span class="comments-chars-togo-msg">{% trans "characters needed" %}</span>
-                    <span class="comments-chars-left-msg">{% trans "characters left" %}</span>
-                </span>
-                <input type="submit" class="comment-submit" value="{% trans " comment" %}" />
-                <input type="submit" class="comment-cancel" value="{% trans " cancel" %}" />
-            </div>
-            <div class="clear"></div>
-            {% if user.can_use_canned_comments %}
-            <div class="canned_comment">
-                <span id="post-{{ post.id }}-menu" class="context-menu">
-                    <span id="post-{{ post.id }}-menu-trigger" class="action-link context-menu-trigger">{% trans "Use canned comment" %}</span>
-                    <ul id="post-{{ post.id }}-menu-dropdown" class="context-menu-dropdown" style="width: 275px;">
-                        {% for canned_comment in canned_comments %}
-                        <li class="item">
-                            <a style="white-space: pre-wrap;" href="javascript:void(0);" onclick="canned_comment({{ post.id }}, jQuery(this).text())">{{ canned_comment }}</a>
-                        </li>
-                        {% endfor %}
-                    </ul>
-                </span>
-            </div>
-            {% endif %}
-        </div>
-        <script type="text/html" class="new-comment-skeleton" id="new-comment-skeleton-{{ post.id }}">
-            <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-%ID%">
-                <div id="post-%ID%-score" class="comment-score"></div>
-                <div class="comment-text">%COMMENT%</div>
-                <div class="comment-info" id="comment-%ID%-info">
-                    <a id="comment-%ID%-edit" href="%EDIT_URL%" title="{% trans "Edit comment" %}"
-                        class="comment-edit" rel="nofollow"> </a>
-                    <a id="comment-%ID%-delete" href="%DELETE_URL%" title="{% trans "Delete comment" %}"
-                        class="ajax-command comment-delete confirm" rel="nofollow"> </a>
-                    <a rel="nofollow" id="comment-%ID%-convert" style="display:none;" href="%CONVERT_URL%" title="{% trans "Convert comment to answer" %}"
-                        class="ajax-command comment-convert confirm" rel="nofollow"> </a>
-
-                    <span class="comment-age">({% trans "just now" %})</span>
-                    <a class="comment-user" href="%PROFILE_URL%">%USERNAME%</a>
-                    {% if user.is_authenticated %}
-                        {% if show_gravatar %}{% gravatar user 18 %}{% endif %}
-                    {% endif %}
-                </div>
-             </div>
-        </script>
-    </form>
-    {% endif %}
-</div>
-<div class="clear"></div>
-
-<div class="comments-container" id="comments-container-{{ post.id }}">
-    {% for comment in comments %}
-        <a name="{{ comment.id }}"></a>
-        <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-{{comment.id}}">
-            <div id="post-{{ comment.id }}-score" class="comment-score">{% if comment.score %}{{ comment.score }}{% endif %}</div>
-            <div class="comment-text">{{ comment.comment }}</div>
-            <div class="comment-info" id="comment-{{comment.id}}-info">
-                {% if comment.can_like %}
-                    <a id="post-{{ comment.id }}-upvote" href="{% url like_comment id=comment.id %}"
-                     title="{% trans "I like this comment (click again to cancel)" %}" class="ajax-command comment-like{% if comment.likes %} on{% endif %}"
-                    rel="nofollow"> </a>
-                {% endif %}
-                {% if comment.can_edit %}
-                    <a id="comment-{{ comment.id }}-edit" href="{% url node_markdown id=comment.id %}" title="{% trans "Edit comment" %}"
-                        class="comment-edit" rel="nofollow"> </a>
-                {% endif %}
-                {% if comment.can_delete %}
-                    <a id="comment-{{ comment.id }}-delete" href="{% url delete_comment id=comment.id %}" title="{% trans "Delete comment" %}"
-                        class="ajax-command comment-delete confirm" rel="nofollow"> </a>
-                {% endif %}
-                {% if comment.can_convert %}
-                    <a rel="nofollow" id="comment-{{ comment.id }}-convert" href="{% url convert_comment id=comment.id %}" title="{% trans "Convert comment to answer" %}"
-                        class="ajax-command comment-convert confirm" rel="nofollow"> </a>
-                    <a rel="nofollow" id="comment-{{ comment.id }}-convert-to-question" href="{% url convert_to_question id=comment.id %}?node_type=comment" title="{% trans "Convert comment to question" %}"
-                        class="comment-convert-to-question" rel="nofollow"> </a>
-                {% endif %}
-                    
-
-                <span class="comment-age">({% diff_date comment.added_at %})</span>
-                <a class="comment-user userinfo" href="{{comment.user.get_profile_url}}">{{comment.user.decorated_name}}</a>
-                {% if show_gravatar %}{% gravatar comment.user 18 %}{% endif %}
-            </div>
-        </div>
-    {% endfor %}
-</div>
-<div id="comment-tools-{{ post.id }}" class="comment-tools">
-    {% ifnotequal showing total %}
-        <span class="comments-showing">
-            {% blocktrans %}showing {{ showing }} of {{ total }}{% endblocktrans %}
-        </span>
-        <a href="#" class="show-all-comments-link">{% blocktrans %}show {{ more_comments_count }} more comments{% endblocktrans %}</a>
-    {% endifnotequal %}
-    {% if can_comment %}
-        <a href="#" class="add-comment-link">{% trans "add new comment" %}</a>
-    {% endif %}
-</div>
+{% load extra_tags %}
+{% load i18n %}
+
+{% if show_latest_comments_first %}{% include "node/comment_skeleton.html" %}{% endif %}
+
+<div class="comments-container" id="comments-container-{{ post.id }}">
+    {% for comment in comments %}
+        <a name="{{ comment.id }}"></a>
+        <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-{{comment.id}}">
+            <div id="post-{{ comment.id }}-score" class="comment-score">{% if comment.score %}{{ comment.score }}{% endif %}</div>
+            <div class="comment-text">{{ comment.comment }}</div>
+            <div class="comment-info" id="comment-{{comment.id}}-info">
+                {% if comment.can_like %}
+                    <a id="post-{{ comment.id }}-upvote" href="{% url "like_comment" id=comment.id %}"
+                     title="{% trans "I like this comment (click again to cancel)" %}" class="ajax-command comment-like{% if comment.likes %} on{% endif %}"
+                    rel="nofollow"> </a>
+                {% endif %}
+                {% if comment.can_edit %}
+                    <a id="comment-{{ comment.id }}-edit" href="{% url "node_markdown" id=comment.id %}" title="{% trans "Edit comment" %}"
+                        class="comment-edit" rel="nofollow"> </a>
+                {% endif %}
+                {% if comment.can_delete %}
+                    <a id="comment-{{ comment.id }}-delete" href="{% url "delete_comment" id=comment.id %}" title="{% trans "Delete comment" %}"
+                        class="ajax-command comment-delete confirm" rel="nofollow"> </a>
+                {% endif %}
+                {% if comment.can_convert %}
+                    <a rel="nofollow" id="comment-{{ comment.id }}-convert" href="{% url "convert_comment" id=comment.id %}" title="{% trans "Convert comment to answer" %}"
+                        class="ajax-command comment-convert confirm" rel="nofollow"> </a>
+                    <a rel="nofollow" id="comment-{{ comment.id }}-convert-to-question" href="{% url "convert_to_question" id=comment.id %}?node_type=comment" title="{% trans "Convert comment to question" %}"
+                        class="comment-convert-to-question" rel="nofollow"> </a>
+                {% endif %}
+
+                {% if comment.additional_controls %}
+                    {{ comment.additional_controls }}
+                {% endif %}
+
+                <span class="comment-age">({% diff_date comment.added_at %})</span>
+                <a class="comment-user userinfo" href="{{comment.user.get_profile_url}}">{{comment.user.decorated_name}}</a>
+                {% if show_gravatar %}{% gravatar comment.user 18 %}{% endif %}
+            </div>
+        </div>
+    {% endfor %}
+</div>
+<div id="comment-tools-{{ post.id }}" class="comment-tools">
+    {% ifnotequal showing total %}
+        <span class="comments-showing">
+            {% blocktrans %}showing {{ showing }} of {{ total }}{% endblocktrans %}
+        </span>
+        <a href="#" class="show-all-comments-link">{% blocktrans %}show {{ more_comments_count }} more comments{% endblocktrans %}</a>
+    {% endifnotequal %}
+    {% if can_comment %}
+        <a href="#" class="add-comment-link">{% trans "add new comment" %}</a>
+    {% endif %}
+</div>
+
+{% if not show_latest_comments_first %}{% include "node/comment_skeleton.html" %}{% endif %}