Adding post edition [Issue: #74]

Zambom
1 parent df375701
Showing 8 changed files with 132 additions and 57 deletions Show diff stats
forum/models.py
forum/static/js/forum.js
forum/templates/post/post_list.html
forum/templates/post/post_render.html
forum/templates/post/post_update_form.html
forum/templatetags/list_post.py
forum/urls.py
forum/views.py
@@ -41,6 +41,15 @@ class Post(models.Model):
 	def __str__(self):
 		return ''.join([self.user.name, " / ", str(self.post_date)])
+	def is_modified(self):
+		create = self.post_date.strftime("%Y-%m-%d %H:%M:%S")
+		edit = self.modification_date.strftime("%Y-%m-%d %H:%M:%S")
+		
+		if create != edit:
+			return True
+
+		return False
+
 """
 It represents an answer to a forum's post
 """
@@ -50,6 +50,54 @@ function showForum(url, forum_id) {
     $('#forumModal').modal();
 }
+/*
+*
+* Function to load form to edit post
+*
+*/
+function edit_post(url, post_id) {
+    $.ajax({
+        url: url,
+        success: function(data) {
+            $("#post_"+post_id).find(".post_content").hide();
+            $("#post_"+post_id).find(".post_content").after(data);
+
+            var frm = $("#post_"+post_id).find(".edit_post_form");
+            frm.submit(function () {
+                $.ajax({
+                    type: frm.attr('method'),
+                    url: frm.attr('action'),
+                    data: frm.serialize(),
+                    success: function (data) {
+                        $("#post_"+post_id).parent().after(data);
+                        frm.parent().parent().remove();
+                    },
+                    error: function(data) {
+                        console.log(frm.serialize());
+                        console.log('Error');
+                    }
+                });
+                return false;
+            });
+        }
+    });
+}
+
+/*
+*
+* Function to cancel post edition
+*
+*/
+function cancelEditPost(post_id) {
+    $("#post_"+post_id).find(".post_content").show();
+    $("#post_"+post_id).find(".edit_post_form").remove();    
+}
+
+/*
+*
+* Function to delete a post
+*
+*/
 function delete_post(url, post) {
     var csrftoken = getCookie('csrftoken');
@@ -74,36 +122,4 @@ function answer(id, url) {
     });
     $("#post_"+id).find(".answer_post").show();
-}
-
-function showPosts(url, forum) {
-    if ($("#collapse" + forum).hasClass('in')) {
-        $("#collapse" + forum).collapse('hide');
-    } else {
-        $.ajax({
-            url: url, 
-            data: {'forum': forum},
-            success: function(data) {
-                $("#collapse" + forum).find(".well").html(data);
-            }
-        });
-
-        $("#collapse" + forum).collapse('show');
-    }
-}
-
-function showPostsAnswers(url, post) {
-    if ($("#collapse" + post).hasClass('in')) {
-        $("#collapse" + post).collapse('hide');
-    } else {
-        $.ajax({
-            url: url, 
-            data: {'post': post},
-            success: function(data) {
-                $("#collapse" + post).find(".well").html(data);
-            }
-        });
-
-        $("#collapse" + post).collapse('show');
-    }
 }
 \ No newline at end of file
@@ -17,17 +17,24 @@
                                     <i class="material-icons">more_horiz</i>
                                 </a>
                                 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
-                                    <li><a href="javascript:void(0)"><i class="material-icons">create</i> {% trans 'Edit' %}</a></li>
+                                    <li><a href="javascript:edit_post('{% url 'forum:update_post' post.id %}', '{{ post.id }}')"><i class="material-icons">create</i> {% trans 'Edit' %}</a></li>
                                     <li><a href="javascript:javascript:delete_post('{% url 'forum:delete_post' post.id %}', '{{ post.id }}')"><i class="material-icons">delete_sweep</i> {% trans 'Remove' %}</a></li>
                                 </ul>
                             </div>
                         {% endif %}
                     </div>
                 </h3>
-                <div class="card-data">
-                    <p class="comment-date"><i class="fa fa-clock-o"></i> {{ post.post_date }}</p>
+                <div class="post_content">
+                    <div class="card-data">
+                        <p class="comment-date">
+                            <i class="fa fa-clock-o"></i> {{ post.post_date }}
+                            {% if post.is_modified %}
+                                <em> - {% trans 'Edited' %}</em>
+                            {% endif %}
+                        </p>
+                    </div>
+                    <p class="comment-text">{{ post.message|linebreaks }}</p>
                 </div>
-                <p class="comment-text">{{ post.message|linebreaks }}</p>
                 <div class="answer_post"></div>
             </div>
         </div>
@@ -15,17 +15,24 @@
                             <i class="material-icons">more_horiz</i>
                         </a>
                         <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
-                            <li><a href="javascript:void(0)"><i class="material-icons">create</i> {% trans 'Edit' %}</a></li>
+                            <li><a href="javascript:edit_post('{% url 'forum:update_post' post.id %}', '{{ post.id }}')"></li>
                             <li><a href="javascript:delete_post('{% url 'forum:delete_post' post.id %}', '{{ post.id }}')"><i class="material-icons">delete_sweep</i> {% trans 'Remove' %}</a></li>
                         </ul>
                     </div>
                 {% endif %}
             </div>
         </h3>
-        <div class="card-data">
-            <p class="comment-date"><i class="fa fa-clock-o"></i> {{ post.post_date }}</p>
+        <div class="post_content">
+            <div class="card-data">
+                <p class="comment-date">
+                    <i class="fa fa-clock-o"></i> {{ post.post_date }}
+                    {% if post.post_date != post.modifiction_date %}
+                        <em> - {% trans 'Edited' %}</em>
+                    {% endif %}
+                </p>
+            </div>
+            <p class="comment-text">{{ post.message|linebreaks }}</p>
         </div>
-        <p class="comment-text">{{ post.message|linebreaks }}</p>
         <div class="answer_post"></div>
     </div>
 </div>
 \ No newline at end of file
@@ -0,0 +1,37 @@
+{% load i18n permission_tags list_post %}
+{% load widget_tweaks %}
+
+<form class="edit_post_form" method="post" action="{% url 'forum:update_post' post.id %}" enctype="multipart/form-data">
+    {% csrf_token %}
+    {% for field in form %}
+        {% if field.field.widget.input_type == 'hidden' %}
+            {% render_field field class='form-control' %}
+        {% else %}
+            <div class="form-group {% if form.has_error %} has-error {% endif %} is-fileinput">
+                <div class="input-group">
+                    {% render_field field class='form-control' placeholder="Post a message" %}
+                    <span class="help-block">{{ field.help_text }}</span>
+                    {% if field.errors %}
+                        <div class="row">
+                            <br />
+                            <div class="alert alert-danger alert-dismissible" role="alert">
+                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                                    <span aria-hidden="true">&times;</span>
+                                </button>
+                                <ul>
+                                    {% for error in field.errors %}
+                                        <li>{{ error }}</li>
+                                    {% endfor %}
+                                </ul>
+                            </div>
+                        </div>
+                    {% endif %}                    
+                </div>
+            </div>
+            <div class="pull-right">
+                 <button type="button" onclick="cancelEditPost('{{ post.id }}')" class="btn btn-danger btn-raised">{% trans 'Cancel' %}</button>
+                <button type="submit" class="btn btn-primary btn-raised">{% trans 'Save changes' %}</button>
+            </div>
+        {% endif %}
+    {% endfor %}
+</form>
 \ No newline at end of file
@@ -14,6 +14,6 @@ def list_posts(request, forum):
         'request': request,
     }
-    context['posts'] = Post.objects.filter(forum = forum)
+    context['posts'] = Post.objects.filter(forum = forum).order_by('post_date')
     return context
 \ No newline at end of file
@@ -6,10 +6,10 @@ from . import views
 urlpatterns = [
 	url(r'^$', views.ForumIndex.as_view(), name='index'),
 	url(r'^create$', views.CreateForumView.as_view(), name='create'),
-	url(r'^posts$', views.PostIndex.as_view(), name='posts'),
 	url(r'^create_post$', views.CreatePostView.as_view(), name='create_post'),
-	url(r'^render_post/([\w_-]+)/$', views.render_post, name='render_post'),
+	url(r'^update_post/(?P<pk>[\w_-]+)/$', views.PostUpdateView.as_view(), name='update_post'),
 	url(r'^delete_post/(?P<pk>[\w_-]+)/$', views.PostDeleteView.as_view(), name='delete_post'),
+	url(r'^render_post/([\w_-]+)/$', views.render_post, name='render_post'),
 	url(r'^post_deleted/$', views.post_deleted, name='deleted_post'),
 	url(r'^post_answers$', views.PostAnswerIndex.as_view(), name='post_answers'),
 	url(r'^reply_post$', views.CreatePostAnswerView.as_view(), name='reply_post'),
@@ -36,20 +36,6 @@ class CreateForumView(LoginRequiredMixin, generic.edit.CreateView):
 	form_class = ForumForm
 	success_url = reverse_lazy('forum:index')
-class PostIndex(LoginRequiredMixin, generic.ListView):
-	login_url = reverse_lazy("core:home")	
-	redirect_field_name = 'next'
-
-	template_name = "post/post_list.html"
-	context_object_name = 'posts'
-
-	def get_queryset(self):
-		forum = get_object_or_404(Forum, slug = self.request.GET.get('forum', ''))
-
-		context = Post.objects.filter(forum = forum)
-
-		return context
-
 class CreatePostView(LoginRequiredMixin, generic.edit.CreateView):
 	login_url = reverse_lazy("core:home")	
 	redirect_field_name = 'next'
@@ -77,6 +63,19 @@ def render_post(request, post):
 	return render(request, "post/post_render.html", context)
+class PostUpdateView(LoginRequiredMixin, generic.UpdateView):
+	login_url = reverse_lazy("core:home")	
+	redirect_field_name = 'next'
+
+	form_class = PostForm
+	model = Post
+	template_name = "post/post_update_form.html"
+
+	def get_success_url(self):
+		self.success_url = reverse('forum:render_post', args = (self.object.id, ))
+		
+		return self.success_url
+
 class PostDeleteView(LoginRequiredMixin, generic.DeleteView):
 	login_url = reverse_lazy("core:home")	
 	redirect_field_name = 'next'
	@@ -41,6 +41,15 @@ class Post(models.Model):		@@ -41,6 +41,15 @@ class Post(models.Model):
41	def __str__(self):	41	def __str__(self):
42	return ''.join([self.user.name, " / ", str(self.post_date)])	42	return ''.join([self.user.name, " / ", str(self.post_date)])
43		43
		44	+ def is_modified(self):
		45	+ create = self.post_date.strftime("%Y-%m-%d %H:%M:%S")
		46	+ edit = self.modification_date.strftime("%Y-%m-%d %H:%M:%S")
		47	+
		48	+ if create != edit:
		49	+ return True
		50	+
		51	+ return False
		52	+
44	"""	53	"""
45	It represents an answer to a forum's post	54	It represents an answer to a forum's post
46	"""	55	"""
	@@ -50,6 +50,54 @@ function showForum(url, forum_id) {		@@ -50,6 +50,54 @@ function showForum(url, forum_id) {
50	$('#forumModal').modal();	50	$('#forumModal').modal();
51	}	51	}
52		52
		53	+/*
		54	+*
		55	+* Function to load form to edit post
		56	+*
		57	+*/
		58	+function edit_post(url, post_id) {
		59	+ $.ajax({
		60	+ url: url,
		61	+ success: function(data) {
		62	+ $("#post_"+post_id).find(".post_content").hide();
		63	+ $("#post_"+post_id).find(".post_content").after(data);
		64	+
		65	+ var frm = $("#post_"+post_id).find(".edit_post_form");
		66	+ frm.submit(function () {
		67	+ $.ajax({
		68	+ type: frm.attr('method'),
		69	+ url: frm.attr('action'),
		70	+ data: frm.serialize(),
		71	+ success: function (data) {
		72	+ $("#post_"+post_id).parent().after(data);
		73	+ frm.parent().parent().remove();
		74	+ },
		75	+ error: function(data) {
		76	+ console.log(frm.serialize());
		77	+ console.log('Error');
		78	+ }
		79	+ });
		80	+ return false;
		81	+ });
		82	+ }
		83	+ });
		84	+}
		85	+
		86	+/*
		87	+*
		88	+* Function to cancel post edition
		89	+*
		90	+*/
		91	+function cancelEditPost(post_id) {
		92	+ $("#post_"+post_id).find(".post_content").show();
		93	+ $("#post_"+post_id).find(".edit_post_form").remove();
		94	+}
		95	+
		96	+/*
		97	+*
		98	+* Function to delete a post
		99	+*
		100	+*/
53	function delete_post(url, post) {	101	function delete_post(url, post) {
54	var csrftoken = getCookie('csrftoken');	102	var csrftoken = getCookie('csrftoken');
55		103
	@@ -74,36 +122,4 @@ function answer(id, url) {		@@ -74,36 +122,4 @@ function answer(id, url) {
74	});	122	});
75		123
76	$("#post_"+id).find(".answer_post").show();	124	$("#post_"+id).find(".answer_post").show();
77	-}
78	-
79	-function showPosts(url, forum) {
80	- if ($("#collapse" + forum).hasClass('in')) {
81	- $("#collapse" + forum).collapse('hide');
82	- } else {
83	- $.ajax({
84	- url: url,
85	- data: {'forum': forum},
86	- success: function(data) {
87	- $("#collapse" + forum).find(".well").html(data);
88	- }
89	- });
90	-
91	- $("#collapse" + forum).collapse('show');
92	- }
93	-}
94	-
95	-function showPostsAnswers(url, post) {
96	- if ($("#collapse" + post).hasClass('in')) {
97	- $("#collapse" + post).collapse('hide');
98	- } else {
99	- $.ajax({
100	- url: url,
101	- data: {'post': post},
102	- success: function(data) {
103	- $("#collapse" + post).find(".well").html(data);
104	- }
105	- });
106	-
107	- $("#collapse" + post).collapse('show');
108	- }
109	}	125	}
110	\ No newline at end of file	126	\ No newline at end of file
	@@ -0,0 +1,37 @@		@@ -0,0 +1,37 @@
		1	+{% load i18n permission_tags list_post %}
		2	+{% load widget_tweaks %}
		3	+
		4	+<form class="edit_post_form" method="post" action="{% url 'forum:update_post' post.id %}" enctype="multipart/form-data">
		5	+ {% csrf_token %}
		6	+ {% for field in form %}
		7	+ {% if field.field.widget.input_type == 'hidden' %}
		8	+ {% render_field field class='form-control' %}
		9	+ {% else %}
		10	+ <div class="form-group {% if form.has_error %} has-error {% endif %} is-fileinput">
		11	+ <div class="input-group">
		12	+ {% render_field field class='form-control' placeholder="Post a message" %}
		13	+ <span class="help-block">{{ field.help_text }}</span>
		14	+ {% if field.errors %}
		15	+ <div class="row">
		16	+ <br />
		17	+ <div class="alert alert-danger alert-dismissible" role="alert">
		18	+ <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		19	+ <span aria-hidden="true">×</span>
		20	+ </button>
		21	+ <ul>
		22	+ {% for error in field.errors %}
		23	+ <li>{{ error }}</li>
		24	+ {% endfor %}
		25	+ </ul>
		26	+ </div>
		27	+ </div>
		28	+ {% endif %}
		29	+ </div>
		30	+ </div>
		31	+ <div class="pull-right">
		32	+ <button type="button" onclick="cancelEditPost('{{ post.id }}')" class="btn btn-danger btn-raised">{% trans 'Cancel' %}</button>
		33	+ <button type="submit" class="btn btn-primary btn-raised">{% trans 'Save changes' %}</button>
		34	+ </div>
		35	+ {% endif %}
		36	+ {% endfor %}
		37	+</form>
0	\ No newline at end of file	38	\ No newline at end of file
	@@ -14,6 +14,6 @@ def list_posts(request, forum):		@@ -14,6 +14,6 @@ def list_posts(request, forum):
14	'request': request,	14	'request': request,
15	}	15	}
16		16
17	- context['posts'] = Post.objects.filter(forum = forum)	17	+ context['posts'] = Post.objects.filter(forum = forum).order_by('post_date')
18		18
19	return context	19	return context
20	\ No newline at end of file	20	\ No newline at end of file