29 lines
1.5 KiB
HTML
29 lines
1.5 KiB
HTML
{# /data/gyber/apps/web/templates/includes/pagination.html #}
|
|
{# 페이지네이션 UI 컴포넌트 #}
|
|
{% if total_pages > 1 %}
|
|
<nav aria-label="Page navigation">
|
|
<ul class="pagination justify-content-center">
|
|
<li class="page-item {% if current_page == 1 %}disabled{% endif %}">
|
|
<a class="page-link" href="?page=1&{{ query_params_all }}" aria-label="First">««</a>
|
|
</li>
|
|
<li class="page-item {% if not has_previous %}disabled{% endif %}">
|
|
<a class="page-link" href="?page={{ previous_page_number }}&{{ query_params_all }}" aria-label="Previous">«</a>
|
|
</li>
|
|
{% for page_num in page_numbers %}
|
|
<li class="page-item {% if page_num == current_page %}active{% endif %}">
|
|
{% if page_num == current_page %}
|
|
<span class="page-link">{{ page_num }}</span>
|
|
{% else %}
|
|
<a class="page-link" href="?page={{ page_num }}&{{ query_params_all }}">{{ page_num }}</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
<li class="page-item {% if not has_next %}disabled{% endif %}">
|
|
<a class="page-link" href="?page={{ next_page_number }}&{{ query_params_all }}" aria-label="Next">»</a>
|
|
</li>
|
|
<li class="page-item {% if current_page == total_pages %}disabled{% endif %}">
|
|
<a class="page-link" href="?page={{ total_pages }}&{{ query_params_all }}" aria-label="Last">»»</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
{% endif %} |