Adding post pagination (Load more posts button) [Issue: #74]

Zambom
1 parent bc259b46
Showing 6 changed files with 100 additions and 2 deletions Show diff stats
forum/static/js/forum.js
forum/templates/forum/forum_view.html
forum/templates/post/post_list.html
forum/templatetags/list_post.py
forum/urls.py
forum/views.py
@@ -220,6 +220,39 @@ function delete_post(url, post) {
 /*
 *
+* Function to load more posts
+*
+*/
+function load_more_posts(pageNum, numberPages, url) {
+    // Remove button from the template
+    $("#load_more_posts").remove();
+    
+    // Check if page is equal to the number of pages
+    if (pageNum == numberPages) {
+        return false
+    }
+
+    pageNum += 1;
+
+    // Show loader
+    $("#loading_posts").show();
+
+    // Configure the url we're about to hit
+    setTimeout(function (){
+        $.ajax({
+            url: url, 
+            data: {'page': pageNum},
+            success: function(data) {
+                $("#loading_posts").hide();
+                
+                $("#posts_list").append(data);
+            }
+        });
+    }, 1000)
+};
+
+/*
+*
 * Function to load answer post form and set the submit function
 *
 */
@@ -321,4 +354,5 @@ function delete_answer(url, answer, message) {
             }
         });
     });
-}
 \ No newline at end of file
+}
+
@@ -101,6 +101,11 @@
             <div id="posts_list">
                 {% list_posts request forum %}
             </div>
+            <div id="loading_posts" class="alert alert-primary" role="alert" style="display: none">
+                <center>
+                    <span class="fa fa-spin fa-circle-o-notch"></span>
+                </center>
+            </div>
         </div>
     </div>
     <!-- Modal to show Forum edit form -->
@@ -42,4 +42,10 @@
             </div>
         </div>
     {% endfor %}
+{% endif %}
+
+{% if not page_obj.number == paginator.num_pages %}
+    <a id="load_more_posts" href="javascript:load_more_posts({{ page_obj.number }}, {{ paginator.num_pages }}, '{% url 'course:forum:load_posts' forum_id=forum.id %}');" class="btn btn-raised btn-primary btn-block">
+        {% trans 'Load more posts' %}
+    </a>
 {% endif %}
 \ No newline at end of file
 from django import template
+from django.core.paginator import Paginator, EmptyPage
+
 from forum.models import Post
 register = template.Library()
@@ -14,6 +16,24 @@ def list_posts(request, forum):
         'request': request,
     }
-    context['posts'] = Post.objects.filter(forum = forum).order_by('post_date')
+    posts = Post.objects.filter(forum = forum).order_by('post_date')
+
+    paginator = Paginator(posts, 1)
+
+    try:
+        page_number = int(request.GET.get('page', 1))
+    except ValueError:
+        raise Http404
+
+    try:
+        page_obj = paginator.page(page_number)
+    except EmptyPage:
+        raise Http404
+
+    context['paginator'] = paginator
+    context['page_obj'] = page_obj
+
+    context['posts'] = page_obj.object_list
+    context['forum'] = forum
     return context
 \ No newline at end of file
@@ -11,6 +11,7 @@ urlpatterns = [
 	url(r'^render_forum/([\w_-]+)/$', views.render_forum, name='render_forum'),
 	url(r'^render_edit_forum/([\w_-]+)/$', views.render_edit_forum, name='render_edit_forum'),
 	url(r'^forum_deleted/$', views.forum_deleted, name='deleted_forum'),
+	url(r'^load_posts/(?P<forum_id>[\w_-]+)/$', views.load_posts, name='load_posts'),
 	url(r'^create_post/$', views.CreatePostView.as_view(), name='create_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'),
@@ -4,6 +4,8 @@ from django.core.urlresolvers import reverse, reverse_lazy
 from django.utils.translation import ugettext_lazy as _
 from django.views import generic
 from django.contrib.auth.mixins import LoginRequiredMixin
+from django.core.paginator import Paginator, EmptyPage
+from django.http import Http404
 from .models import Forum, Post, PostAnswer
 from courses.models import Topic
@@ -110,6 +112,36 @@ class ForumDetailView(LoginRequiredMixin, generic.DetailView):
 """
 	Post Section
 """
+def load_posts(request, forum_id):
+    context = {
+        'request': request,
+    }
+
+    forum = get_object_or_404(Forum, id = forum_id)
+
+    posts = Post.objects.filter(forum = forum).order_by('post_date')
+
+    paginator = Paginator(posts, 1)
+    
+    try:
+        page_number = int(request.GET.get('page', 1))
+    except ValueError:
+        raise Http404
+
+    try:
+        page_obj = paginator.page(page_number)
+    except EmptyPage:
+        raise Http404
+
+    print(page_number)
+
+    context['paginator'] = paginator
+    context['page_obj'] = page_obj
+
+    context['posts'] = page_obj.object_list
+    context['forum'] = forum
+
+    return render(request, 'post/post_list.html', context)
 class CreatePostView(LoginRequiredMixin, generic.edit.CreateView):
 	login_url = reverse_lazy("core:home")
	@@ -220,6 +220,39 @@ function delete_post(url, post) {		@@ -220,6 +220,39 @@ function delete_post(url, post) {
220		220
221	/*	221	/*
222	*	222	*
		223	+* Function to load more posts
		224	+*
		225	+*/
		226	+function load_more_posts(pageNum, numberPages, url) {
		227	+ // Remove button from the template
		228	+ $("#load_more_posts").remove();
		229	+
		230	+ // Check if page is equal to the number of pages
		231	+ if (pageNum == numberPages) {
		232	+ return false
		233	+ }
		234	+
		235	+ pageNum += 1;
		236	+
		237	+ // Show loader
		238	+ $("#loading_posts").show();
		239	+
		240	+ // Configure the url we're about to hit
		241	+ setTimeout(function (){
		242	+ $.ajax({
		243	+ url: url,
		244	+ data: {'page': pageNum},
		245	+ success: function(data) {
		246	+ $("#loading_posts").hide();
		247	+
		248	+ $("#posts_list").append(data);
		249	+ }
		250	+ });
		251	+ }, 1000)
		252	+};
		253	+
		254	+/*
		255	+*
223	* Function to load answer post form and set the submit function	256	* Function to load answer post form and set the submit function
224	*	257	*
225	*/	258	*/
	@@ -321,4 +354,5 @@ function delete_answer(url, answer, message) {		@@ -321,4 +354,5 @@ function delete_answer(url, answer, message) {
321	}	354	}
322	});	355	});
323	});	356	});
324	-}
325	\ No newline at end of file	357	\ No newline at end of file
		358	+}
		359	+
	@@ -42,4 +42,10 @@		@@ -42,4 +42,10 @@
42	</div>	42	</div>
43	</div>	43	</div>
44	{% endfor %}	44	{% endfor %}
		45	+{% endif %}
		46	+
		47	+{% if not page_obj.number == paginator.num_pages %}
		48	+ <a id="load_more_posts" href="javascript:load_more_posts({{ page_obj.number }}, {{ paginator.num_pages }}, '{% url 'course:forum:load_posts' forum_id=forum.id %}');" class="btn btn-raised btn-primary btn-block">
		49	+ {% trans 'Load more posts' %}
		50	+ </a>
45	{% endif %}	51	{% endif %}
46	\ No newline at end of file	52	\ No newline at end of file
1	from django import template	1	from django import template
2		2
		3	+from django.core.paginator import Paginator, EmptyPage
		4	+
3	from forum.models import Post	5	from forum.models import Post
4		6
5	register = template.Library()	7	register = template.Library()
	@@ -14,6 +16,24 @@ def list_posts(request, forum):		@@ -14,6 +16,24 @@ def list_posts(request, forum):
14	'request': request,	16	'request': request,
15	}	17	}
16		18
17	- context['posts'] = Post.objects.filter(forum = forum).order_by('post_date')	19	+ posts = Post.objects.filter(forum = forum).order_by('post_date')
		20	+
		21	+ paginator = Paginator(posts, 1)
		22	+
		23	+ try:
		24	+ page_number = int(request.GET.get('page', 1))
		25	+ except ValueError:
		26	+ raise Http404
		27	+
		28	+ try:
		29	+ page_obj = paginator.page(page_number)
		30	+ except EmptyPage:
		31	+ raise Http404
		32	+
		33	+ context['paginator'] = paginator
		34	+ context['page_obj'] = page_obj
		35	+
		36	+ context['posts'] = page_obj.object_list
		37	+ context['forum'] = forum
18		38
19	return context	39	return context
20	\ No newline at end of file	40	\ No newline at end of file
	@@ -4,6 +4,8 @@ from django.core.urlresolvers import reverse, reverse_lazy		@@ -4,6 +4,8 @@ from django.core.urlresolvers import reverse, reverse_lazy
4	from django.utils.translation import ugettext_lazy as _	4	from django.utils.translation import ugettext_lazy as _
5	from django.views import generic	5	from django.views import generic
6	from django.contrib.auth.mixins import LoginRequiredMixin	6	from django.contrib.auth.mixins import LoginRequiredMixin
		7	+from django.core.paginator import Paginator, EmptyPage
		8	+from django.http import Http404
7		9
8	from .models import Forum, Post, PostAnswer	10	from .models import Forum, Post, PostAnswer
9	from courses.models import Topic	11	from courses.models import Topic
	@@ -110,6 +112,36 @@ class ForumDetailView(LoginRequiredMixin, generic.DetailView):		@@ -110,6 +112,36 @@ class ForumDetailView(LoginRequiredMixin, generic.DetailView):
110	"""	112	"""
111	Post Section	113	Post Section
112	"""	114	"""
		115	+def load_posts(request, forum_id):
		116	+ context = {
		117	+ 'request': request,
		118	+ }
		119	+
		120	+ forum = get_object_or_404(Forum, id = forum_id)
		121	+
		122	+ posts = Post.objects.filter(forum = forum).order_by('post_date')
		123	+
		124	+ paginator = Paginator(posts, 1)
		125	+
		126	+ try:
		127	+ page_number = int(request.GET.get('page', 1))
		128	+ except ValueError:
		129	+ raise Http404
		130	+
		131	+ try:
		132	+ page_obj = paginator.page(page_number)
		133	+ except EmptyPage:
		134	+ raise Http404
		135	+
		136	+ print(page_number)
		137	+
		138	+ context['paginator'] = paginator
		139	+ context['page_obj'] = page_obj
		140	+
		141	+ context['posts'] = page_obj.object_list
		142	+ context['forum'] = forum
		143	+
		144	+ return render(request, 'post/post_list.html', context)
113		145
114	class CreatePostView(LoginRequiredMixin, generic.edit.CreateView):	146	class CreatePostView(LoginRequiredMixin, generic.edit.CreateView):
115	login_url = reverse_lazy("core:home")	147	login_url = reverse_lazy("core:home")