paginator.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. {% if paginator.total_pages > 1 %}
  2. <nav class="pagination">
  3. {% assign first_page_path = paginator.first_page_path | default: site.paginate_path | replace: 'page:num', '' | replace: '//', '/' | relative_url %}
  4. <ul>
  5. {% comment %} Link for previous page {% endcomment %}
  6. {% if paginator.previous_page %}
  7. {% if paginator.previous_page == 1 %}
  8. <li><a href="{{ first_page_path }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li>
  9. {% else %}
  10. <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>
  11. {% endif %}
  12. {% else %}
  13. <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</span></a></li>
  14. {% endif %}
  15. {% comment %} First page {% endcomment %}
  16. {% if paginator.page == 1 %}
  17. <li><a href="#" class="disabled current">1</a></li>
  18. {% else %}
  19. <li><a href="{{ first_page_path }}">1</a></li>
  20. {% endif %}
  21. {% assign page_start = 2 %}
  22. {% if paginator.page > 4 %}
  23. {% assign page_start = paginator.page | minus: 2 %}
  24. {% comment %} Ellipsis for truncated links {% endcomment %}
  25. <li><a href="#" class="disabled">&hellip;</a></li>
  26. {% endif %}
  27. {% assign page_end = paginator.total_pages | minus: 1 %}
  28. {% assign pages_to_end = paginator.total_pages | minus: paginator.page %}
  29. {% if pages_to_end > 4 %}
  30. {% assign page_end = paginator.page | plus: 2 %}
  31. {% endif %}
  32. {% for index in (page_start..page_end) %}
  33. {% if index == paginator.page %}
  34. <li><a href="{{ site.paginate_path | replace: ':num', index | replace: '//', '/' | relative_url }}" class="disabled current">{{ index }}</a></li>
  35. {% else %}
  36. {% comment %} Distance from current page and this link {% endcomment %}
  37. {% assign dist = paginator.page | minus: index %}
  38. {% if dist < 0 %}
  39. {% comment %} Distance must be a positive value {% endcomment %}
  40. {% assign dist = 0 | minus: dist %}
  41. {% endif %}
  42. <li><a href="{{ site.paginate_path | replace: ':num', index | relative_url }}">{{ index }}</a></li>
  43. {% endif %}
  44. {% endfor %}
  45. {% comment %} Ellipsis for truncated links {% endcomment %}
  46. {% if pages_to_end > 3 %}
  47. <li><a href="#" class="disabled">&hellip;</a></li>
  48. {% endif %}
  49. {% if paginator.page == paginator.total_pages %}
  50. <li><a href="#" class="disabled current">{{ paginator.page }}</a></li>
  51. {% else %}
  52. <li><a href="{{ site.paginate_path | replace: ':num', paginator.total_pages | replace: '//', '/' | relative_url }}">{{ paginator.total_pages }}</a></li>
  53. {% endif %}
  54. {% comment %} Link next page {% endcomment %}
  55. {% if paginator.next_page %}
  56. <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>
  57. {% else %}
  58. <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li>
  59. {% endif %}
  60. </ul>
  61. </nav>
  62. {% endif %}