puppet/puppetboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

puppetboard/templates/_macros.html: Using the Semantic UI Pagination Menu (#236)

Browse Source 
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:
Corey Hammerton
2016-05-16 20:00:16 -04:00
parent c1284d21c6
commit 6c9bc4fda4
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
puppetboard/templates/_macros.html
View File

@@ -178,25 +178,25 @@
{% endif %} {% endif %}
{%- endmacro %} {%- endmacro %}
{% macro render_pagination(pagination) -%} {% macro render_pagination(pagination) -%}
<div class="pagination"> <div class="ui pagination menu">
{% if pagination.has_prev %} {% if pagination.has_prev %}
<a href="{{url_for_pagination(1)}}">&laquo; First</a> <a class="item" href="{{url_for_pagination(1)}}">&laquo; First</a>
<a href="{{url_for_pagination(pagination.page - 1)}}">Prev</a> <a class="item" href="{{url_for_pagination(pagination.page - 1)}}">Prev</a>
{% endif %} {% endif %}
{% for page in pagination.iter_pages() %} {% for page in pagination.iter_pages() %}
{% if page %} {% if page %}
{% if page != pagination.page %} {% if page != pagination.page %}
<a href="{{url_for_pagination(page)}}">{{page}}</a> <a class="item" href="{{url_for_pagination(page)}}">{{page}}</a>
{% else %} {% else %}
<span style="font-weight:bold;">{{page}}</span> <a class="active item">{{page}}</a>
{% endif %} {% endif %}
{% else %} {% else %}
<span class="ellipsis">...</span> <a class="disabled item">...</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% if pagination.has_next %} {% if pagination.has_next %}
<a href="{{url_for_pagination(pagination.page + 1)}}">Next</a> <a class="item" href="{{url_for_pagination(pagination.page + 1)}}">Next</a>
<a href="{{url_for_pagination(pagination.pages)}}">Last &raquo;</a> <a class="item" href="{{url_for_pagination(pagination.pages)}}">Last &raquo;</a>
{% endif %} {% endif %}
</div> </div>
{% endmacro %} {% endmacro %}