ORIENT/themes/modern2/partials/pagination.htm

46 lines
2.2 KiB
HTML

[viewBag]
==
{% if items.total > items.perPage %}
<div class="heading__footer">
<a href="{{items.previousPageUrl|default('#')}}{%if filter and items.previousPageUrl %}{{'&'~filter.0~'='~filter.1}}{% endif %}" class="heading__footer-page">
<svg xmlns="http://www.w3.org/2000/svg" width="10.004" height="10.832"
viewBox="0 0 10.004 10.832">
<g id="arrow-right" transform="translate(1 1.414)">
<line id="Line_55" data-name="Line 55" x1="8" transform="translate(0.004 4.004)"
fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path id="Path_1" data-name="Path 1" d="M16,5,12,9l4,4"
transform="translate(-12 -5)" fill="none" stroke="#fff"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</g>
</svg>
</a>
<form method="get">
<div class="heading__footer-input">
<input type="text" value="{{items.currentPage|default('1')}}" name="page">
{%if filter %}
<input type="hidden" name="{{filter.0}}" value="{{filter.1}}">
{% endif %}
{%if dateFilter %}
<input type="hidden" name="date" value="{{dateFilter}}">
{% endif %}
</div>
</form>
<a href="{{items.nextPageUrl|default('#')}}{%if filter and items.nextPageUrl %}{{'&'~filter.0~'='~filter.1}}{% endif %}" class="heading__footer-page">
<svg xmlns="http://www.w3.org/2000/svg" width="10.004" height="10.832"
viewBox="0 0 10.004 10.832">
<g id="arrow-right" transform="translate(-4 -3.586)">
<line id="Line_55" data-name="Line 55" x2="8" transform="translate(5 9.004)"
fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path id="Path_1" data-name="Path 1" d="M12,5l4,4-4,4"
transform="translate(-2.998)" fill="none" stroke="#fff"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</g>
</svg>
</a>
<span>{{(items.total/items.perPage)|round(0,'ceil')}} {{'paginate.from'|_}} </span>
</div>
{% endif %}