citadel/poky/bitbake/lib/toaster/toastergui/templates/detail_pagination_bottom.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}}})">&laquo;</a></li>
{%else%}
<li class="disabled"><a href="#">&laquo;</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}}})">&raquo;</a></li>
{%else%}
<li class="disabled"><a href="#">&raquo;</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 %}