72 lines
3.4 KiB
Django/Jinja
72 lines
3.4 KiB
Django/Jinja
|
|
<div
|
|
class="sticky bottom-0 right-0 items-center w-full p-4 bg-white border-t border-gray-200 sm:flex sm:justify-between dark:bg-gray-800 dark:border-gray-700"
|
|
>
|
|
<div class="flex items-center mb-4 sm:mb-0">
|
|
|
|
<span class="text-sm font-normal text-gray-500 dark:text-gray-400"
|
|
>Showing
|
|
{% if page_info.total < page_info.last %}
|
|
<span class="font-semibold text-gray-900 dark:text-white">{{page_info.first }}-{{ page_info.total}}</span> of
|
|
{% else %}
|
|
<span class="font-semibold text-gray-900 dark:text-white">{{page_info.first }}-{{ page_info.last}}</span> of
|
|
{% endif %}
|
|
<span class="font-semibold text-gray-900 dark:text-white"
|
|
>{{ page_info.total }}</span
|
|
></span
|
|
>
|
|
</div>
|
|
<div class="flex items-center space-x-3">
|
|
<div class="flex space-x-1">
|
|
|
|
<button
|
|
{% if page_info.page == 1 %}
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-gray-900 bg-white border border-gray-300 rounded hover:bg-gray-100 focus:ring-4 focus:ring-primary-300 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 transition duration-200 ease"
|
|
disabled=""
|
|
{% else %}
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 transition duration-200 ease"
|
|
hx-get="/audit/page/{{ page_info.page - 1 }}"
|
|
hx-target="#auditContent"
|
|
hx-push-url="true"
|
|
{% endif %}
|
|
>
|
|
Prev
|
|
</button>
|
|
{% for n in range(page_info.total_pages) %}
|
|
{% set p = n + 1 %}
|
|
{% if p == page_info.page %}
|
|
<button
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 transition duration-200 ease">
|
|
|
|
{{ p }}
|
|
</button>
|
|
{% else %}
|
|
<button
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-gray-900 bg-white border border-gray-300 rounded hover:bg-gray-100 focus:ring-4 focus:ring-primary-300 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 transition duration-200 ease"
|
|
|
|
hx-get="/audit/page/{{ p }}"
|
|
hx-target="#auditContent"
|
|
hx-push-url="true"
|
|
>
|
|
{{ p }}
|
|
</button>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<button
|
|
{% if page_info.page < page_info.total_pages %}
|
|
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 transition duration-200 ease"
|
|
|
|
hx-get="/audit/page/{{ page_info.page + 1 }}"
|
|
hx-target="#auditContent"
|
|
hx-push-url="true"
|
|
{% else %}
|
|
class="px-3 py-1 min-w-9 min-h-9 text-sm font-normal text-gray-900 bg-white border border-gray-300 rounded hover:bg-gray-100 focus:ring-4 focus:ring-primary-300 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 transition duration-200 ease"
|
|
disabled=""
|
|
{% endif %}
|
|
>
|
|
Next
|
|
</button>
|
|
</div>
|
|
</div>
|