puppetboard/templates/_macros.html: Using the Semantic UI Pagination Menu (#236)
This fixes https://github.com/voxpupuli/puppetboard/issues/229 This menu provides a very user friendly interface for rendering the pagination section, which is available in version 2.1.8. Updating the render_pagination macro use the new HTML classes.
This commit is contained in:
@@ -178,25 +178,25 @@
|
||||
{% endif %}
|
||||
{%- endmacro %}
|
||||
{% macro render_pagination(pagination) -%}
|
||||
<div class="pagination">
|
||||
<div class="ui pagination menu">
|
||||
{% if pagination.has_prev %}
|
||||
<a href="{{url_for_pagination(1)}}">« First</a>
|
||||
<a href="{{url_for_pagination(pagination.page - 1)}}">Prev</a>
|
||||
<a class="item" href="{{url_for_pagination(1)}}">« First</a>
|
||||
<a class="item" href="{{url_for_pagination(pagination.page - 1)}}">Prev</a>
|
||||
{% endif %}
|
||||
{% for page in pagination.iter_pages() %}
|
||||
{% if page %}
|
||||
{% if page != pagination.page %}
|
||||
<a href="{{url_for_pagination(page)}}">{{page}}</a>
|
||||
<a class="item" href="{{url_for_pagination(page)}}">{{page}}</a>
|
||||
{% else %}
|
||||
<span style="font-weight:bold;">{{page}}</span>
|
||||
<a class="active item">{{page}}</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<span class="ellipsis">...</span>
|
||||
<a class="disabled item">...</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if pagination.has_next %}
|
||||
<a href="{{url_for_pagination(pagination.page + 1)}}">Next</a>
|
||||
<a href="{{url_for_pagination(pagination.pages)}}">Last »</a>
|
||||
<a class="item" href="{{url_for_pagination(pagination.page + 1)}}">Next</a>
|
||||
<a class="item" href="{{url_for_pagination(pagination.pages)}}">Last »</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endmacro %}
|
||||
|
||||
Reference in New Issue
Block a user