1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Files
tabler/preview/pages/_includes/ui/pagination.html
Mikołaj Sojka 6c566cf7b1 Add new advanced table example (#2243)
Co-authored-by: codecalm <codecalm@gmail.com>
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
2025-03-30 21:19:55 +02:00

31 lines
1.4 KiB
HTML

{% assign count = include.count | default: 5 %}
{% assign active-item = include.active-item | default: 3 %}
<ul class="pagination {{ include.class }}">
<li class="page-item{% if include.prev-description %} page-prev{% endif %} disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
{% if include.prev-description %}
<div class="page-item-subtitle">previous</div>
<div class="page-item-title">{{ include.prev-description }}</div>
{% else %}
{% if include.icons %}{% include "ui/icon.html" icon="chevron-left" %}{% else %}{% include "ui/icon.html" icon="chevron-left" %} prev{% endif %}
{% endif %}
</a>
</li>
{% for i in (1..count) %}
<li class="page-item{% if i == active-item %} active{% endif %}"><a class="page-link" href="#">{{ i }}</a></li>
{% endfor %}
<li class="page-item{% if include.prev-description %} page-next{% endif %}">
<a class="page-link" href="#">
{% if include.next-description %}
<div class="page-item-subtitle">next</div>
<div class="page-item-title">{{ include.next-description }}</div>
{% else %}
{% if include.icons %}{% include "ui/icon.html" icon="chevron-right" %}{% else %}next {% include "ui/icon.html" icon="chevron-right" %}{% endif %}
{% endif %}
</a>
</li>
</ul>