templates/olymp-online/gallery/show.html.twig line 1

  1. {% extends 'layout/base.html.twig' %}
  2. {% block body_class %}
  3.     {{ parent() }}
  4.     olympiad-page
  5. {% endblock %}
  6. {% block title %}
  7.     {{ title(album.caption,group.caption, "gallery.title"|trans) }}
  8. {% endblock %}
  9. {% block body %}
  10.     {% include "olympiads/iofs/presentation.html.twig" %}
  11.     <div class="olympiad iofs">
  12.         <div class="container iofs__inner">
  13.             <div class="iofs__content">
  14.                 <div class="button-back-block">
  15.                     <h2>{{ group.caption }}</h2>
  17.                     <h3>{{ "gallery.album_header"|trans }} "{{ album.caption }}" </h3>
  18.                     <a href="{{ path('olympiad_gallery_60_group',{id:group.id}) }}"
  20.                        class="btn btn-outline-secondary button-back"><i
  21.                                 class="fas fa-arrow-left"></i> {{ "gallery.to_list"|trans }}</a>
  22.                 </div>
  23.                 <div class="olympiad-gallery-photos">
  24.                     <div class="masonry-grid">
  25.                         {% for f in items %}
  26.                             {% if f.type.value == 'photo' %}
  27.                                 <div class="masonry-grid-item">
  28.                                     <a href="{{ vich_uploader_asset(f.file)|imagine_filter('full') }}"
  29.                                        data-fancybox="r{{ album.id }}">
  30.                                         <img class="img-thumbnail "
  31.                                              src="{{ vich_uploader_asset(f.file)|imagine_filter('preview600') }}">
  32.                                     </a>
  33.                                 </div>
  35.                             {% elseif f.type.value == 'video' %}
  36.                                 <div class="masonry-grid-item">
  37.                                     <a href="{{ f.data.url|default }}"
  38.                                        data-fancybox="r{{ album.id }}"
  39.                                             {% if f.data.forceHTML5 is defined and f.data.forceHTML5 %}
  40.                                                 data-type="html5video"
  41.                                             {% endif %}
  42.                                     >
  44.                                         <img class="img-thumbnail "
  45.                                              src="{{ vich_uploader_asset(f.file)|imagine_filter('preview600') }}">
  46.                                     </a>
  47.                                 </div>
  48.                             {% elseif f.type.value == 'iframe' %}
  50.                                 <div class="masonry-grid-item">
  51.                                     <a href="{{ f.data.iframe|default }}"
  52.                                        data-type="iframe"
  53.                                        data-fancybox="r{{ album.id }}">
  54.                                         <img class="img-thumbnail "
  55.                                              src="{{ vich_uploader_asset(f.file)|imagine_filter('preview600') }}">
  56.                                     </a>
  57.                                 </div>
  58.                             {% endif %}
  59.                         {% endfor %}
  60.                     </div>
  61.                 </div>
  64.             </div>
  65.             {{ include('olympiads/iofs/stages.html.twig') }}
  66.         </div>
  67.     </div>
  68. {% endblock %}