templates/pages/program.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block customcss %}
  3.     {{ parent() }}
  4.     <link rel="stylesheet" type="text/css" href="/assets/custom/css/program.min.{{ app.request.server.get('APP_PREVCACHE') }}.css" />
  5.     <link rel="stylesheet" type="text/css" href="/assets/custom/css/media.min.{{ app.request.server.get('APP_PREVCACHE') }}.css" />
  6. {% endblock %}
  8.     {% block og %}
  9.         <meta property="og:url"         content="{{ app.request.server.get('APP_URL') }}/program" />
  10.         <meta property="og:type"        content="website" />
  11.         <meta property="og:title"       content="Program" />
  12.         <meta property="og:description" content="Přehled kulturních a sportovních akcí v Chomutově." />
  13.         <meta property="og:image"       content="{{ app.request.server.get('APP_URL') }}/assets/custom/img/og.png" />
  14.     {% endblock %}
  16. {% block body %}
  18.     <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('{{ page.picture.small }}');">
  20.         {% if pageinfo.info != '' %}
  21.             <div class="container" style="position: relative; top: -80px">
  22.                 <div id="id-header-news">
  23.                     <i class="fa fa-info-circle"></i>
  24.                     <div class="marquee">
  25.                         <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         {% endif %}
  31.         <div class="text-center color-white mt-6 mb-6 index-1">
  32.             <h1>{{ page.title }}</h1>
  33.             <p class="lead lead-lg mb-4">Přehled kulturních a sportovních akcí v Chomutově</p>
  34.             <a href="javascript:void(0)" id="id-btn-publish" class="btn btn-object">zveřejnení akce</a>
  35.         </div>
  36.     </div>
  38.     <div class="container" style="margin-top: -110px">
  39.         <div class="row">
  40.             <div class="col-lg-12">
  41.                 <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  42.                     <div class="card-body overflow-hidden card-body-big">
  44.                         <div class="content" style="position: relative;">
  45.                             <div class="program-loader ms-preload" style="margin-left: -12px; width: calc(100% + 12px)">
  46.                                 <div id="status">
  47.                                     <div class="spinner">
  48.                                         <div class="dot1"></div>
  49.                                         <div class="dot2"></div>
  50.                                     </div>
  51.                                 </div>
  52.                             </div>
  54.                             <div class="c-row text-center" style="padding-bottom: 30px;">
  55.                                 <div class="form-group row justify-content-end">
  56.                                     <h4 for="id-object-select" class="col-lg-1 mt-1">Filtr</h4>
  57.                                     <div class="col-lg-3">
  58.                                         <select id="id-object-select" class="form-control selectpicker" data-dropup-auto="false" tabindex="-98">
  59.                                             <option value="0" data-link="">Vše</option>
  60.                                             <option value="3" data-link="aquasvet">Aquasvět</option>
  61.                                             <option value="2" data-link="fotbalovy-stadion">Fotbalový stadion</option>
  62.                                             <option value="4" data-link="kino-svet">Kino Svět</option>
  63.                                             <option value="19" data-link="letni-kino">Letní kino</option>
  64.                                             <option value="7" data-link="mestska-sportovni-hala">Městská sportovní hala</option>
  65.                                             <option value="5" data-link="mestske-divadlo">Městské divadlo</option>
  66.                                             <option value="1" data-link="zimni-stadion-rocknet-arena">Rocknet Aréna - Zimní stadion</option>
  67.                                             <option value="26" data-link="zimni-stadion-treninkova-hala">Zimní stadion - Tréninková hala</option>
  68.                                         </select>
  69.                                     </div>
  70.                                 </div>
  71.                             </div>
  72.                             <div id="id-program" class="fc fc-unthemed fc-ltr" style="min-height: 1000px">
  74.                             </div>
  75.                         </div>
  80.                     </div>
  81.                 </article>
  82.             </div>
  83.         </div>
  84.     </div>
  86. {% endblock %}
  88. {% block javascripts %}
  89.     {{ parent() }}
  91.     <script>
  92.         $(document).ready(function() {
  93.             let id = '{{ id }}';
  94.             var object = localStorage.getItem('selected-object');
  95.             if (parseInt(id)>0 || object == null) object = id;
  96.             $('.selectpicker').selectpicker('val', object);
  97.             LoadProgram(object);
  99.             $('#id-object-select').change(function() {
  100.                 ShowLoader(true);
  101.                 setTimeout(function() {
  102.                     localStorage.setItem('selected-object', $('#id-object-select').val());
  103.                     LoadProgram($('#id-object-select').val());
  104.                 }, 1500);
  105.             });
  107.             $('#id-btn-publish').click(function() {
  108.                 let link = $('#id-object-select').find(":selected").data('link');
  109.                 if (link=='') {
  110.                     toastr.error('vyberte objekt ve filtru');
  111.                 }
  112.                 else {
  113.                     location.href = '/'+link+'/zverejneni-akce';
  114.                 }
  115.             });
  116.         });
  118.         function ShowLoader(show) {
  119.             if (show && !$('.program-loader').is(':visible')) {
  120.                 $('.program-loader').css('display', 'flex').hide().fadeIn();
  121.             } else {
  122.                 $('.program-loader').fadeOut();
  123.             }
  124.         }
  126.         function LoadProgram(object_id) {
  127.             $( '#id-program' ).load( "/program-html-"+object_id, function() {
  128.                 $('#id-link-program').css('display', 'none');
  129.                 ShowLoader(false);
  130.             });
  131.         }
  133.     </script>
  135. {% endblock %}