Add edit comment feature

This is handled in javascript. When clicking the edit link:

1. a form is shown to edit the RST source of the comment.
2. on submit, an AJAX POST request is sent to the new "comment" endpoint in the
   flask app.
3. the endpoint compiles the RST source, update the comment in the database and
   sends back formatted content to the client.
4. the client then updates the comment content and hides the form.

1 files changed, 16 insertions, 1 deletions

diff --git a/templates/news/show.html b/templates/news/show.html
index 3bdaa9b..8667f5d 100644
--- a/templates/news/show.html
+++ b/templates/news/show.html
@@ -21,9 +21,24 @@
                   'gfx/'+comment.user_name+'.jpg') }}" alt="{{comment.user_name}}" class="img-circle">
       </div>
       <div class="media-body" style="width:100%">
-        <h4 class="media-heading"><p class="pull-right date">{{comment.date|format_date}}</p>
+        <h4 class="media-heading"><p class="pull-right date">
+            {% if news.user_name==session.user_name %}
+            <a class="edit" href="#">Modifier</a>
+            {% endif %}
+            {{comment.date|format_date}}
+            </p>
         <a href="{{url_for('view_user', user_id=comment.user_id)}}">{{comment.user_name}}</a></h4>
+        <div class="comment-content">
         {{comment.content_cache|safe}}
+        </div>
+        {% if news.user_name==session.user_name %}
+        <form class="comment-source" data-id="{{comment.id}}">
+            <div class="form-group">
+                <textarea name="content" class="form-control" rows="3">{{comment.content}}</textarea>
+            </div>
+            <button type="submit" class="btn btn-primary">Modifier</button>
+        </form>
+        {% endif %}
       </div>
     </div>
     {% endfor %}