aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/base/paginator.html
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">&hellip;</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">&hellip;</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>