templates/pages/search.html.twig line 1

Open in your IDE?
  1. {# @var page \App\Controller\Objects\Page #}
  2. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.     <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 }}');">
  7.         {% if pageinfo.info != '' %}
  8.             <div class="container" style="position: relative; top: -80px">
  9.                 <div id="id-header-news">
  10.                     <i class="fa fa-info-circle"></i>
  11.                     <div class="marquee">
  12.                         <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  13.                     </div>
  14.                 </div>
  15.             </div>
  16.         {% endif %}
  18.         <div class="text-center color-white mt-6 mb-6 index-1">
  19.             <h1>{{ page.title }}</h1>
  20.         </div>
  21.     </div>
  23.     <div class="container" style="margin-top: -110px">
  24.         <div class="row">
  25.             <div class="col-lg-9">
  27.                 <article class="card card-primary">
  29.                     <div class="row">
  30.                         <div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
  31.                             <form action="/vyhledat" method="get">
  32.                                 <div class="form-group label-floating">
  33.                                     <div class="input-group">
  34.                                         <span class="input-group-addon">Hledaný&nbsp;výraz</span>
  35.                                         <input type="text" name="q" value="{{ q }}" class="form-control" style="font-size: 20px" placeholder="zadejte alespoň 3 znaky">
  36.                                         <span class="input-group-btn">
  37.                                           <button type="submit" class="btn btn-fab btn-fab-mini">
  38.                                             <i class="fa fa-search"></i>
  39.                                           </button>
  40.                                         </span>
  41.                                     </div>
  42.                                 </div>
  43.                             </form>
  44.                         </div>
  45.                     </div>
  47.                     {%  if data|length >0 %}
  48.                         <div class="row">
  49.                             <div class="col-md-10 col-sm-12 offset-md-1">
  50.                                 <div class="text-center color-dark">
  51.                                 <h1 class="color-primary text-big">Výsledek vyhledání</h1>
  52.                                     <p class="lead lead-sm">nalezeno celkem {{ data|length }} záznam(ů)</p>
  53.                                 </div>
  54.                                 <table class="table table-striped">
  55.                                     <thead><tr><th>Obsahový typ</th><th>Název</th></tr></thead>
  56.                                     <tbody>
  57.                                     {% set i = 1  %}
  58.                                     {% for row in data %}
  59.                                         {# @var row \App\Controller\Objects\SearchRow #}
  60.                                         <tr><td> {{ row.what }}</td><td><a href="{{ row.link }}">{{ row.name|raw }}</a></td></tr>
  61.                                     {% endfor %}
  62.                                     </tbody>
  63.                                 </table>
  64.                             </div>
  65.                         </div>
  66.                     {% elseif q != '' %}
  67.                         <div>
  68.                             <div style="text-align: center">
  69.                                 <div class="text-center color-dark">
  70.                                     <h1 class="color-primary text-big">Výsledek vyhledání</h1>
  71.                                     <h2>Bez záznamu</h2>
  72.                                     <p class="lead lead-sm">Bohužel jsme nenašli, co jste hledali.<br>Zkuste to prosím znovu.</p>
  73.                                     <i class="fa fa-frown"></i>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                     {% endif %}
  78.                 </article>
  80.             </div>
  81.             {% include 'partials/sidecol.html.twig' %}
  82.         </div>
  83.     </div>
  85. {% endblock %}
  88. {% block javascripts %}
  89.     {{ parent() }}
  90.     <script src="/assets/js/component-carousels-1.js"></script>
  92.     <script>
  93.         $(document).ready(function(){
  94.             $('article.card').css('min-height', '1460px');
  96.             $( 'a.custom-collapsed' ).click(function( index ) {
  98.                 var element_id = $(this).data('id');
  99.                 var toggle = $(this).data('toggle');
  100.                 if (toggle == 'collapse') {
  101.                     $(this).removeClass('collapsed');
  102.                     $(this).addClass('collapse');
  103.                     $(this).data('toggle', 'collapsed');
  104.                     $('#'+element_id).collapse('show');
  106.                 }
  107.                 else {
  108.                     $(this).removeClass('collapse');
  109.                     $(this).addClass('collapsed');
  110.                     $(this).data('collapse');
  111.                     $(this).data('toggle', 'collapse');
  112.                     $('#'+element_id).collapse('hide');
  113.                 }
  115.             });
  116.             //<a class="collapsed" role="button" data-toggle="collapse" data-id="collapse16" aria-expanded="false" aria-controls="collapse16">
  119.         });
  120.     </script>
  121. {% endblock %}