58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
|
{% comment %}
|
||
|
|
Show pagination controls as per search/pagination table detail spec.
|
||
|
|
Input: objects, setup for pagination using the standard method in views.
|
||
|
|
object_count, count for complete list of objects, (all pages, no pattern)
|
||
|
|
{% endcomment %}
|
||
|
|
|
||
|
|
{# only paginate if 10 or more rows unfiltered, all pages #}
|
||
|
|
{% if object_count >= 10 %}
|
||
|
|
<div id="pagination-detail">
|
||
|
|
<ul class="pagination">
|
||
|
|
{%if objects.has_previous %}
|
||
|
|
<li><a href="javascript:reload_params({'page':{{objects.previous_page_number}}})">«</a></li>
|
||
|
|
{%else%}
|
||
|
|
<li class="disabled"><a href="#">«</a></li>
|
||
|
|
{%endif%}
|
||
|
|
{% for i in objects.page_range %}
|
||
|
|
<li{%if i == objects.number %} class="active" {%endif%}><a href="javascript:reload_params({'page':{{i}}})">{{i}}</a></li>
|
||
|
|
{% endfor %}
|
||
|
|
{%if objects.has_next%}
|
||
|
|
<li><a href="javascript:reload_params({'page':{{objects.next_page_number}}})">»</a></li>
|
||
|
|
{%else%}
|
||
|
|
<li class="disabled"><a href="#">»</a></li>
|
||
|
|
{%endif%}
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<form class="navbar-form navbar-right">
|
||
|
|
<div class=form-group">
|
||
|
|
<label>Show rows:</label>
|
||
|
|
<select class="pagesize form-control">
|
||
|
|
{% with "10 25 50 100 150" as list%}
|
||
|
|
{% for i in list.split %}
|
||
|
|
<option value="{{i}}">{{i}}</option>
|
||
|
|
{% endfor %}
|
||
|
|
{% endwith %}
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Update page display settings -->
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
// load data for number of entries to be displayed on page
|
||
|
|
if ({{request.GET.count}} != "") {
|
||
|
|
pagesize = {{request.GET.count}};
|
||
|
|
}
|
||
|
|
$('.pagesize option').prop('selected', false)
|
||
|
|
.filter('[value="' + pagesize + '"]')
|
||
|
|
.attr('selected', true);
|
||
|
|
|
||
|
|
$(".pagesize").change(function () {
|
||
|
|
reload_params({"count":$(this).val()});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{% endif %}
|
||
|
|
|