More visually interesting paginator, move paginator to article-list.html

This commit is contained in:
daudix
2024-09-22 06:06:09 +03:00
parent cfff21755b
commit 12b2961432
4 changed files with 92 additions and 78 deletions

View File

@ -23,4 +23,50 @@
</p>
{% include "partials/articles.html" %}
{%- if paginator.pages -%}
<nav id="paginator">
{%- if paginator.first != current_url -%}
<a id="paginator-first" href="{{ paginator.first }}" title="{{ macros_translate::translate(key='first', default='First', language_strings=language_strings) }}">
<i class="icon"></i>
</a>
{% else %}
<span id="paginator-first" title="{{ macros_translate::translate(key='first', default='First', language_strings=language_strings) }}">
<i class="icon"></i>
</span>
{%- endif -%}
{%- if paginator.previous -%}
<a id="paginator-previous" href="{{ paginator.previous }}" title="{{ macros_translate::translate(key='previous', default='Previous', language_strings=language_strings) }}">
<i class="icon"></i>
</a>
{% else %}
<span id="paginator-previous" title="{{ macros_translate::translate(key='previous', default='Previous', language_strings=language_strings) }}">
<i class="icon"></i>
</span>
{%- endif -%}
<span id="paginator-counter">{{ paginator.current_index }}/{{ paginator.number_pagers }}</span>
{%- if paginator.next -%}
<a id="paginator-next" href="{{ paginator.next }}" title="{{ macros_translate::translate(key='next', default='Next', language_strings=language_strings) }}">
<i class="icon"></i>
</a>
{%- else -%}
<span id="paginator-next" title="{{ macros_translate::translate(key='next', default='Next', language_strings=language_strings) }}">
<i class="icon"></i>
</span>
{%- endif -%}
{%- if paginator.last != current_url -%}
<a id="paginator-last" href="{{ paginator.last }}" title="{{ macros_translate::translate(key='last', default='Last', language_strings=language_strings) }}">
<i class="icon"></i>
</a>
{% else %}
<span id="paginator-last" title="{{ macros_translate::translate(key='last', default='Last', language_strings=language_strings) }}">
<i class="icon"></i>
</span>
{%- endif -%}
</nav>
{%- endif -%}
{% endblock content %}