templates/selection/list.html.twig line 1

Open in your IDE?
  1. <div class="container">
  2.     <div class="collections-page_row">
  3.         <div class="collections-page_info">
  4.             <div class="collections-page_info-img not-mobile" style="background-image: url({{ selection.linkImage }})"></div>
  5.             <div class="collections-page_info-meta">
  6.                 <div class="collections-page_info-img tablet" style="background-image: url({{ selection.linkImage }})"></div>
  7.                 <h1 class="collections-page_h1">{{ selection.translate(locale).title|raw }}</h1>
  8.                 <div class="collections-page_info-img mobile" style="background-image: url({{ selection.linkImage }})"></div>
  9.                 <div class="collections-page_info-date">
  10.                     {% if selection.cronUpdatedAt is not null %}
  11.                         {{ 'Цены актуальны на'|trans }}
  12.                         {% if 'now'|date('d.m.Y') == selection.cronUpdatedAt|date("d.m.Y") %}
  13.                             {{ 'сегодня'|trans }} {{ selection.cronUpdatedAt|date("H:i") }}
  14.                         {% else %}
  15.                             {{ selection.cronUpdatedAt|date("d.m.Y H:i") }}
  16.                         {% endif %}
  17.                     {% endif %}
  18.                     <br>
  19.                     {{ 'Подборка создана'|trans }} {{ selection.createdAt|date('d') }} {{ (selection.createdAt|date('F'))|trans }}
  20.                 </div>
  21.                 <div class="collections-page_info-text">
  22.                     {{ selection.translate(locale).content|raw }}
  23.                     <div class="collections-page_info-text-more"></div>
  24.                 </div>
  25.                 {% if selection.alternativeSelections|length > 0 %}
  26.                     <div class="alternativeSelections">
  27.                         <h2 class="alternativeSelections-title">{{ 'Що ще цікавого?'|trans }}</h2>
  28.                         <div class="alternativeSelections-wrapper">
  29.                             {% for alternativeSelection in selection.alternativeSelections %}
  30.                                 {% if alternativeSelection.published %}
  31.                                     <div class="alternativeSelections-inner">
  32.                                         <div class="alternativeSelections-inner-short">
  33.                                             <div class="alternativeSelections-inner-image" style="background-image: url({{ alternativeSelection.linkImage }})"></div>
  34.                                             <p class="alternativeSelections-inner-short-text">{{ alternativeSelection.translate(locale).title|raw }}</p>
  35.                                             <button class="alternativeSelections-inner-short-button"></button>
  36.                                         </div>
  38.                                         <div class="alternativeSelections-inner-full">
  39.                                             <p class="alternativeSelections-inner-full-text">
  40.                                                 {{ alternativeSelection.translate(locale).content|split(' ')|slice(0, 40)|join(' ')|raw }}...
  41.                                             </p>
  42.                                             <a class="alternativeSelections-inner-full-link" href="{{  path('app_selection', { selectionSlug: alternativeSelection.slug }) }}">{{ 'Докладніше'|trans }}...</a>
  43.                                         </div>
  44.                                     </div>
  45.                                 {% endif %}
  46.                             {% endfor %}
  47.                         </div>
  48.                     </div>
  49.                 {% endif %}
  50.             </div>
  51.         </div>
  53.         {% if tours|length > 0 %}
  54.             <div class="collections-page_list">
  55.                 {% include 'selection/parts/tours.html.twig' %}
  56.             </div>
  57.         {% endif %}
  58.     </div>
  59. </div>
  61. <script>
  62.     $(document).ready(function () {
  63.         $('.alternativeSelections-inner-short').on('click', function () {
  64.             let $fullBlock = $(this).next('.alternativeSelections-inner-full');
  65.             let $button = $(this).children('.alternativeSelections-inner-short-button');
  67.             $fullBlock.toggleClass('active');
  68.             $button.toggleClass('active');
  70.             if ($fullBlock.hasClass('active')) {
  71.                 let contentHeight = 43 + $fullBlock.find('p').toArray().reduce((sum, p) => sum + $(p).height(), 0);
  72.                 $fullBlock.css('height', contentHeight + 'px');
  73.             } else {
  74.                 $fullBlock.css('height', '0px');
  75.             }
  76.         });
  77.     });
  78. </script>