-
Notifications
You must be signed in to change notification settings - Fork 6
/
pagination.html
51 lines (44 loc) · 3.07 KB
/
pagination.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
{% if paginator %}
{% assign prepend_pagination_url = prepend: site.baseurl | prepend: site.github.url %}
<nav class="nav-pagination" aria-label="Pagination navigation">
<ul class="pagination">
{% if paginator.previous_page %}
{% assign css = "" %}
{% assign href = paginator.previous_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" %}
{% else %}
{% assign css = " disabled" %}
{% assign href = "" %}
{% endif %}
<li class="page-item{{css}}"><a class="page-link page-link-icon" aria-label="Go to previous page" href="{{href}}" data-toggle="tooltip" data-placement="top" title="Go to previous page">{% include svg/previous.svg %}</a></li>
{% if paginator.page != paginator.first_page %}
{% assign css = "" %}
{% assign href = paginator.first_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" %}
{% else %}
{% assign css = " disabled" %}
{% assign href = "" %}
{% endif %}
<li class="page-item{{css}}"><a class="page-link page-link-text" aria-label="Go to first page" href="{{href}}" data-toggle="tooltip" data-placement="top" title="Go to first page">{{paginator.first_page}}</a></li>
{% assign first_page_url = paginator.first_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" %}
{% assign page_url = paginator.last_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" | replace: paginator.last_page, "NUMBER" %}
<input type="text" id="nav-page-input" class="nav-page-input" placeholder="{{paginator.page}}" aria-label="Page number" data-toggle="tooltip" data-placement="top" title="Go to page" data-current="{{paginator.page}}" data-last="{{paginator.last_page}}" data-firsturl="{{first_page_url}}" data-url="{{page_url}}">
{% if paginator.page != paginator.last_page %}
{% assign css = "" %}
{% assign href = paginator.last_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" %}
{% else %}
{% assign css = " disabled" %}
{% assign href = "" %}
{% endif %}
<li class="page-item{{css}}"><a class="page-link page-link-text" aria-label="Go to last page (page {{paginator.last_page}})" href="{{href}}" data-toggle="tooltip" data-placement="top" title="Go to last page">{{paginator.last_page}}</a></li>
{% if paginator.next_page %}
{% assign css = "" %}
{% assign a_css = " pagination__next" %}
{% assign href = paginator.next_page_path | prepend: prepend_pagination_url | replace: "index.html", "" | append: "#list" %}
{% else %}
{% assign css = " disabled" %}
{% assign a_css = "" %}
{% assign href = "" %}
{% endif %}
<li class="page-item{{css}}"><a class="page-link page-link-icon{{a_css}}" aria-label="Go to next page" href="{{href}}" data-toggle="tooltip" data-placement="top" title="Go to next page">{% include svg/next.svg %}</a></li>
</ul>
</nav>
{% endif %}