added pagination with django-endless-pagination

frontend/templates/supporter.html

@@ -1,4 +1,5 @@
 {% extends "base.html" %}
+{% load endless %}
 
 {% block title %} — {{ supporter.username }}{% endblock %}
 
@@ -231,7 +232,8 @@ how do I integrate the your wishlist thing with the tabs thing?
                         Nudge, nudge, say no more. 
                     {% endifequal %}
                     {% else %}
-                    {% for work in wishlist.works.all %}
+                    {% paginate 20 works %}
+                    {% for work in works %}
                        <!-- classify which tab depending on work.last_campaign_status -->
                        {% if work.last_campaign_status == 'SUCCESSFUL' %}
                             <div class="listview tabs tabs-1">
@@ -350,6 +352,11 @@ how do I integrate the your wishlist thing with the tabs thing?
                     </div>
                     </div>
                     {% endfor %}
+                    <br>
+                    <hr>
+                    <div class="pagination content-block-heading">
+                        {% show_pages %}
+                    </div>
                     {% endifequal %}
                 </div>
             </div>    

frontend/views.py

@@ -160,6 +160,7 @@ def rh_admin(request):
 def supporter(request, supporter_username, template_name):
     supporter = get_object_or_404(User, username=supporter_username)
     wishlist = supporter.wishlist
+    works = wishlist.works.all()
     backed = 0
     backing = 0
     transet = Transaction.objects.all().filter(user = supporter)
@@ -238,6 +239,7 @@ def supporter(request, supporter_username, template_name):
     context = {
             "supporter": supporter,
             "wishlist": wishlist,
+            "works": works,
             "backed": backed,
             "backing": backing,
             "wished": wished,

requirements.pip

@@ -16,3 +16,4 @@ oauth2
 mechanize
 pyzotero
 freebase
+django-endless-pagination

settings/common.py

@@ -108,6 +108,7 @@ INSTALLED_APPS = (
     'social_auth',
     'tastypie',
     'djcelery',
+    'endless_pagination',
 )
 
 # A sample logging configuration. The only tangible logging

static/css/sitewide.css

@@ -296,3 +296,21 @@ div.content-block-content .cols3 .column {
 #footer .column li a {
   color: #6994a3;
 }
+.pagination {
+  width: 100%;
+  text-align: center;
+  margin-top: 20px;
+}
+.pagination .endless_page_link {
+  font-size: 16pt;
+  border: thin #eeeeee solid;
+  font-weight: normal;
+  margin: 5px;
+}
+.pagination .endless_page_current {
+  font-size: 16pt;
+  border: thin #eeeeee solid;
+  font-weight: normal;
+  margin: 5px;
+  background-color: #edf3f4;
+}

static/less/sitewide.less

@@ -316,3 +316,23 @@ div.content-block-content {
         }
     }
 }
+
+.pagination {
+    width: 100%;
+    text-align: center;
+    margin-top: 20px;
+
+    .endless_page_link {
+      font-size: 16pt;
+      border: thin #eeeeee solid;
+      font-weight: normal;
+      margin: 5px;
+    }
+    .endless_page_current {
+      font-size: 16pt;
+      border: thin #eeeeee solid;
+      font-weight: normal;
+      margin: 5px;
+      background-color:@pale-blue;
+    }
+}