summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorDan McGee <dan@archlinux.org>2010-09-08 00:46:04 -0500
committerDan McGee <dan@archlinux.org>2010-09-08 00:46:08 -0500
commit8117e9b8779eeba45399162be03bc2aab7580ca7 (patch)
tree1911cd809c255202e89b4f9c33685edb3c27c7f5 /templates
parentf637a1eb67ed906b936ef70c0c1d8572edfe5bd7 (diff)
Paginate the news list viewrelease_2010-09-08
This view was getting huge with ~500 items on it, and most people are not really interested in seeing every single news item. Use the drop in pagination and add some controls that still allow browsing to any page of the list. Signed-off-by: Dan McGee <dan@archlinux.org>
Diffstat (limited to 'templates')
-rw-r--r--templates/news/list.html4
-rw-r--r--templates/news/paginator.html22
2 files changed, 26 insertions, 0 deletions
diff --git a/templates/news/list.html b/templates/news/list.html
index cadc24a2..258456a5 100644
--- a/templates/news/list.html
+++ b/templates/news/list.html
@@ -12,6 +12,8 @@
</ul>
{% endif %}
+ {% include "news/paginator.html" %}
+
<table id="article-list" class="results">
<thead>
<tr>
@@ -45,5 +47,7 @@
</tbody>
</table>
+ {% include "news/paginator.html" %}
+
</div>
{% endblock %}
diff --git a/templates/news/paginator.html b/templates/news/paginator.html
new file mode 100644
index 00000000..fbd0546b
--- /dev/null
+++ b/templates/news/paginator.html
@@ -0,0 +1,22 @@
+{% if is_paginated %}
+<div class="pagination">
+ <p>{{paginator.count}} news items, viewing page {{page_obj.number}} of {{paginator.num_pages}}.</p>
+ <p class="news-nav">
+ {% if page_obj.has_previous %}
+ <a class="prev" href="?page={{page_obj.previous_page_number}}"
+ title="Go to previous page">&lt; Prev</a>
+ {% endif %}
+ {% for num in paginator.page_range %}
+ {% ifequal num page_obj.number %}
+ <span>{{num}}</span>
+ {% else %}
+ <a href="?page={{num}}" title="Go to page {{num}}">{{num}}</a>
+ {% endifequal %}
+ {% endfor %}
+ {% if page_obj.has_next %}
+ <a class="next" href="?page={{page_obj.next_page_number}}"
+ title="Go to next page">Next &gt;</a>
+ {% endif %}
+ </p>
+</div>
+{% endif %}