diff options
Diffstat (limited to '_includes/paginator.html')
| -rw-r--r-- | _includes/paginator.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/_includes/paginator.html b/_includes/paginator.html new file mode 100644 index 0000000..592a2cf --- /dev/null +++ b/_includes/paginator.html @@ -0,0 +1,69 @@ +{% if paginator.total_pages > 1 %} +<nav class="pagination"> + {% assign first_page_path = site.paginate_path | replace: 'page:num', '' | replace: '//', '/' | relative_url %} + <ul> + {% comment %} Link for previous page {% endcomment %} + {% if paginator.previous_page %} + {% if paginator.previous_page == 1 %} + <li><a href="{{ first_page_path }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li> + {% else %} + <li><a href="{{ site.paginate_path | replace: ':num', paginator.previous_page | replace: '//', '/' | relative_url }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li> + {% endif %} + {% else %} + <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</span></a></li> + {% endif %} + + {% comment %} First page {% endcomment %} + {% if paginator.page == 1 %} + <li><a href="#" class="disabled current">1</a></li> + {% else %} + <li><a href="{{ first_page_path }}">1</a></li> + {% endif %} + + {% assign page_start = 2 %} + {% if paginator.page > 4 %} + {% assign page_start = paginator.page | minus: 2 %} + {% comment %} Ellipsis for truncated links {% endcomment %} + <li><a href="#" class="disabled">…</a></li> + {% endif %} + + {% assign page_end = paginator.total_pages | minus: 1 %} + {% assign pages_to_end = paginator.total_pages | minus: paginator.page %} + {% if pages_to_end > 4 %} + {% assign page_end = paginator.page | plus: 2 %} + {% endif %} + + {% for index in (page_start..page_end) %} + {% if index == paginator.page %} + <li><a href="{{ site.paginate_path | replace: ':num', index | replace: '//', '/' | relative_url }}" class="disabled current">{{ index }}</a></li> + {% else %} + {% comment %} Distance from current page and this link {% endcomment %} + {% assign dist = paginator.page | minus: index %} + {% if dist < 0 %} + {% comment %} Distance must be a positive value {% endcomment %} + {% assign dist = 0 | minus: dist %} + {% endif %} + <li><a href="{{ site.paginate_path | replace: ':num', index | relative_url }}">{{ index }}</a></li> + {% endif %} + {% endfor %} + + {% comment %} Ellipsis for truncated links {% endcomment %} + {% if pages_to_end > 3 %} + <li><a href="#" class="disabled">…</a></li> + {% endif %} + + {% if paginator.page == paginator.total_pages %} + <li><a href="#" class="disabled current">{{ paginator.page }}</a></li> + {% else %} + <li><a href="{{ site.paginate_path | replace: ':num', paginator.total_pages | replace: '//', '/' | relative_url }}">{{ paginator.total_pages }}</a></li> + {% endif %} + + {% comment %} Link next page {% endcomment %} + {% if paginator.next_page %} + <li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | relative_url }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a></li> + {% else %} + <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li> + {% endif %} + </ul> +</nav> +{% endif %} |
