templates/pages/object.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 description %}
  5.      <meta name="description" content="{{ objectinfo.subtitle }}">
  6.  {% endblock %}
  7.  {% block theme %}
  8.      {% if objectinfo.objectClass == 'info' %}
  9.         <link rel="stylesheet" href="/assets/css/style.light-blue-700.min.css">
  10.      {% elseif objectinfo.objectClass == 'success' %}
  11.          <link rel="stylesheet" href="/assets/css/style.light-green-700.min.css">
  12.      {% else %}
  13.          <link rel="stylesheet" href="/assets/css/style.red-custom.min.css">
  14.      {% endif %}
  15.  {% endblock %}
  17. {% block customcss %}
  18.     {{ parent() }}
  19.     <link rel="stylesheet" type="text/css" href="/assets/custom/css/program.min.{{ app.request.server.get('APP_PREVCACHE') }}.css" />
  20.     <link rel="stylesheet" type="text/css" href="/assets/custom/css/media.min.{{ app.request.server.get('APP_PREVCACHE') }}.css" />
  21.     <link rel="stylesheet" href="/assets/custom/pannellum/pannellum.css">
  22. {% endblock %}
  24.  {% block og %}
  25.      <meta property="og:url"         content="{{ app.request.server.get('APP_URL') }}/{{ objectinfo.link }}" />
  26.      <meta property="og:type"        content="website" />
  27.      <meta property="og:title"       content="{{ objectinfo.title }}" />
  28.      <meta property="og:description" content="{{ objectinfo.subtitle }}" />
  29.      <meta property="og:image"       content="{{ objectinfo.picture.small }}" />
  30.  {% endblock %}
  32. {% block body %}
  33.     <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 }}');">
  35.         {% if pageinfo.info != '' %}
  36.             <div class="container" style="position: relative; top: -80px">
  37.             <div id="id-header-news">
  38.                 <i class="fa fa-info-circle"></i>
  39.                 <div class="marquee">
  40.                     <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  41.                 </div>
  42.             </div>
  43.             </div>
  44.         {% endif %}
  45.         <div class="text-center color-white mt-6 mb-6 index-1">
  46.             <h1>{{ objectinfo.title }}</h1>
  47.             <p class="lead lead-lg mb-4">{{ objectinfo.subtitle }}</p>
  48.             {% if objectinfo.buttons|length == 1 %}
  49.                 {% set button = objectinfo.buttons[0] %}
  50.                 {# @var button \App\Controller\Objects\Link #}
  52.                 {% if button.title=='ROZPIS LEDU' or button.title=='ROZPIS DRAH' %}
  53.                     <a href="{{ button.link|replace({'.pdf':'.'~random(50, 100)~'.pdf'}) }}" target="_blank" class="btn btn-object">{{ button.title }}</a>
  54.                 {% else %}
  55.                     <a href="{{ button.link }}" class="btn btn-object">{{ button.title }}</a>
  56.                 {% endif %}
  58.             {% elseif objectinfo.buttons|length > 0 %}
  59.                 {% set b = 1 %}
  60.                 {% set btn_d_class = '' %}
  61.                 {% for button in objectinfo.buttons %}
  62.                     {# @var button \App\Controller\Objects\Link #}
  63.                     {% if b > 1 %}
  64.                         {% set btn_d_class = 'd-none d-sm-inline-block' %}
  65.                     {% endif %}
  67.                     {% if button.title=='ROZPIS LEDU' or button.title=='ROZPIS DRAH' %}
  68.                         <a href="{{ button.link|replace({'.pdf':'.'~random(50, 100)~'.pdf'}) }}" target="_blank" class="btn btn-object {{ btn_d_class }}">{{ button.title }}</a>
  69.                     {% else %}
  70.                         <a href="{{ button.link }}" class="btn btn-object {{ btn_d_class }}">{{ button.title }}</a>
  71.                     {% endif %}
  73.                     {% if b < objectinfo.buttons|length %}
  74.                     <img src="/assets/custom/img/kascv_logo_white_50_notext.png" class="btn-separator d-none d-sm-inline-block">
  75.                     {% endif %}
  76.                     {% set b = b + 1 %}
  77.                 {% endfor %}
  78.             {% endif %}
  79.         </div>
  80.     </div>
  82. <article class="container" style="margin-top: -110px">
  83.     <div class="row">
  84.         <div class="col-lg-8">
  86.             {% if objectinfo.alert != '' %}
  87.             <div class="alert alert-warning alert-light wow zoomInRight animation-delay-1" role="alert">
  88.                 <strong><i class="zmdi zmdi-alert-triangle"></i> Upozornění!</strong><br>{{ objectinfo.alert|raw }}
  89.             </div>
  90.             {% endif %}
  92.             {% if pageinfo.mobile %}
  93.                 <div class="card card-primary animated fadeInUp animation-delay-7 ">
  94.                     <div class="card-header">
  95.                         {% if objectinfo.virtualTourLink != '' %}
  96.                             <h3 class="card-title"><i class="fa fa-video-camera" aria-hidden="true"></i> Virtuální prohlídka</h3>
  97.                         {% else %}
  98.                             <h3 class="card-title"><i class="fa fa-video-camera" aria-hidden="true"></i> Panorama náhled</h3>
  99.                         {% endif %}
  100.                     </div>
  101.                     {% if objectinfo.virtualTourLink != '' %}
  102.                         <iframe src="{{ objectinfo.virtualTourLink }}" style="width: 100%;height: 250px;"></iframe>
  103.                     {% elseif objectinfo.title == 'Rocknet Aréna - Zimní stadion' and 1==0 %}
  104.                         <video controls style="width: 100%">
  105.                             <source src="/assets/media/zimni_stadion.mp4" type="video/mp4">
  106.                             Your browser does not support the video tag.
  107.                         </video>
  108.                     {% else %}
  109.                         <div id="panorama-360-view"></div>
  110.                     {% endif %}
  111.                 </div>
  112.             {% endif %}
  114.             {% if objectinfo.stat1.icon != '' or objectinfo.stat2.icon != '' or objectinfo.stat3.icon != '' %}
  115.             <div class="row">
  116.                 <div class="col-md-4">
  117.                     {% if objectinfo.stat1.icon != '' %}
  118.                     <div class="card card-primary text-center">
  119.                         <div class="card-body card-stat1">
  121.                             {% if objectinfo.stat1.icon[0:3] == 'fa-' %}
  122.                                 <span class="ms-icon ms-icon-circle ms-icon-xlg">
  123.                                     <i class="fa {{ objectinfo.stat1.icon }}"></i>
  124.                                 </span>
  125.                             {% elseif objectinfo.stat1.icon|length == 1 %}
  126.                                 <span class="ms-icon ms-icon-circle ms-icon-xlg">
  127.                                     <h2 class="no-margin" style="margin-top: 12px">{{ objectinfo.stat1.icon }}</h2>
  128.                                 </span>
  129.                             {% else %}
  130.                                 <h3 style="margin: 36px 0px">{{ objectinfo.stat1.icon }}</h3>
  131.                             {% endif %}
  133.                             <h2 class="color-primary"><span class="{% if objectinfo.stat1.value matches '/^\\d+$/' %}counter{% endif %}">{{ objectinfo.stat1.value }}</span></h2>
  134.                             <h4 class="color-primary">{{ objectinfo.stat1.text1 }}</h4>
  135.                             <p>{{ objectinfo.stat1.text2 }}</p>
  137.                         </div>
  138.                     </div>
  139.                     {% endif %}
  140.                 </div>
  141.                 <div class="col-md-4">
  142.                     {% if objectinfo.stat2.icon != '' %}
  143.                     <div class="card card-primary-inverse text-center">
  144.                         <div class="card-body card-stat2">
  146.                             {% if objectinfo.stat2.icon[0:3] == 'fa-' %}
  147.                                 <span class="ms-icon ms-icon-white ms-icon-circle ms-icon-xlg">
  148.                                     <i class="fa {{ objectinfo.stat2.icon }}"></i>
  149.                                 </span>
  150.                             {% elseif objectinfo.stat2.icon|length == 1 %}
  151.                                 <span class="ms-icon ms-icon-white ms-icon-circle ms-icon-xlg">
  152.                                     <h2 class="no-margin" style="margin-top: 12px">{{ objectinfo.stat2.icon }}</h2>
  153.                                 </span>
  154.                             {% else %}
  155.                                 <h3 style="margin: 36px 0px">{{ objectinfo.stat2.icon }}</h3>
  156.                             {% endif %}
  158.                             <h2 class=""><span class="{% if objectinfo.stat2.value matches '/^\\d+$/' %}counter{% endif %}">{{ objectinfo.stat2.value }}</span></h2>
  159.                             <h4 class="">{{ objectinfo.stat2.text1 }}</h4>
  160.                             <p>{{ objectinfo.stat2.text2 }}</p>
  162.                         </div>
  163.                     </div>
  164.                     {% endif %}
  165.                 </div>
  166.                 <div class="col-md-4">
  167.                     {% if objectinfo.stat1.icon != '' %}
  168.                         <div class="card card-primary text-center">
  169.                             <div class="card-body card-stat3">
  171.                                 {% if objectinfo.stat3.icon[0:3] == 'fa-' %}
  172.                                     <span class="ms-icon ms-icon-circle ms-icon-xlg">
  173.                                     <i class="fa {{ objectinfo.stat3.icon }}"></i>
  174.                                 </span>
  175.                                 {% elseif objectinfo.stat3.icon|length == 1 %}
  176.                                     <span class="ms-icon ms-icon-circle ms-icon-xlg">
  177.                                     <h2 class="no-margin" style="margin-top: 12px">{{ objectinfo.stat3.icon }}</h2>
  178.                                 </span>
  179.                                 {% else %}
  180.                                     <h3 style="margin: 36px 0px">{{ objectinfo.stat3.icon }}</h3>
  181.                                 {% endif %}
  183.                                 <h2 class="color-primary"><span class="{% if objectinfo.stat3.value matches '/^\\d+$/' %}counter{% endif %}">{{ objectinfo.stat3.value }}</span></h2>
  184.                                 <h4 class="color-primary">{{ objectinfo.stat3.text1 }}</h4>
  185.                                 <p>{{ objectinfo.stat3.text2 }}</p>
  187.                             </div>
  188.                         </div>
  189.                     {% endif %}
  190.                 </div>
  191.             </div>
  192.             {% endif %}
  194.             {{ html|raw }}
  195.             {{ html2|raw }}
  197.         </div>
  198.         <div class="col-lg-4">
  200.             {% if not pageinfo.mobile %}
  201.                 <div class="card card-primary animated fadeInUp animation-delay-7 ">
  202.                     <div class="card-header">
  203.                         {% if objectinfo.virtualTourLink != '' %}
  204.                         <h3 class="card-title"><i class="fa fa-video-camera" aria-hidden="true"></i> Virtuální prohlídka
  205.                             <a href="{{ objectinfo.virtualTourLink }}" target="_blank" class="pull-right"><i class="fa fa-arrows-alt color-white" aria-hidden="true"></i></a></h3>
  206.                         {% else %}
  207.                             <h3 class="card-title"><i class="fa fa-video-camera" aria-hidden="true"></i> Panorama náhled</h3>
  208.                         {% endif %}
  209.                     </div>
  210.                     {% if objectinfo.virtualTourLink != '' %}
  211.                         <iframe src="{{ objectinfo.virtualTourLink }}" style="width: 100%;height: 250px;"></iframe>
  212.                     {% elseif objectinfo.title == 'Rocknet Aréna - Zimní stadion' and 1==0 %}
  213.                         <video controls style="width: 100%">
  214.                             <source src="/assets/media/zimni_stadion.mp4" type="video/mp4">
  215.                             Your browser does not support the video tag.
  216.                         </video>
  217.                     {% else %}
  218.                         <div id="panorama-360-view"></div>
  219.                     {% endif %}
  220.                 </div>
  221.             {% endif %}
  223.             {% if objectinfo.opening|length > 0 %}
  224.             <div class="card card-primary animated fadeInUp animation-delay-7">
  225.                 <div class="card-header">
  226.                     <h3 class="card-title"><i class="zmdi zmdi-widgets"></i> Otevírací doba</h3>
  227.                 </div>
  228.                 <div class="card-body overflow-hidden">
  229.                     <table class="table">
  230.                         <tbody>
  231.                         {% for oh in objectinfo.opening %}
  232.                         {# @var oh \App\Controller\Objects\OpeningHours #}
  233.                             {% if oh.days != '' %}
  234.                                 <tr><td>{{ oh.name }}</td><td>{{ oh.days }}</td><td>{{ oh.hours }}</td></tr>
  235.                             {% endif %}
  236.                         {% endfor %}
  237.                         </tbody></table>
  238.                 </div>
  239.             </div>
  240.             {% endif %}
  242.             {% if objectinfo.contacts|length > 0 %}
  243.             <div class="card card-primary animated fadeInUp animation-delay-7">
  244.                 <div class="card-header">
  245.                     <h3 class="card-title"><i class="zmdi zmdi-phone"></i> Kontakty</h3>
  246.                 </div>
  247.                 <div class="tab-content">
  248.                     <div role="tabpanel" class="tab-pane fade active show" id="favorite">
  249.                         <div class="card-body overflow-hidden">
  250.                             <div class="ms-media-list">
  251.                                 {% for contact in objectinfo.contacts %}
  252.                                     {# @var contact \App\Controller\Objects\Contact #}
  253.                                 <div class="media mb-2">
  254.                                     <a class="mr-3" href="javascript:void(0);">
  255.                                         <img class="media-object mr-2 img-contact" src="{{ contact.picture.small }}">
  256.                                     </a>
  257.                                     <div class="media-body">
  258.                                         <h4 class="mt-0 mb-0">{{ contact.fullname }}</h4>
  259.                                         <small class="mt-0 mb-0">{{ contact.title|lower }}</small>
  260.                                         {% if contact.mobile != '-' %}
  261.                                             <p class="mb-0">{{ contact.mobile }}</p>
  262.                                         {% else  %}
  263.                                             <p class="mb-0">{{ contact.phone }}</p>
  264.                                         {% endif %}
  265.                                         <a href="mailto:{{ contact.email }}?subject=feedback">{{ contact.email }}</a>
  266.                                     </div>
  267.                                 </div>
  268.                                 {% endfor %}
  269.                             </div>
  270.                         </div>
  271.                     </div>
  273.                 </div>
  274.             </div>
  275.             {% endif %}
  278.             {% if objectinfo.files|length > 0 %}
  279.             <div class="card card-primary animated fadeInUp animation-delay-7">
  280.                 <div class="card-header">
  281.                     <h3 class="card-title"><i class="zmdi zmdi-download"></i> Soubory ke stažení</h3>
  282.                 </div>
  283.                 <div class="card-body overflow-hidden">
  284.                     <table class="table table-hover">
  285.                         <tbody>
  286.                         {% for file in objectinfo.files %}
  287.                         {# @var file \App\Controller\Objects\File #}
  288.                         <tr>
  289.                             <td style="width: 30px">{{ file.icon|raw }}</td>
  290.                             <td>{{ file.name }}</td>
  291.                             <td style="width: 40px"><a href="/soubor-{{ file.id64 }}?{{ random(5) }}"><i class="fa fa-download"></i></a></td>
  292.                         </tr>
  293.                         {% endfor %}
  294.                         </tbody></table>
  295.                 </div>
  296.             </div>
  297.             {% endif %}
  299.             {% if objectinfo.pictures|length > 0 %}
  300.             <div class="card card-primary animated fadeInUp animation-delay-7">
  301.                 <div class="card-header">
  302.                     <h3 class="card-title"><i class="zmdi zmdi-image"></i> Fotogalerie</h3>
  303.                 </div>
  304.                 <div class="card-body overflow-hidden">
  305.                     <div class="row">
  306.                         {% set picount = objectinfo.pictures|length %}
  307.                         {% set maxprev = 4 %}
  308.                         {% for picture in objectinfo.pictures %}
  309.                         {# @var picture \App\Controller\Objects\Picture #}
  310.                             {% if maxprev > 0 %}
  311.                                 {% set maxprev = maxprev - 1 %}
  312.                                 {% set picount = picount - 1 %}
  313.                                 <div class="col-6">
  314.                                     <div class="card wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
  315.                                         <div class="ms-thumbnail card-body p-05 ">
  316.                                             <div class="withripple zoom-img">
  317.                                                 <a href="{{ picture.large }}" data-lightbox="gallery" data-title="{{ objectinfo.title }}">
  318.                                                     <img src="{{ picture.small }}" alt="" class="img-fluid">
  319.                                                 </a>
  320.                                                 <div class="ripple-container"></div></div>
  321.                                         </div>
  322.                                     </div>
  323.                                 </div>
  324.                             {% endif %}
  325.                         {% endfor %}
  326.                         {% if picount > 0 and picount < 5 %}
  327.                             <p>+ {{ picount }} další fotografie</p>
  328.                         {% elseif picount > 4 %}
  329.                             <p>+ {{ picount }} dalších fotografií</p>
  330.                         {% endif %}
  331.                         <a href="/{{ objectinfo.link }}/fotogalerie" class="btn btn-primary btn-raised btn-block animate-icon pull-right">Přejít do galerie <i class="ml-1 no-mr zmdi zmdi-long-arrow-right"></i><div class="ripple-container"></div></a>
  333.                     </div>
  334.                 </div>
  335.             </div>
  336.             {% endif %}
  338.         </div>
  339.     </div>
  341.     {% if objectinfo.pricelists|length > 0 %}
  342.         <a name="cenik" style="position: relative; top: -200px"></a>
  343.         <div class="container mb-4">
  344.             <div class="text-center mb-4">
  345.                 <h2 class="uppercase color-dark animated fadeInUp animation-delay-7">CENÍK</h2>
  346.                 {% if objectinfo.pricelistinfo != '' %}
  347.                 <div class="alert alert-default alert-light alert-dismissible animated fadeInUp animation-delay-7" role="alert">
  348.                     <strong><i class="zmdi zmdi-info"></i></strong> {{ objectinfo.pricelistinfo }}
  349.                 </div>
  350.                 {% endif %}
  351.             </div>
  352.             <div class="row no-gutters">
  353.                 {% set i = 0 %}
  354.                 {% for pricelist in objectinfo.pricelists %}
  355.                     {# @var pricelist \App\Controller\Objects\Pricelist #}
  356.                     {% set i = i+1 %}
  357.                     <div class="col-lg-4">
  358.                         <div class="price-table price-table-default {% if i == 2 %}prominent{% endif %} wow zoomInDown animation-delay-2" style="visibility: visible; animation-name: zoomInDown;">
  359.                             <header class="price-table-header">
  360.                                 <span class="price-table-category">{{ pricelist.name }}</span>
  361.                                 <h3><sup>od</sup>{{ pricelist.from }} Kč <sub>/1 hodinu</sub></h3>
  362.                             </header>
  363.                             <div class="price-table-body">
  364.                                 <table class="table">
  365.                                     <tbody>
  366.                                     {% for row in pricelist.data %}
  367.                                         {% if row != '' %}
  368.                                             {% set arr = row|split('=') %}
  369.                                             <tr><td>{{ arr[0] }}</td><td class="text-right">{{ arr[1] }}</td></tr>
  370.                                         {% endif %}
  371.                                     {% endfor %}
  372.                                     </tbody>
  373.                                 </table>
  374.                                 {% if pricelist.link != '' %}
  375.                                 <div class="text-center">
  376.                                     <a href="{{ pricelist.link }}" class="btn btn-default btn-raised"><i class="zmdi zmdi-download"></i> Kompletní ceník</a>
  377.                                 </div>
  378.                                 {% endif %}
  379.                             </div>
  380.                         </div>
  381.                     </div>
  382.                 {% endfor %}
  383.             </div>
  384.         </div>
  385.     {% endif %}
  387.     {% if objectinfo.showProgram != '' %}
  389.             <div class="row">
  390.                 <div class="col-lg-12">
  391.                     <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  392.                         <div class="card-body overflow-hidden card-body-big">
  393.                         <h2 class="text-center">PROGRAM</h2>
  394.                         <div id="id-program" class="fc fc-unthemed fc-ltr">
  396.                         </div>
  397.                         </div>
  398.                     </article>
  399.                 </div>
  400.             </div>
  402.     {% endif %}
  403. </article>
  405. {% endblock %}
  407. {% block map %}
  408.     <iframe style="width: 100%; height: 300px" id="id-gmap-embed" src="{{ objectinfo.mapLink }}"></iframe>
  409. {% endblock %}
  411. {% block address %}
  412.     <h3 class="ms-footbar-title mb-2 ms-footer-text">
  413.     {% if objectinfo.title == 'Aquasvět'  %}
  414.         Oddychové a relaxační centrum Aquasvět
  415.     {% else %}
  416.         {{ objectinfo.title }}
  417.     {% endif %}
  418.     </h3>
  419.     <div class="ms-footbar-title" style="display: none">
  420.         <img src="/assets/custom/img/kascv_logo_white_50_notext.png">
  421.         <h3 class="no-m ms-site-title"><span>KULTURA</span>A<span>SPORT</span>CHOMUTOV</h3>
  422.     </div>
  423.     <address class="no-mb">
  424.         <address class="no-mb">
  425.             <p><i class="zmdi zmdi-pin mr-1"></i> {{ objectinfo.addressStreet }}</p>
  426.             <p><i class="zmdi zmdi-map mr-1"></i> {{ objectinfo.addressCity }} {{ objectinfo.addressPostal }}</p>
  428.             {% if objectinfo.contactPhone != '' %}
  429.             <p><i class="zmdi zmdi-email mr-1"></i> <a href="mailto:{{ objectinfo.contactPhone }}">{{ objectinfo.contactPhone }}</a></p>
  430.             {% endif %}
  432.             {% if objectinfo.contactMail != '' %}
  433.             <p><i class="fa fa-fax mr-1"></i>{{ objectinfo.contactMail }}</p>
  434.             {% endif %}
  435.         </address>
  436.         <p><i class="color-danger-light zmdi zmdi-phone mr-1"></i> <a href="/kontakty">Kontakty</a></p>
  437.     </address>
  438. {% endblock %}
  441. {% block javascripts %}
  442.     {{ parent() }}
  443.     <script src="/assets/custom/pannellum/pannellum.js"></script>
  444.     <script src="/assets/js/component-carousels.js"></script>
  445.     <script>
  446.         $(document).ready(function() {
  447.             {% if objectinfo.showProgram != '' %}
  448.             LoadProgram();
  449.             {% endif %}
  451.             {% if objectinfo.link != 'mestske-divadlo' %}
  452.             pannellum.viewer('panorama-360-view', {
  453.                 "type": "equirectangular",
  454.                 "preview": "/assets/custom/img/panorama/{{ objectinfo.link }}_thumb.jpg",
  455.                 "panorama": "/assets/custom/img/panorama/{{ objectinfo.link }}.jpg?v2",
  456.                 "haov ": 270,
  457.                 "vaov": 90,
  458.                 {% if objectinfo.link == 'aquasvet' %}
  459.                 "yaw": 25,
  460.                 {% elseif objectinfo.link == 'fotbalovy-stadion' %}
  461.                 "yaw": -60,
  462.                 {% elseif objectinfo.link == 'kino-svet' %}
  463.                 "yaw": -50,
  464.                 {% elseif objectinfo.link == 'letni-kino' %}
  465.                 "yaw": -40,
  466.                 {% elseif objectinfo.link == 'atleticky-stadion' %}
  467.                 "yaw": -70,
  468.                 {% elseif objectinfo.link == 'in-line-draha' %}
  469.                 "yaw": 100,
  470.                 {% elseif objectinfo.link == 'sportovni-areal-tomase-ze-stitneho' %}
  471.                 "yaw": -100,
  472.                 {% elseif objectinfo.link == 'zimni-stadion-treninkova-hala' %}
  473.                 "yaw": -75,
  474.                 {% elseif objectinfo.link == 'zimni-stadion-rocknet-arena' %}
  475.                 "yaw": -30,
  476.                 {% elseif objectinfo.link == 'mestska-sportovni-hala' %}
  477.                 "yaw": -20,
  478.                 {% endif %}
  479.                 "minYaw": -170,
  480.                 "maxYaw": 170,
  481.                 "minPitch": -45,
  482.                 "maxPitch": 45,
  483.                 "autoLoad": false,
  484.                 {% if pageinfo.mobile %}
  485.                 "showFullscreenCtrl": false
  486.                 {% endif %}
  487.             });
  488.             $('.pnlm-load-button').html('<p>klikněte pro načtení</p>');
  489.             {% endif %}
  490.             InfoPanels(1, 'h2 span', {{ objectinfo.stat1.valueArr|json_encode|raw }});
  491.             InfoPanels(1, 'h4', {{ objectinfo.stat1.text1Arr|json_encode|raw }});
  492.             InfoPanels(1, 'p', {{ objectinfo.stat1.text2Arr|json_encode|raw }});
  493.             InfoPanels(2, 'h2 span', {{ objectinfo.stat2.valueArr|json_encode|raw }});
  494.             InfoPanels(2, 'h4', {{ objectinfo.stat2.text1Arr|json_encode|raw }});
  495.             InfoPanels(2, 'p', {{ objectinfo.stat2.text2Arr|json_encode|raw }});
  496.             InfoPanels(3, 'h2 span', {{ objectinfo.stat3.valueArr|json_encode|raw }});
  497.             InfoPanels(3, 'h4', {{ objectinfo.stat3.text1Arr|json_encode|raw }});
  498.             InfoPanels(3, 'p', {{ objectinfo.stat3.text2Arr|json_encode|raw }});
  499.         });
  501.         function InfoPanels(panelindex, selector, arr) {
  502.             if (arr.length>0) {
  503.                 let i = 0;
  504.                 let m = arr.length;
  505.                 let d = arr;
  506.                 let v = '';
  507.                 if (m>1) {
  508.                     setInterval(function() {
  509.                         if (i>=m) i = 0;
  510.                         v = d[i];
  511.                         $('.card-stat'+panelindex+' '+selector).html(v);
  512.                         i++;
  513.                     }, 8000 / m);
  514.                 }
  515.             }
  516.         }
  518.         function LoadProgram() {
  519.             {% if objectinfo.showProgram == 'default' %}
  520.             $( '#id-program' ).load( "/program-html-{{ objectinfo.id }}/week", function() {ScrollToProgram();});
  521.             {% endif %}
  522.             {% if objectinfo.showProgram == 'kino' %}
  523.             $( '#id-program' ).load( "/program-kino-html-{{ objectinfo.id }}/week", function() {ScrollToProgram();});
  524.             {% endif %}
  525.             {% if objectinfo.showProgram == 'divadlo' %}
  526.             $( '#id-program' ).load( "/program-divadlo-html-{{ objectinfo.id }}/week", function() {ScrollToProgram();});
  527.             {% endif %}
  528.         }
  530.         function ScrollToProgram() {
  531.             let hash = $(location).attr('hash');
  532.             if (hash!='') {
  533.                 setTimeout(function () {
  534.                     $('html, body').animate({
  535.                         scrollTop: $('#id-'+hash.replace('#', '')).offset().top-200
  536.                     }, 2000);
  537.                 }, 1500);
  538.             }
  539.         }
  540.     </script>
  542.     {% if objectinfo.link == 'aquasvet' %}
  543.         <script>
  544.             $(document).ready(function () {
  545.                 aquaCnt();
  546.                 setInterval(function () {
  547.                     aquaCnt();
  548.                 }, 10000);
  549.             });
  551.             function aquaCnt() {
  552.                 var aquacnt = httpGet("{{ app.request.server.get('APP_VBAZENU') }}?" + rand(10));
  553.                 /*console.log(aquacnt);*/
  554.                 if ($('div.card-primary-inverse span.counter').length) {
  555.                     $('div.card-primary-inverse span.counter').html(aquacnt);
  556.                 }
  557.             }
  559.             function httpGet(theUrl) {
  560.                 var xmlHttp = new XMLHttpRequest();
  561.                 xmlHttp.open("GET", theUrl, false);
  562.                 xmlHttp.send(null);
  563.                 return xmlHttp.responseText;
  564.             }
  566.             function rand(len) {
  567.                 charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  568.                 var randomString = '';
  569.                 for (var i = 0; i < len; i++) {
  570.                     var randomPoz = Math.floor(Math.random() * charSet.length);
  571.                     randomString += charSet.substring(randomPoz,randomPoz+1);
  572.                 }
  573.                 return randomString;
  574.             }
  575.         </script>
  576.     {% endif %}
  578. {% endblock %}