grav-theme-libretic/templates/partials/blog_item.html.twig
Ronny Trommer c133a9e82e Fix order in blog previous and next buttons (#17)
This patch resolves #16 and switches order of the next and previos buttons in the blog section when pagination is
enabled.
2016-07-18 08:00:59 +02:00

74 lines
2.4 KiB
Twig

<div class="list-item">
<div class="list-blog-header">
{% if big_header %}
{{ page.media.images|first.cropResize(900,600).html }}
{% else %}
{{ page.media.images|first.cropZoom(900,300).html }}
{% endif %}
{% if page.header.link %}
<h4>
{% if page.header.continue_link is not sameas(false) %}
<a href="{{ page.url }}"><i class="fa fa-angle-double-right"></i></a>
{% endif %}
<a href="{{ page.header.link }}">{{ page.title }}</a>
</h4>
{% else %}
<h4><a href="{{ page.url }}">{{ page.title }}</a></h4>
{% endif %}
<span class="list-blog-date">
<i class="fa fa-calendar"></i>
{{ page.date|date("d") }}, {{ page.date|date("M") }}
</span>
{% if page.header.author %}
<span class="list-blog-author">
<i class="fa fa-user"></i>
{{ page.header.author }}
</span>
{% endif %}
{% if page.taxonomy.tag %}
<ul class="tags">
<i class="fa fa-tag"></i>
{% for tag in page.taxonomy.tag %}
<li><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="list-blog-padding">
{% if page.header.continue_link is sameas(false) %}
<p>{{ page.content }}</p>
{% if not truncate %}
{% set show_prev_next = true %}
{% endif %}
{% elseif truncate and page.summary != page.content %}
<p>{{ page.summary }}</p>
<p><a href="{{ page.url }}">Continue Reading...</a></p>
{% elseif truncate %}
<p>{{ page.content|truncate(550) }}</p>
<p><a href="{{ page.url }}">Continue Reading...</a></p>
{% else %}
<p>{{ page.content }}</p>
{% set show_prev_next = true %}
{% endif %}
{% if show_prev_next %}
<p class="prev-next">
{% if not page.isLast %}
<a class="button" href="{{ page.prevSibling.url }}"><i class="fa fa-chevron-left"></i> Previous Post</a>
{% endif %}
{% if not page.isFirst %}
<a class="button" href="{{ page.nextSibling.url }}">Next Post <i class="fa fa-chevron-right"></i></a>
{% endif %}
</p>
{% endif %}
</div>
</div>