Move the comment display into it's own template.

[matthijs/projects/xerxes.git] / templates / influences / influence_comments_block.html

diff --git a/templates/influences/influence_comments_block.html b/templates/influences/influence_comments_block.html
new file mode 100644 (file)
index 0000000..255482a
--- /dev/null
+++ b/templates/influences/influence_comments_block.html
@@ -0,0 +1,38 @@
+{% load i18n %}
+{% load threadedcommentstags %}
+
+{% if comments %}
+    <script type="text/javascript">
+        function showReply(comment_id) {
+            YAHOO.util.Dom.setStyle('replyForm' + comment_id, 'display', 'block');
+            YAHOO.util.Dom.setStyle('replyLink' + comment_id, 'display', 'none');
+        }
+
+        function hideReply(comment_id) {
+            YAHOO.util.Dom.setStyle('replyForm' + comment_id, 'display', 'none');
+            YAHOO.util.Dom.setStyle('replyLink' + comment_id, 'display', 'block');
+        }
+    </script>
+
+    {% for comment in comments %}
+        <div style="margin-left: {{ comment.depth }}em;" class="comment{% if not comment.is_public %} private{% endif %}">
+            {{ comment.user }} said:<br/>
+            {% auto_transform_markup comment %}
+                       <p style="display:none;" id="replyLink{{comment.id}}">
+                               <a href="javascript:showReply('{{comment.id}}');">{% trans "Reply to this comment" %}</a>
+                       </p>
+                       <div id="replyForm{{comment.id}}" class="commentReplyForm">
+                               <script type="text/javascript">hideReply('{{comment.id}}');</script>
+                               <form method="post" action="{% url influences_influence_comment_parent object.id,comment.id %}">
+                                       <p><a href="javascript:hideReply('{{comment.id}}');">{% trans "Cancel reply" %}</a></p>
+                                       <table>
+                                       {{ comment.reply_form.as_table }}
+                                       </table>
+                                       <div><input type="submit" value="{% trans "Reply to this comment" %}" /></div>
+                               </form>
+                       </div>
+        </div>
+    {% endfor %}
+{% else %}
+    {% trans "No comments were added yet" %}
+{% endif %}