templates/Pages/EventsDirectusPage/page.html.twig line 1

Open in your IDE?
  1. {% extends 'Layout/layout.html.twig' %}
  3. {% block title %}
  4.     {{ event.name }} - {{ parent() }}
  5. {% endblock %}
  7. {% block content %}
  10. <div class="events-overview events-page">
  12.     <div class="hidden message__no-items">
  13.         {{ 'events.message.no_items'|trans }}
  14.     </div>
  16.     <div class="page-header">
  17.         {% set img = (event.background_img_url) ? event.background_img_url | first : null %}
  18.         {% if img is null %}
  19.             {% set img = {
  20.                 'cropping' : null,
  21.                 'media' : {
  22.                     'url' : get_default_article_image(),
  23.                 },
  24.                 'mediaAlt' : 'Gdyńskie Centrum Sportu'
  25.             }
  26.             %}
  27.         {% endif %}
  28.         {% if img is not null and img is not empty %}
  29.             {% set fullSrc = croppedImgSrc(event.background_img_url, { w: 1920, q: 80 }) %}
  30.             <img class="lazy"
  31.                  src="{{ event.background_img_url }}"
  32.                  {% if event.background_img_alt %} alt="{{ event.background_img_alt }}"{% endif %} />
  33.         {% endif %}
  34.     </div>
  36.     {# Breadcrumbs #}
  37.     <section class="content">
  38.         <nav class="breadcrumb">
  39.             <a href="/{{ lang }}" class="breadcrumb__item breadcrumb__item--home">
  40.                 Start
  41.             </a>
  42.             <i class="fas fa-chevron-right"></i>
  43.             <a href="/{{ lang }}/{{ slug }}" class="breadcrumb__item">
  44.                 Kalendarz
  45.             </a>
  46.             <i class="fas fa-chevron-right"></i>
  47.             <span class="breadcrumb__item breadcrumb__item--current">
  48.                {{ event.name }}
  49.             </span>
  50.         </nav>
  51.     </section>
  53.     <div class="content">
  55.     </div>
  57.     <div class="content row">
  59.         <article class="blog-item col-lg-9">
  60.             <header class="blog-item__head">
  62.                 <h2 class="blog-item__head__title simple" role="heading" aria-level="2">
  63.                     {{ event.name }}
  64.                 </h2>
  66.                 <time class="blog-item__head__meta">
  67.                     {% if event.nearestDate is defined and event.nearestDate %}
  68.                         Najbliższe wydarzenie: {{ event.nearestDate | date("d.m.Y - H:i") }}
  69.                     {% endif %}
  70.                 </time>
  72.                 <div class="events-box__place">
  73.                     {% for place in event.places %}
  74.                         {% if place.name is defined and place.name is not empty %}
  75.                             <p>
  76.                                 {{ place.name }}
  77.                                 {% if place.address is defined and place.address is not empty %} <span class="events-box__address">({{ place.address }})</span>{% endif %}
  78.                             </p>
  79.                         {% endif %}
  80.                     {% endfor %}
  81.                 </div>
  83.             </header>
  85.             {% if page.summary is defined and page.summary is not empty %}<p class="blog-item--summary">{{ page.summary }}</p>{% endif %}
  87.             {{ event.content | raw }}
  89.             {% if event.buttons is not empty %}
  90.                 {% for button in event.buttons %}
  91.                     <p class="btn-pp btn-pp--block">
  92.                         <a href="{{ button.url }}" class="btn btn--primary btn--center"
  93.                                 {% if button.new_window == "1" %} target="_blank" rel="noopener"{% endif %}>
  94.                             {{ button.label }}
  95.                         </a>
  96.                     </p>
  97.                 {% endfor %}
  98.             {% endif %}
  100.             {% if event.youtubes is not empty %}
  101.                 {% for youtube in event.youtubes %}
  102.                     <div class="video-pp">
  103.                         {% set videoImage = asset('frontend/img/general/video-pp--default.svg') %}
  104.                         {% set imageType = 'jpg' %}
  105.                         {% set videoEmbedUrl = "//www.youtube.com/embed/" ~ youtube.code %}
  107.                         <div class="videolink">
  108.                             <a href="{{ videoEmbedUrl }}" target="_blank" rel="noopener" class="js-videolink-play-link videolink__video-link" data-video-provider="youtube" data-video-id="{{ youtube.code }}" data-make-fluid="true">
  109.                                 <i class="videolink__video-link__icon icon icon--play"></i>
  110.                                 <img class="video-pp__link__img" src="{{ 'https://i.ytimg.com/vi/' ~ youtube.code ~ '/maxresdefault.jpg' }}" alt="">
  111.                             </a>
  112.                             <div class="js-videolink-container videolink__video-container"></div>
  113.                         </div>
  115.                         {% if youtube.description %}
  116.                             <div class="video-pp__caption">
  117.                                 <p class="video-pp__caption__text">{{ youtube.description }}</p>
  118.                             </div>
  119.                         {% endif %}
  120.                     </div>
  121.                 {% endfor %}
  122.             {% endif %}
  124.             {% set poster_img = (event.poster_img_url) ? event.poster_img_url | first : null %}
  125.             {% if poster_img is not null and poster_img is not empty %}
  126.                 <div class="poster-image-container">
  127.                     <img class="lazy" src="{{ event.poster_img_url }}" {% if event.poster_img_alt %} alt="{{ event.poster_img_alt }}"{% endif %} />
  128.                 </div>
  129.             {% endif %}
  131.             <a href="{{ path('gcs_api_directus_events_ics') }}?event_id={{ event.id }}" class="btn btn--secondary">{{ 'events.add-to-calendar'|trans }}</a>
  133.             <div class="fb-share-button" data-href="{{ app.request.uri }}" data-layout="button" data-size="large"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Udostępnij</a></div>
  135.         </article>
  137.         <div class="latest-news col-lg-3">
  138.             <h2 role="heading" aria-level="2">{{ 'events.latest_events.read-more' | trans }}</h2>
  139.             {{ render_esi(controller('App\\Controller\\EventsDirectusController:lastEvents', { 'limit' :  3, 'sports' : event.sportsIds, 'slug' : slug } )) }}
  140.             <div class="text--right">
  142.                 {% set sportsList = "" %}
  144.                 <a href="/{{ lang }}/{{ slug }}" class="btn btn--blue">{{ 'events.latest_events.read-more' | trans }}</a>
  146.             </div>
  147.         </div>
  149.     </div>
  152. </div>
  153. {% endblock %}