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.startDate is defined and event.startDate %}
  68.                         {{ event.startDate | date("d.m.Y (H:i)")}}
  69.                     {% endif %}
  70.                     {% if event.endDate is defined and event.endDate and event.endDate != event.startDate %}
  71.                         {% if event.startDate is defined and event.startDate %}
  72.                             -
  73.                         {% endif %}
  74.                         {{ event.endDate | date("d.m.Y (H:i)")}}
  75.                         ; Najbliższe wydarzenie: {{ event.nearestDate | date("d.m.Y (H:i)") }}
  76.                     {% endif %}
  77.                 </time>
  79.                 <div class="events-box__place">
  80.                     {% for place in event.places %}
  81.                         {% if place.name is defined and place.name is not empty %}
  82.                             <p>
  83.                                 {{ place.name }}
  84.                                 {% if place.address is defined and place.address is not empty %} <span class="events-box__address">({{ place.address }})</span>{% endif %}
  85.                             </p>
  86.                         {% endif %}
  87.                     {% endfor %}
  88.                 </div>
  90.             </header>
  92.             {% if page.summary is defined and page.summary is not empty %}<p class="blog-item--summary">{{ page.summary }}</p>{% endif %}
  94.             {{ event.content | raw }}
  96.             {% if event.buttons is not empty %}
  97.                 {% for button in event.buttons %}
  98.                     <p class="btn-pp btn-pp--block">
  99.                         <a href="{{ button.url }}" class="btn btn--primary btn--center"
  100.                                 {% if button.new_window == "1" %} target="_blank" rel="noopener"{% endif %}>
  101.                             {{ button.label }}
  102.                         </a>
  103.                     </p>
  104.                 {% endfor %}
  105.             {% endif %}
  107.             {% if event.youtubes is not empty %}
  108.                 {% for youtube in event.youtubes %}
  109.                     <div class="video-pp">
  110.                         {% set videoImage = asset('frontend/img/general/video-pp--default.svg') %}
  111.                         {% set imageType = 'jpg' %}
  112.                         {% set videoEmbedUrl = "//www.youtube.com/embed/" ~ youtube.code %}
  114.                         <div class="videolink">
  115.                             <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">
  116.                                 <i class="videolink__video-link__icon icon icon--play"></i>
  117.                                 <img class="video-pp__link__img" src="{{ 'https://i.ytimg.com/vi/' ~ youtube.code ~ '/maxresdefault.jpg' }}" alt="">
  118.                             </a>
  119.                             <div class="js-videolink-container videolink__video-container"></div>
  120.                         </div>
  122.                         {% if youtube.description %}
  123.                             <div class="video-pp__caption">
  124.                                 <p class="video-pp__caption__text">{{ youtube.description }}</p>
  125.                             </div>
  126.                         {% endif %}
  127.                     </div>
  128.                 {% endfor %}
  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 %}