grav/plugins/events/templates/partials/event_item.html.twig

65 lines
3.3 KiB
Twig

<article class="event-article">
<header class="event-header">
{% set image = page.media.images|first %}
{% if image != null %}
{{ image.cropZoom(960,280)|e }}
{% endif %}
</header>
<section class="event">
<div class="event-left-column"> {# date and time #}
<time class="event-datetime" datetime="{{ page.date|date("c") }}">
{% if single == true %} {# individual content page #}
<span class="event-date">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.date) }},</span>
<span class="event-time">
{% set end = "" %}
{% if page.header.event.end %}
{% set end = " - " ~ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) %}
{% endif %}
{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) ~ end }}
</span>
{% else %} {# main listing page #}
<span class="event-day">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.day) }}</span>
<span class="event-month">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.month) }}</span>
<span class="event-time">
{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) }}{{ " - " }}{{ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) }}
</span>
<span class="event-year">{{ page.header.event.start|date("Y") }}</span>
{% endif %}
</time>
</div>
<div class="event-right-column"> {# date and time #}
{% if single == true %} {# individual content page #}
<h2 class="event-title">{{ page.title }}</h2>
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
{% endif %}
<div class="event-content">{{ page.content|raw }}</div>
{% include 'partials/event_meta.html.twig' with { 'page': page } %}
{% else %} {# main listing page #}
<h2 class="event-title"><a href="{{ page.url }}">{{ page.title }}</a></h2>
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
{% endif %}
<div class="event-summary">{{ page.summary(300)|raw }}
<span class="read-more"><a href="{{ page.url }}">{{ "PLUGIN_EVENTS.EVENTS.MORE_INFORMATION"|t }}</a></span>
</div>
{% endif %}
{% if page.taxonomy.category and config.plugins.events.event_sidebar.enable_categories %}
<div class="event-categories">
<span class="event-tags">
{% for category in page.taxonomy.category %}
<a href="{{ event.url|rtrim('/') }}/category{{ config.system.param_sep }}{{ category }}">{{ category }}</a>
{% endfor %}
</span>
</div>
{% endif %}
</div>
</section>
</article>
<article class="event-separator"></article>