templates/pages/aqua_termines.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.                 {% for button in objectinfo.buttons %}
  36.                     {# @var button \App\Controller\Objects\Link #}
  37.                     <a href="{{ button.link }}" class="btn btn-object">{{ button.title }}</a>
  38.                     {% if b < objectinfo.buttons|length %}
  39.                         <img src="/assets/custom/img/kascv_logo_white_50_notext.png" class="btn-separator">
  40.                     {% endif %}
  41.                     {% set b = b + 1 %}
  42.                 {% endfor %}
  43.             {% endif %}
  44.         </div>
  45.     </div>
  47. <div class="container" style="margin-top: -110px">
  48.     <div class="row">
  49.         <div class="col-lg-9">
  51.             {% if objectinfo.alert != '' %}
  52.             <div class="alert alert-warning alert-light wow zoomInRight animation-delay-1" role="alert">
  53.                 <strong><i class="zmdi zmdi-alert-triangle"></i> Upozornění!</strong><br>{{ objectinfo.alert }}
  54.             </div>
  55.             {% endif %}
  57.             <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  58.                {{ html|raw }}
  59.             </article>
  61.         </div>
  63.         {% include 'partials/sidecol.html.twig' %}
  64.     </div>
  65. </div>
  67. {% endblock %}
  69. {% block map %}
  70.     <iframe style="width: 100%; height: 300px" id="id-gmap-embed" src="{{ objectinfo.mapLink }}"></iframe>
  71. {% endblock %}
  73. {% block address %}
  74.     <h3 class="ms-footbar-title mb-2 ms-footer-text">{{ objectinfo.title }}</h3>
  75.     <div class="ms-footbar-title">
  76.         <img src="/assets/custom/img/kascv_logo_white_50_notext.png">
  77.         <h3 class="no-m ms-site-title"><span>KULTURA</span>A<span>SPORT</span>CHOMUTOV</h3>
  78.     </div>
  79.     <address class="no-mb">
  80.         <p><i class="zmdi zmdi-pin mr-1"></i> {{ objectinfo.addressStreet }}</p>
  81.         <p><i class="zmdi zmdi-map mr-1"></i> {{ objectinfo.addressCity }}, {{ objectinfo.addressPostal }}</p>
  83.         {% if objectinfo.contactPhone != '' %}
  84.         <p><i class="zmdi zmdi-email mr-1"></i> <a href="mailto:{{ objectinfo.contactPhone }}">{{ objectinfo.contactPhone }}</a></p>
  85.         {% endif %}
  87.         {% if objectinfo.contactMail != '' %}
  88.         <p><i class="fa fa-fax mr-1"></i>{{ objectinfo.contactMail }}</p>
  89.         {% endif %}
  90.         <p><i class="color-danger-light zmdi zmdi-phone mr-1"></i> <a href="/kontakty">Kontakty</a></p>
  91.     </address>
  92. {% endblock %}
  94. {% block javascripts %}
  95.     {{ parent() }}
  96.     <script src="/assets/js/component-carousels-1.js"></script>
  97.     <script type="text/javascript">
  98.         $(function() {
  99.             ShowTab();
  100.             window.addEventListener('hashchange', function() {
  101.                 ShowTab();
  102.             });
  104.             $('#id-course-select').change(function() {
  105.                 setTimeout(function() {
  106.                     let id = $('#id-course-select').val();
  107.                     window.history.replaceState('', '', '#kurz'+id);
  108.                     ShowTab();
  109.                 }, 200);
  110.             });
  111.         });
  113.         function ShowTab() {
  114.             let id = '';
  115.             let href = '';
  116.             let hash = $(location).attr('hash');
  117.             if (hash!='') {
  118.                 /* content */
  119.                 $( ".tab-pane" ).each(function( index ) {
  120.                     id = '#'+$(this).attr('id');
  121.                     $(this).removeClass('active');
  122.                     $(this).removeClass('show');
  123.                     if (id==hash) {
  124.                         $(this).addClass('active');
  125.                         $(this).addClass('show');
  126.                     }
  127.                 });
  128.                 $('.selectpicker').selectpicker('val', hash.replace('#kurz', ''));
  129.             }
  130.         }
  131.     </script>
  132. {% endblock %}