v1/web/themes/custom/martis/templates/node/node--blog.html.twig

100 lines
3.5 KiB
Twig

{#
/**
* @file
* Theme override to display a node.
*/
#}
{%
set classes = [
'node',
'node-type-' ~ node.bundle|clean_class,
'node-content',
'post-wrapper',
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
]
%}
{% if teaser %}
<div{{ attributes.addClass('blog-post-teaser post-row') }} >
{{ title_prefix }}
{{ title_suffix }}
<div class="post-thumb">
{% if content.field_blog_format['#items'].getValue()|first.value == "video" %}
<div class="entry-video">{{ content.field_video }}</div>
{% else %}
{% if content.field_image | render %}
<div class="post-image">{{ content.field_image.0 }}</div>
{% endif %}
{% endif %}
</div>
<div class="post-content-wrap">
<div class="content-wrap">
{% if display_submitted %}
<div class="post-meta">
<div class="post-meta-item post-date"><i class="ti-time"></i> {{ node.createdtime | format_date('custom_medium_date') }}</div>
<div class="post-meta-item post-category"><i class="ti-folder"></i> {{ content.field_category }}</div>
<div class="post-meta-item post-comment"><i class="ti-comment-alt"></i> {{ node.comment.comment_count }} comments</div>
</div>
{% endif %}
<div class="post-content">
<div class="post-title-wrap"><h5 class="post-title"><a href="{{ url }}">{{ label }}</a></h5></div>
<div class="post-link"><a href="{{ url }}">{{ 'Read More'|t }} »</a></div>
</div>
</div>
</div>
</div>
{% else %}
<div{{ attributes.addClass(classes, 'blog-post-full') }}>
{{ title_prefix }}
{{ title_suffix }}
<div class="post-media">
{% if content.field_blog_format['#items'].getValue()|first.value == "standard" %}
{% if content.field_image | render %}
<div class="post-image">{{ content.field_image.0 }}</div>
{% endif %}
{% elseif content.field_blog_format['#items'].getValue()|first.value == "slider" %}
<div class="post-image">
<div class="slide-carousel owl-carousel" data-nav="true" data-items="1" data-dots="true" data-autoplay="true" data-loop="true" data-margin="30">
{{ content.field_image }}
</div>
</div>
{% elseif content.field_blog_format['#items'].getValue()|first.value == "video" %}
<div class="entry-video video">{{ content.field_video }}</div>
{% endif %}
</div>
<div class="post-content">
<h3 class="post-title">{{ label }}</h3>
{% if display_submitted %}
<div class="post-meta">
<div class="post-meta-item"><i class="ti-time"></i> {{ node.createdtime | format_date('custom_medium_date') }}</div>
{% if author_name %}
<div class="post-meta-item"><i class="ti-user"></i> {{ 'by'|t }} {{ author_name }}</div>
{% endif %}
{% if content.field_category %}
<div class="post-meta-item"><i class="ti-folder"></i> {{ content.field_category }}</div>
{% endif %}
{% if content.comment %}
<div class="post-meta-item"><i class="ti-comment-alt"></i> {{ node.comment.comment_count }} {{ 'comments'|t }}</div>
{% endif %}
</div>
{% endif %}
<div class="post-body">{{ content.body }}</div>
{% if content.field_tags | render %}
<div class="post-tags clearfix"><i class="ti-tag"></i> <span>{{ 'Tags:'|t }} </span>{{ content.field_tags }}</div>
{% endif %}
{% if content.comment %}
<div class="post-comment">
<div class="post-stats">
<span class="comment-label">{{ 'Comments'|t }}</span> <span class="comment-count">( {{ node.comment.comment_count }} )</span>
</div>
{{ content.comment }}
</div>
{% endif %}
</div>
</div>
{% endif %}