templates/pages/gallery.html.twig line 1

Open in your IDE?
  1. {# @var pageinfo \App\Controller\PageInfo #}
  2. {# @var objectinfo \App\Controller\Objects\ObjectInfo #}
  3. {% extends 'base.html.twig' %}
  4.  {% block theme %}
  5.      {% if objectinfo.objectClass == 'info' %}
  6.         <link rel="stylesheet" href="/assets/css/style.light-blue-700.min.css">
  7.      {% elseif objectinfo.objectClass == 'success' %}
  8.          <link rel="stylesheet" href="/assets/css/style.light-green-700.min.css">
  9.      {% else %}
  10.          <link rel="stylesheet" href="/assets/css/style.red-custom.min.css">
  11.      {% endif %}
  12.  {% endblock %}
  13. {% block body %}
  14.     <div class="ms-hero-page ms-hero-bg-info mb-6" style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ objectinfo.background.small }}');">
  16.         {% if pageinfo.info != '' %}
  17.             <div class="container" style="position: relative; top: -80px">
  18.             <div id="id-header-news">
  19.                 <i class="fa fa-info-circle"></i>
  20.                 <div class="marquee">
  21.                     <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  22.                 </div>
  23.             </div>
  24.             </div>
  25.         {% endif %}
  26.         <div class="text-center color-white mt-6 mb-6 index-1">
  27.             <h1>{{ objectinfo.title }}</h1>
  28.             <p class="lead lead-lg mb-4">{{ objectinfo.subtitle }}</p>
  29.             {% if objectinfo.buttons|length == 1 %}
  30.                 {% set button = objectinfo.buttons[0] %}
  31.                 {# @var button \App\Controller\Objects\Link #}
  32.                 <a href="{{ button.link }}" class="btn btn-object">{{ button.title }}</a>
  33.             {% elseif objectinfo.buttons|length > 0 %}
  34.                 {% set b = 1 %}
  35.                 {% set btn_d_class = '' %}
  36.                 {% for button in objectinfo.buttons %}
  37.                     {# @var button \App\Controller\Objects\Link #}
  38.                     {% if b > 1 %}
  39.                         {% set btn_d_class = 'd-none d-sm-inline-block' %}
  40.                     {% endif %}
  41.                     <a href="{{ button.link }}" class="btn btn-object {{ btn_d_class }}">{{ button.title }}</a>
  42.                     {% if b < objectinfo.buttons|length %}
  43.                         <img src="/assets/custom/img/kascv_logo_white_50_notext.png" class="btn-separator d-none d-sm-inline-block">
  44.                     {% endif %}
  45.                     {% set b = b + 1 %}
  46.                 {% endfor %}
  47.             {% endif %}
  48.         </div>
  49.     </div>
  51. <div class="container" style="margin-top: -110px">
  52.     <div class="row">
  53.         <div class="col-lg-9">
  55.             {% if objectinfo.alert != '' %}
  56.             <div class="alert alert-warning alert-light wow zoomInRight animation-delay-1" role="alert">
  57.                 <strong><i class="zmdi zmdi-alert-triangle"></i> Upozornění!</strong><br>{{ objectinfo.alert }}
  58.             </div>
  59.             {% endif %}
  61.             <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  62.                 <div class="card-body overflow-hidden card-body-big" style="min-height: {% if objectinfo.alert != '' %}1330px{% else %}1460px{% endif %}">
  64.             {% if objectinfo.pictures|length > 0 %}
  65.                 <div class="row">
  67.                     {% for picture in objectinfo.pictures %}
  68.                         {# @var picture \App\Controller\Objects\Picture #}
  69.                         <div class="col-lg-4 col-md-4 col-sm-6">
  70.                             <div class="card wow zoomIn" style="visibility: visible; animation-name: zoomIn; box-shadow: none; border: solid 1px #dadada">
  71.                                 <div class="ms-thumbnail card-body p-05 ">
  72.                                     <div class="withripple zoom-img">
  73.                                         <a href="{{ picture.large }}" data-lightbox="gallery" data-title="{{ objectinfo.title }}">
  74.                                             <img src="{{ picture.small }}" alt="" class="img-fluid">
  75.                                         </a>
  76.                                         <div class="ripple-container"></div></div>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     {% endfor %}
  81.                 </div>
  82.             {% endif %}
  83.                 </div>
  84.             </article>
  86.         </div>
  88.         {% include 'partials/sidecol.html.twig' %}
  89.     </div>
  90. </div>
  92. {% endblock %}
  94. {% block map %}
  95.     <iframe style="width: 100%; height: 300px" id="id-gmap-embed" src="{{ objectinfo.mapLink }}"></iframe>
  96. {% endblock %}
  98. {% block address %}
  99.     <h3 class="ms-footbar-title mb-2 ms-footer-text">{{ objectinfo.title }}</h3>
  100.     <div class="ms-footbar-title">
  101.         <img src="/assets/custom/img/kascv_logo_white_50_notext.png">
  102.         <h3 class="no-m ms-site-title"><span>KULTURA</span>A<span>SPORT</span>CHOMUTOV</h3>
  103.     </div>
  104.     <address class="no-mb">
  105.         <p><i class="zmdi zmdi-pin mr-1"></i> {{ objectinfo.addressStreet }}</p>
  106.         <p><i class="zmdi zmdi-map mr-1"></i> {{ objectinfo.addressCity }}, {{ objectinfo.addressPostal }}</p>
  108.         {% if objectinfo.contactPhone != '' %}
  109.         <p><i class="zmdi zmdi-email mr-1"></i> <a href="mailto:{{ objectinfo.contactPhone }}">{{ objectinfo.contactPhone }}</a></p>
  110.         {% endif %}
  112.         {% if objectinfo.contactMail != '' %}
  113.         <p><i class="fa fa-fax mr-1"></i>{{ objectinfo.contactMail }}</p>
  114.         {% endif %}
  115.         <p><i class="color-danger-light zmdi zmdi-phone mr-1"></i> <a href="/kontakty">Kontakty</a></p>
  116.     </address>
  117. {% endblock %}
  119. {% block javascripts %}
  120.     {{ parent() }}
  121.     <script src="/assets/js/component-carousels-1.js"></script>
  122. {% endblock %}