blob: 8eaa37eedc3a8a88d080d74c8439d8d5a2d1c873 (
plain) (
blame)
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
52
53
54
55
56
57
58
59
60
61
62
63
64
|
{% comment %}
This template inserts a Bulma paginator wherever one is required. Simply include it as follows:
{% include "base/paginator.html" with page=paginator_object %}
{% endcomment %}
<nav class="pagination" role="navigation" aria-label="pagination">
{% if page.has_previous %}
<a class="pagination-previous" href="{% url "blog.posts" page=page.previous_page_number %}">Newer</a>
{% else %}
<a class="pagination-previous" title="This is the first page" disabled>Newer</a>
{% endif %}
{% if page.has_next %}
<a class="pagination-next" href="{% url "" page=1 %}">Older</a>
{% else %}
<a class="pagination-next" title="This is the last page" disabled>Older</a>
{% endif %}
<ul class="pagination-list">
{% if page.has_previous %}
<li>
<a class="pagination-link" aria-label="Goto page 1"
href="{% url "blog.posts" page=1 %}">
1
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page {{ page.previous_page_number }}"
href="{% url "blog.posts" page=page.previous_page_number %}">
{{ page.previous_page_number }}
</a>
</li>
{% endif %}
<li>
<a class="pagination-link is-current" aria-label="Page {{ page.number }}" aria-current="page"
href="{% url "blog.posts" page=page.number %}">
{{ page.number }}
</a>
</li>
{% if page.has_next %}
<li>
<a class="pagination-link" aria-label="Goto page {{ page.next_page_number }}"
href="{% url "blog.posts" page=page.next_page_number %}">
{{ page.next_page_number }}
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page {{ page.paginator.num_pages }}"
href="{% url "blog.posts" page=page.paginator.num_pages %}">
{{ page.paginator.num_pages }}
</a>
</li>
{% endif %}
</ul>
</nav>
|