opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Add post pager

Browse source
This commit is contained in:
Oliver Davies 2018-06-03 12:05:03 +01:00
parent 56127cccb1
commit b0fe5af776
2 changed files with 42 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

41
source/_partials/post-pager.html.twig Normal file
View file

@ -0,0 +1,41 @@
<div class="py-8 text-center">
<ul class="list-reset inline-flex">
<li>
{% if page.pagination.page == 1 %}
<span class="rounded-l-lg p-3 border border-grey text-grey -mr-px cursor-not-allowed">
Previous
</span>
{% else %}
<a href="{{ page.pagination.previous_page.url }}" class="rounded-l-lg link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey -mr-px">
Previous
</a>
{% endif %}
</li>
{% for i in range(1, page.pagination.total_pages) %}
<li>
{% if i == page.pagination.page %}
<span class="p-3 border border-grey text-white bg-blue -mr-px">
{{ i }}
</span>
{% else %}
<a href="{{ i == 1 ? '/blog' : '/blog/page/' ~ i ~ '.html' }}" class="link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey -mr-px">
{{ i }}
</a>
{% endif %}
</li>
{% endfor %}
<li>
{% if page.pagination.next_page.url %}
<a href="{{ page.pagination.next_page.url }}" class="rounded-r-lg link no-underline hover:underline hover:bg-grey-lighter focus:underline p-3 border border-grey">
Next
</a>
{% else %}
<span class="rounded-r-lg p-3 border border-grey text-grey cursor-not-allowed">
Next
</span>
{% endif %}
</li>
</ul>
</div>