Intis/django-htmx-presenatation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pagination

Browse Source
This commit is contained in:
Eden Kirin
2024-04-12 20:50:47 +02:00
parent d3471d54ea
commit 33ae8fe124
3 changed files with 69 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
project/main/templates/main/components/pagination.html Normal file
View File

@ -0,0 +1,53 @@
{% macro pagination(page) %}
{% macro render_link(title, page_number) %}
<a
class="page-link"
href="#"
hx-get="{{ url("filter-list-filter") }}"
hx-trigger="click"
hx-target="#filter-list-container"
hx-include="[name='zip'],[name='area'],[name='county']"
hx-vals='{"page": "{{ page_number }}"}'
>
{{ title }}
</a>
{% endmacro %}
{% if page.has_other_pages() %}
<nav aria-label="Page navigation example">
<ul class="pagination">
{% if page.has_previous() %}
<li class="page-item">
{{ render_link(title="Previous", page_number=page.number - 1) }}
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Previous</a>
</li>
{% endif %}
{% for p in page.paginator.get_elided_page_range(page.number, on_each_side=2, on_ends=3) %}
{% if p != page.paginator.ELLIPSIS %}
<li class="page-item {% if page.number == p %}active{% endif %}">
{{ render_link(title=p, page_number=p) }}
</li>
{% else %}
<li class="page-item">
<span class="page-link border-top-0 border-bottom-0">{{ page.paginator.ELLIPSIS }}</span>
</li>
{% endif %}
{% endfor %}
{% if page.has_next() %}
<li class="page-item">
{{ render_link(title="Next", page_number=page.number + 1) }}
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Next</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
{% endmacro %}

36
project/main/templates/main/filter_list_content.html
View File

@ -1,3 +1,5 @@
{% from "main/components/pagination.html" import pagination %}
<table class="table">
<thead>
<tr>
@ -8,7 +10,7 @@
</tr>
</thead>
<tbody>
{% for area in areas %}
{% for area in page.object_list %}
<tr>
<td>{{ area.post_office.zip }}</td>
<td>{{ area.post_office.name }}</td>
@ -20,34 +22,4 @@
</table>
{% if pagination.page_count > 1 %}
<nav aria-label="Page navigation example">
<ul class="pagination">
{% if pagination.prev_page != None %}
<li class="page-item">
<a class="page-link" href="#">Previous</a>
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Previous</a>
</li>
{% endif %}
{% for p in range(1, pagination.page_count) %}
<li class="page-item {% if pagination.page == p %}active{% endif %}">
<a class="page-link" href="#">{{ p }}</a>
</li>
{% endfor %}
{% if pagination.prev_page != None %}
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Next</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
{{ pagination(page) }}