From 780ddd533c22893e9d903531744c3550718b79d3 Mon Sep 17 00:00:00 2001
From: Zambom <erikzambom@hotmail.com>
Date: Tue, 13 Sep 2016 22:30:23 -0300
Subject: [PATCH] Adding admin home content with infinite scroll. [Issue: #45]

---
 app/templates/home.html               | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
 app/templates/home_admin_content.html | 17 +++++++++++++++++
 app/views.py                          | 34 ++++++++++++++++++++++------------
 core/templates/base.html              |  8 +++++---
 4 files changed, 106 insertions(+), 38 deletions(-)
 create mode 100644 app/templates/home_admin_content.html

diff --git a/app/templates/home.html b/app/templates/home.html
index d5100ec..c90558f 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -2,11 +2,59 @@
 
 {% load static i18n django_bootstrap_breadcrumbs permission_tags %}
 
-{% block breadcrumbs %}
+{% block javascript %}
+	<script type="text/javascript">
+		var pageNum = {{ page_obj.number }}; // The latest page loaded
+		var hasNextPage = {{ paginator.num_pages }}; // Indicates whether to expect another page after this one
+		var baseUrl = '{% url "app:index" %}';
+
+		// loadOnScroll handler
+		var loadOnScroll = function() {
+		   // If the current scroll position is past out cutoff point...
+		    if ($(window).scrollTop() > $(document).height() - ($(window).height()*3)) {
+		        // temporarily unhook the scroll event watcher so we don't call a bunch of times in a row
+		        $(window).unbind();
+		        // execute the load function below that will visit the JSON feed and stuff data into the HTML
+		        loadItems();
+		    }
+		};
+
+		var loadItems = function() {
+		    // If the next page doesn't exist, just quit now 
+		    if (pageNum == hasNextPage) {
+		        return false
+		    }
+		    // Update the page number
+		    pageNum = pageNum + 1;
 
+		    $("#loading").show();
+		    // Configure the url we're about to hit
+		    setTimeout(function (){
+			    $.ajax({
+			        url: baseUrl, 
+			        data: {'page': pageNum},
+			        success: function(data) {
+			            $("#loading").hide();
+			            
+			            $("#timeline").append(data);
+			        },
+			        complete: function(data, textStatus){
+			            // Turn the scroll monitor back on
+			            $(window).bind('scroll', loadOnScroll);
+			        }
+			    });
+		    }, 1000)
+		};
+
+		$(document).ready(function(){     
+		   $(window).bind('scroll', loadOnScroll);
+		});
+	</script>
+{% endblock %}
+
+{% block breadcrumbs %}
   {% clear_breadcrumbs %}
   {% breadcrumb 'Home' 'app:index' %}
-
 {% endblock %}
 
 {% block render_breadcrumbs %}
@@ -45,7 +93,7 @@
             		<li> <a href="{% url 'users:manage' %}">{% trans 'Manage Users' %}</a></li>
             	{% endif %}
             	{% if user|has_role:'system_admin, professor' %}
-            		<li> <a href="../../course/home_course.html">{% trans 'Manage Courses' %}</a></li>
+            		<li> <a href="{% url 'course:manage' %}">{% trans 'Manage Courses' %}</a></li>
             	{% endif %}
           	</ul>
     	</div>
@@ -53,27 +101,18 @@
 {% endblock %}
 
 {% block content %}
-    <h3>{% trans 'Courses' %}</h3>
-  	{% if courses|length > 0 %}
-  		{% for course in courses %}
-		  	<a href="{% url 'course:view' course.slug %}">
-                <div class="panel panel-default courseHome">
-                    <div class="panel-body">
-                        <p>{{ course }}</p>
-                    </div>
-                    <div class="panel-footer">
-                        <ul>
-                            <li>{% trans 'Students:' %} 5</li>
-                            <li>{% trans 'Beginning:' %} {{ course.init_date }}</li>
-                            <li>{% trans 'End:' %} {{ course.end_date }}</li>
-                        </ul>
-                    </div>
-                </div>
-            </a>
-		{% endfor %}
-	{% else %}
-		<p>{% trans "You didn't create any course yet." %}</p>
+	{% if user|has_role:'system_admin' %}
+		<h3>{% trans 'Courses' %}</h3>
 	{% endif %}
+
+	<div id="timeline">
+		{% include page_template %}
+	</div>
+	<div id="loading" class="alert alert-primary" role="alert">
+		<center>
+			<span class="fa fa-spin fa-circle-o-notch"></span>
+		</center>
+	</div>
 {% endblock %}
 
 {% block rightbar %}
diff --git a/app/templates/home_admin_content.html b/app/templates/home_admin_content.html
new file mode 100644
index 0000000..49f926d
--- /dev/null
+++ b/app/templates/home_admin_content.html
@@ -0,0 +1,17 @@
+{% load i18n %}
+
+{% for course in courses %}
+    <div class="panel panel-default courseHome">
+      	<div class="panel-body">
+        	<p>{{ course }}</p>
+      	</div>
+      	<div class="panel-footer">
+        	<ul>
+            	<li>{% trans 'Students' %}: {{ course.max_students }}</li>
+            	<li>{% trans 'Beginning' %}: {{ course.init_date }}</li>
+                <li>{% trans 'End' %}: {{ course.end_date }}</li>
+        	</ul>
+      	</div>
+      	<button type="button" class="btn btn-outline-info">{% trans 'Edit' %}</button>
+    </div>
+{% endfor %}
\ No newline at end of file
diff --git a/app/views.py b/app/views.py
index b82f801..2acb45c 100644
--- a/app/views.py
+++ b/app/views.py
@@ -1,5 +1,5 @@
 from django.shortcuts import render
-from django.views.generic import TemplateView
+from django.views.generic import ListView
 from django.contrib.auth.mixins import LoginRequiredMixin
 from django.core.urlresolvers import reverse_lazy
 from core.mixins import LogMixin, NotificationMixin
@@ -7,32 +7,42 @@ from core.models import Notification, Action, Resource, Action_Resource
 from users.models import User
 from courses.models import Course
 
-class AppIndex(LoginRequiredMixin, LogMixin, TemplateView, NotificationMixin):
+class AppIndex(LoginRequiredMixin, LogMixin, ListView, NotificationMixin):
 	log_action = "Acessar"
 	log_resource = "Home"
-	login_url = reverse_lazy("core:home")
+	
+	login_url = reverse_lazy("core:home")	
 	redirect_field_name = 'next'
+
 	template_name = "home.html"
+	context_object_name = 'courses'
+	paginate_by = 3
 
 	not_action = "Acessar"
 	not_resource = "home"
 
-	def render_to_response(self, context, **response_kwargs):
-		context = {}
-
-		if self.request.user.type_profile == 2:
-			template = "home_student.html"
-			context['courses'] = Course.objects.filter(user = self.request.user)
+	def get_queryset(self):
+		if self.request.user.is_staff:
+			objects = Course.objects.all()
 		else:
-			template = self.get_template_names()
-			context['courses'] = Course.objects.filter(user = self.request.user)
+			objects = Notification.objects.filter(user = self.request.user)
+
+		return objects
 
+	def render_to_response(self, context, **response_kwargs):
+		if self.request.user.is_staff:
+			context['page_template'] = "home_admin_content.html"
+	
 		context['title'] = 'Amadeus'
+
+		if self.request.is_ajax():
+			self.template_name = "home_admin_content.html"
+
 		#super(AppIndex, self).createNotification("teste", not_resource="home", resource_link="users")
 		
 		notifications = Notification.objects.filter(user= self.request.user, read=False)
 		context['notifications'] = notifications
 		
-		return self.response_class(request = self.request, template = template, context = context, using = self.template_engine, **response_kwargs)
+		return self.response_class(request = self.request, template = self.template_name, context = context, using = self.template_engine, **response_kwargs)
 
 
diff --git a/core/templates/base.html b/core/templates/base.html
index cee5976..1a2752c 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -32,9 +32,7 @@
     </script>
     <script src="{% static 'js/base/header.js'%}"></script>
 	<!--Javascript block for specific-app ones -->
-	{% block javascript %}
-
-	{% endblock %}
+	
 </head>
 <body>
 	<div class="container-fluid">
@@ -144,5 +142,9 @@
 			</div>
 		</div>
 	</div>
+
+	{% block javascript %}
+
+	{% endblock %}
 </body>
 </html>
--
libgit2 0.21.2