Adding admin home content with infinite scroll. [Issue: #45]

Zambom
1 parent 369dc542
Showing 4 changed files with 106 additions and 38 deletions Show diff stats
app/templates/home.html
app/templates/home_admin_content.html
app/views.py
core/templates/base.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 %}
@@ -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
 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)
@@ -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>
	@@ -2,11 +2,59 @@		@@ -2,11 +2,59 @@
2		2
3	{% load static i18n django_bootstrap_breadcrumbs permission_tags %}	3	{% load static i18n django_bootstrap_breadcrumbs permission_tags %}
4		4
5	-{% block breadcrumbs %}	5	+{% block javascript %}
		6	+ <script type="text/javascript">
		7	+ var pageNum = {{ page_obj.number }}; // The latest page loaded
		8	+ var hasNextPage = {{ paginator.num_pages }}; // Indicates whether to expect another page after this one
		9	+ var baseUrl = '{% url "app:index" %}';
		10	+
		11	+ // loadOnScroll handler
		12	+ var loadOnScroll = function() {
		13	+ // If the current scroll position is past out cutoff point...
		14	+ if ($(window).scrollTop() > $(document).height() - ($(window).height()*3)) {
		15	+ // temporarily unhook the scroll event watcher so we don't call a bunch of times in a row
		16	+ $(window).unbind();
		17	+ // execute the load function below that will visit the JSON feed and stuff data into the HTML
		18	+ loadItems();
		19	+ }
		20	+ };
		21	+
		22	+ var loadItems = function() {
		23	+ // If the next page doesn't exist, just quit now
		24	+ if (pageNum == hasNextPage) {
		25	+ return false
		26	+ }
		27	+ // Update the page number
		28	+ pageNum = pageNum + 1;
6		29
		30	+ $("#loading").show();
		31	+ // Configure the url we're about to hit
		32	+ setTimeout(function (){
		33	+ $.ajax({
		34	+ url: baseUrl,
		35	+ data: {'page': pageNum},
		36	+ success: function(data) {
		37	+ $("#loading").hide();
		38	+
		39	+ $("#timeline").append(data);
		40	+ },
		41	+ complete: function(data, textStatus){
		42	+ // Turn the scroll monitor back on
		43	+ $(window).bind('scroll', loadOnScroll);
		44	+ }
		45	+ });
		46	+ }, 1000)
		47	+ };
		48	+
		49	+ $(document).ready(function(){
		50	+ $(window).bind('scroll', loadOnScroll);
		51	+ });
		52	+ </script>
		53	+{% endblock %}
		54	+
		55	+{% block breadcrumbs %}
7	{% clear_breadcrumbs %}	56	{% clear_breadcrumbs %}
8	{% breadcrumb 'Home' 'app:index' %}	57	{% breadcrumb 'Home' 'app:index' %}
9	-
10	{% endblock %}	58	{% endblock %}
11		59
12	{% block render_breadcrumbs %}	60	{% block render_breadcrumbs %}
	@@ -45,7 +93,7 @@		@@ -45,7 +93,7 @@
45	<li> <a href="{% url 'users:manage' %}">{% trans 'Manage Users' %}</a></li>	93	<li> <a href="{% url 'users:manage' %}">{% trans 'Manage Users' %}</a></li>
46	{% endif %}	94	{% endif %}
47	{% if user\|has_role:'system_admin, professor' %}	95	{% if user\|has_role:'system_admin, professor' %}
48	- <li> <a href="../../course/home_course.html">{% trans 'Manage Courses' %}</a></li>	96	+ <li> <a href="{% url 'course:manage' %}">{% trans 'Manage Courses' %}</a></li>
49	{% endif %}	97	{% endif %}
50	</ul>	98	</ul>
51	</div>	99	</div>
	@@ -53,27 +101,18 @@		@@ -53,27 +101,18 @@
53	{% endblock %}	101	{% endblock %}
54		102
55	{% block content %}	103	{% block content %}
56	- <h3>{% trans 'Courses' %}</h3>
57	- {% if courses\|length > 0 %}
58	- {% for course in courses %}
59	- <a href="{% url 'course:view' course.slug %}">
60	- <div class="panel panel-default courseHome">
61	- <div class="panel-body">
62	- <p>{{ course }}</p>
63	- </div>
64	- <div class="panel-footer">
65	- <ul>
66	- <li>{% trans 'Students:' %} 5</li>
67	- <li>{% trans 'Beginning:' %} {{ course.init_date }}</li>
68	- <li>{% trans 'End:' %} {{ course.end_date }}</li>
69	- </ul>
70	- </div>
71	- </div>
72	- </a>
73	- {% endfor %}
74	- {% else %}
75	- <p>{% trans "You didn't create any course yet." %}</p>	104	+ {% if user\|has_role:'system_admin' %}
		105	+ <h3>{% trans 'Courses' %}</h3>
76	{% endif %}	106	{% endif %}
		107	+
		108	+ <div id="timeline">
		109	+ {% include page_template %}
		110	+ </div>
		111	+ <div id="loading" class="alert alert-primary" role="alert">
		112	+ <center>
		113	+ <span class="fa fa-spin fa-circle-o-notch"></span>
		114	+ </center>
		115	+ </div>
77	{% endblock %}	116	{% endblock %}
78		117
79	{% block rightbar %}	118	{% block rightbar %}
	@@ -0,0 +1,17 @@		@@ -0,0 +1,17 @@
		1	+{% load i18n %}
		2	+
		3	+{% for course in courses %}
		4	+ <div class="panel panel-default courseHome">
		5	+ <div class="panel-body">
		6	+ <p>{{ course }}</p>
		7	+ </div>
		8	+ <div class="panel-footer">
		9	+ <ul>
		10	+ <li>{% trans 'Students' %}: {{ course.max_students }}</li>
		11	+ <li>{% trans 'Beginning' %}: {{ course.init_date }}</li>
		12	+ <li>{% trans 'End' %}: {{ course.end_date }}</li>
		13	+ </ul>
		14	+ </div>
		15	+ <button type="button" class="btn btn-outline-info">{% trans 'Edit' %}</button>
		16	+ </div>
		17	+{% endfor %}
0	\ No newline at end of file	18	\ No newline at end of file