Improve influence comment handling.

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

diff --git a/templates/influences/influence_detail_block.html b/templates/influences/influence_detail_block.html
index d2c1c3ae9dee48b13ad88a86490f52826aaf0ff7..d60ac14c1a4a80eaac2c0393eded37dfa213134b 100644 (file)
--- a/templates/influences/influence_detail_block.html
+++ b/templates/influences/influence_detail_block.html
@@ -1,4 +1,5 @@
 {% load i18n %}
+{% load threadedcommentstags %}
 
 <h1>{{ object.summary }}</h1>
 <table>
@@ -9,3 +10,53 @@
 {% endif %}
 </table>
 <p>{{ object.description }}</p>
+<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>
+               
+<h2>{% trans "Comments" %}</h2>
+{% if comments %}
+    {% 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 %}
+
+<p style="display:none;" id="replyLink"><a href="javascript:showReply('')">Add comment</a></p>
+<div id="replyForm">
+<script type="text/javascript">hideReply('')</script>
+<h3>{% trans "Add comment" %}</h3>
+<form method="post" action="{% url influences_influence_comment object.id %}">
+       <p><a href="javascript:hideReply('')">Cancel comment</a></p>
+    <table>
+    {{ comment_form.as_table }}
+    </table>
+    <div><input type="submit" value="{% trans "Add comment" %}" /></div>
+    {# <input type="submit" name="preview" value="{% trans "Preview comment" %}" /></li> #}
+</form>
+</div>