Improving the canned comments feature, now we can use Django style template syntax...

[osqa.git] / 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 43b1553b55cb6805dd3d0fa1841c3c9fd3aa4df3..41a97aa822e77d88d1296ede2eb213e4467ced8c 100644 (file)
--- a/forum/skins/default/templates/node/comments.html
+++ b/forum/skins/default/templates/node/comments.html
@@ -19,10 +19,18 @@
                 {% endif %}\r
                 {% if comment.can_delete %}\r
                     <a id="comment-{{ comment.id }}-delete" href="{% url delete_comment id=comment.id %}" title="{% trans "Delete comment" %}"\r
                 {% endif %}\r
                 {% if comment.can_delete %}\r
                     <a id="comment-{{ comment.id }}-delete" href="{% url delete_comment id=comment.id %}" title="{% trans "Delete comment" %}"\r

-                        class="ajax-command comment-delete" rel="nofollow"> </a>\r
+                        class="ajax-command comment-delete confirm" rel="nofollow"> </a>\r

                 {% endif %}\r
                 {% endif %}\r

+                {% if comment.can_convert %}\r
+                    <a rel="nofollow" id="comment-{{ comment.id }}-convert" href="{% url convert_comment id=comment.id %}" title="{% trans "Convert comment to answer" %}"\r
+                        class="ajax-command comment-convert confirm" rel="nofollow"> </a>\r
+                    <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" %}"\r
+                        class="comment-convert-to-question" rel="nofollow"> </a>\r
+                {% endif %}\r
+                    \r
+\r

                 <span class="comment-age">({% diff_date comment.added_at %})</span>\r
                 <span class="comment-age">({% diff_date comment.added_at %})</span>\r

-                <a class="comment-user userinfo" href="{{comment.user.get_profile_url}}">{{comment.user}}</a>\r
+                <a class="comment-user userinfo" href="{{comment.user.get_profile_url}}">{{comment.user.decorated_name}}</a>\r

                 {% if show_gravatar %}{% gravatar comment.user 18 %}{% endif %}\r
             </div>\r
         </div>\r
                 {% if show_gravatar %}{% gravatar comment.user 18 %}{% endif %}\r
             </div>\r
         </div>\r


@@ -39,11 +47,12 @@
         <a href="#" class="add-comment-link">{% trans "add new comment" %}</a>\r
     {% endif %}\r
 </div>\r
         <a href="#" class="add-comment-link">{% trans "add new comment" %}</a>\r
     {% endif %}\r
 </div>\r

-{% if can_comment %}\r

 <div id="comment-{{ post.id }}-form-container" class="comment-form-container">\r
 <div id="comment-{{ post.id }}-form-container" class="comment-form-container">\r

+    {% if can_comment %}\r

     <form id="comment-{{ post.id }}-form" method="post" action="{% url comment id=post.id %}" accept-charset="utf-8">\r
     <form id="comment-{{ post.id }}-form" method="post" action="{% url comment id=post.id %}" accept-charset="utf-8">\r

+        {% csrf_token %}\r

         <div class="comment-form-widgets-container">\r
         <div class="comment-form-widgets-container">\r

-            <textarea name="comment"></textarea>\r
+            <textarea name="comment" class="commentBox" id="comment"></textarea>\r

             <div class="comment-form-buttons">\r
                 <span id="comment-{{ post.id }}-chars-left" class="comment-chars-left">\r
                     <span class="comments-char-left-count">{{ min_length }}|{{ max_length }}</span>\r
             <div class="comment-form-buttons">\r
                 <span id="comment-{{ post.id }}-chars-left" class="comment-chars-left">\r
                     <span class="comments-char-left-count">{{ min_length }}|{{ max_length }}</span>\r


@@ -53,16 +62,34 @@
                 <input type="submit" class="comment-submit" value="{% trans " comment" %}" />\r
                 <input type="submit" class="comment-cancel" value="{% trans " cancel" %}" />\r
             </div>\r
                 <input type="submit" class="comment-submit" value="{% trans " comment" %}" />\r
                 <input type="submit" class="comment-cancel" value="{% trans " cancel" %}" />\r
             </div>\r

+            <div class="clear"></div>\r
+            {% if user.can_use_canned_comments %}\r
+            <div class="canned_comment">\r
+                <span id="post-{{ post.id }}-menu" class="context-menu">\r
+                    <span id="post-{{ post.id }}-menu-trigger" class="action-link context-menu-trigger">{% trans "Use canned comment" %}</span>\r
+                    <ul id="post-{{ post.id }}-menu-dropdown" class="context-menu-dropdown" style="width: 275px;">\r
+                        {% for canned_comment in canned_comments %}\r
+                        <li class="item">\r
+                            <a style="white-space: pre-wrap;" href="javascript:void(0);" onclick="canned_comment({{ post.id }}, jQuery(this).text())">{{ canned_comment }}</a>\r
+                        </li>\r
+                        {% endfor %}\r
+                    </ul>\r
+                </span>\r
+            </div>\r
+            {% endif %}\r

         </div>\r
         <script type="text/html" class="new-comment-skeleton" id="new-comment-skeleton-{{ post.id }}">\r
             <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-%ID%">\r
                 <div id="post-%ID%-score" class="comment-score"></div>\r
                 <div class="comment-text">%COMMENT%</div>\r
         </div>\r
         <script type="text/html" class="new-comment-skeleton" id="new-comment-skeleton-{{ post.id }}">\r
             <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-%ID%">\r
                 <div id="post-%ID%-score" class="comment-score"></div>\r
                 <div class="comment-text">%COMMENT%</div>\r

-                <div class="comment-info" id="comment-{{comment.id}}-info">\r
-                    <a id="comment-%ID%-edit" href="%EDIT_URL%"\r
+                <div class="comment-info" id="comment-%ID%-info">\r
+                    <a id="comment-%ID%-edit" href="%EDIT_URL%" title="{% trans "Edit comment" %}"\r

                         class="comment-edit" rel="nofollow"> </a>\r
                         class="comment-edit" rel="nofollow"> </a>\r

-                    <a id="comment-%ID%-delete" href="%DELETE_URL%"\r
-                        class="ajax-command comment-delete" rel="nofollow"> </a>\r
+                    <a id="comment-%ID%-delete" href="%DELETE_URL%" title="{% trans "Delete comment" %}"\r
+                        class="ajax-command comment-delete confirm" rel="nofollow"> </a>\r
+                    <a rel="nofollow" id="comment-%ID%-convert" style="display:none;" href="%CONVERT_URL%" title="{% trans "Convert comment to answer" %}"\r
+                        class="ajax-command comment-convert confirm" rel="nofollow"> </a>\r
+\r

                     <span class="comment-age">({% trans "just now" %})</span>\r
                     <a class="comment-user" href="%PROFILE_URL%">%USERNAME%</a>\r
                     {% if user.is_authenticated %}\r
                     <span class="comment-age">({% trans "just now" %})</span>\r
                     <a class="comment-user" href="%PROFILE_URL%">%USERNAME%</a>\r
                     {% if user.is_authenticated %}\r


@@ -72,6 +99,6 @@
              </div>\r
         </script>\r
     </form>\r
              </div>\r
         </script>\r
     </form>\r

+    {% endif %}\r

 </div>\r
 </div>\r

-{% endif %}\r
-    
\ No newline at end of file
+    \r