theme/templates/blocks/block_list/block_list.featured_posters.html.twig line 1

Open in your IDE?
  1. {# BLOCK LISTA #}
  2. {% import 'blocks\\macros.html.twig' as macros %}
  3. {% set list = studio.getVariable('lista')|default([]) %}
  4. {{ studio.setVariable('lista', []) }}
  6. {% if list is not empty %}
  9. <section class="{{ blockSequence|default }} block-list programs-list programs-list--featured {{ settings.extra_class|default(null) }}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  10. {% set firstItem = list[0]|default(null) %}
  12. {% if firstItem %}
  13.     {% set hero = {
  14.         id:         firstItem.id|default(null),
  15.         title:      firstItem.title|default(null),
  16.         hide_title: firstItem.hide_title|default(null),
  17.         summary:    firstItem.short_text|default(null),
  18.         logo:       firstItem.logo|default(null),
  19.         image:      firstItem.video_thumb|default(null) ?: firstItem.default_image|default(null) ?: '/uploads/system/placeholder-horizontal.png',
  20.         video:      firstItem.video_youtubeid|default(null),
  21.         video_time: firstItem.video_duration|default(null),
  22.         url:        firstItem.url|default(null),
  23.     } %}
  25.     <div class="hero-banner">
  26.         <div class="container">
  27.             <div class="hero-banner__content">
  28.                 {% if fields.title|default %}
  29.                 <h2>{{ fields.title }}</h2>
  30.                 {% endif %}
  32.                 {% if hero.logo %}
  33.                 <h3 class="hero-banner__logo">
  34.                     {% set extension = hero.logo|extension %}
  35.                     {% if extension == 'svg' or  extension == 'gif' %}
  36.                     <img loading="lazy" src="{{ CDN_URL|default }}{{ hero.logo }}" alt="{{ hero.title|e }}" title="{{ hero.title|e }}">
  37.                     {% else %}
  38.                     <img src="{{ hero.logo|imagine_filter('logo')|urldecode }}" alt="{{ hero.title|e }}" title="{{ hero.title|e }}">
  39.                     {% endif %}
  40.                 </h3>
  41.                 {% elseif not hero.hide_title %}
  42.                 <h3 class="hero-banner__title">{{ hero.title }}</h3>
  43.                 {% endif %}
  45.                 {# ------ TEMAS ----- #}
  46.                 {% set pageInfo = get_page_info(app.request.locale, hero.id, true, "Temas")|default(null) %}
  47.                 {% set categories = pageInfo.categories ? pageInfo.categories : null %}
  49.                 {% set maxVisible = 3 %}
  50.                 {% if categories %}
  51.                     <div class="categories">
  52.                         {# <div class="category category--exclusive">{{ 'Exclusivo Conta lá'|trans ({},'custom' ) }}</div> #}
  53.                         {% set total = categories|length %}
  54.                         {% for category in categories %}
  55.                             {% if loop.index <= maxVisible %}
  56.                                 {% if category.title is defined and category.title is not empty %}
  57.                                     <a class="category" role="button" href="/pt/pesquisa?themes[]={{ category.url|e }}">{{ category.title }}</a>
  58.                                 {% endif %}
  59.                             {% endif %}
  60.                         {% endfor %}
  61.                         {% if total > maxVisible %}
  62.                             <button type="button" class="category btn-more js-btn-more-categories">
  63.                             + {{ total - maxVisible }}
  64.                             <div class="category-popover card card-blur">
  65.                                 <div class="arrow">{{ file_get_contents(asset('custom/popover-arrow-icon.svg', 'global'))|raw }}</div>
  66.                                 {% for category in categories %}
  67.                                     {% if loop.index > maxVisible %}
  68.                                         {% if category.title is defined and category.title is not empty %}
  69.                                             <span class="category">{{ category.title }}</span>
  70.                                         {% endif %}
  71.                                     {% endif %}
  72.                                 {% endfor %}
  73.                             </div>
  74.                             </button>
  75.                         {% endif %}
  76.                     </div>
  77.                 {% endif %}
  79.                 {% if hero.summary %}<div class="hero-banner__summary line-clamp-4">{{ hero.summary|raw }}</div>{% endif %}
  81.                 <div class="hero-banner__actions">
  82.                     {% if hero.video %}
  83.                     <a href="#" class="btn btn-secondary" data-video-id="{{ hero.video }}"><img src="{{asset('custom/transmission-icon.svg', 'global')}}" alt="ícone transmissão" class="btn__icon">{{ 'Ver agora'|trans ({},'custom' ) }}</a>
  84.                     {% endif %}
  85.                     <a href="{{ hero.url|e }}" class="btn btn-primary btn-style-1"><img src="{{asset('custom/info-icon.svg', 'global')}}" alt="ícone informações" class="btn__icon">{{ 'Informações'|trans ({},'custom' ) }}</a>
  86.                 </div>
  88.             </div>
  89.         </div>
  90.         {% if hero.image %}
  91.         <div class="hero-banner__cover">
  92.             <picture>
  93.                 <source media="(min-width: 1200px)" srcset="{{ hero.image|imagine_filter('banner_xl')|urldecode }}">
  94.                 <source media="(min-width: 992px)" srcset="{{ hero.image|imagine_filter('banner_lg')|urldecode }}">
  95.                 <source media="(min-width: 768px)" srcset="{{ hero.image|imagine_filter('banner_md')|urldecode }}">
  96.                 <source media="(min-width: 576px)" srcset="{{ hero.image|imagine_filter('banner_sm')|urldecode }}">
  97.                 <img src="{{ hero.image|imagine_filter('banner_xs')|urldecode }}"
  98.                     loading="lazy"
  99.                     alt="{{ hero.title|e }}" fetchpriority="high">
  100.             </picture>
  101.         </div>
  102.         {% endif %}
  103.     </div>
  104.     {% endif %}
  106.     <div class="{% if settings.fullwidth|default(0) != 1 %}container{% else %}w-100{% endif %}{% if settings.light_mode|default == 1 %} light-mode{% endif %}">
  107.     {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
  108.         {% import 'blocks\\block_list\\block_list.default.settings.twig' as slick_settings %}
  109.         <div class="slick-carousel programs-list__carousel {% if settings.light_mode|default != 1 %} invert-colors{% endif %}" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}' style="--block-list-gap:{{ settings.items_gap|default('var(--margin)') }};">
  110.     {% else %}
  111.         <div class="row grid{% if settings.light_mode|default == 1 %} light-mode{% endif %}" style="--block-list-gap:{{ settings.items_gap|default('var(--margin)') }}; --block-list-cols:{{settings.column|default('3')}}">
  112.     {% endif %}
  114.             {% set rest = list|slice(1) %}
  115.             {% if rest is not empty %}
  116.                 {% for item in rest %}
  117.                 {% include "partials\\elements\\program-poster.twig" %}
  118.                 {% endfor %}
  119.             {% endif %}
  120.         </div>
  121.     </div>
  123.     {% if fields.view_more_url is defined and fields.view_more_url != '' %}
  124.     <div class="container{% if settings.light_mode|default == 1 %} light-mode{% endif %}">
  125.         <a href="{{ fields.view_more_url|e }}" class="btn btn-primary btn-outline view-more">{{ fields.button_text|default('Ver todos') }} <span class="btn__icon">{{ file_get_contents(asset('custom/list-icon.svg', 'global'))|raw }}</span></a>
  126.     </div>
  127.     {% endif %}
  129.     {% if fields.paginate %}
  130.         <div class="container">
  131.             {% set datapage = paginator.getPaginationData %}
  132.             {% if isajax is defined %}
  133.                 {% if datapage.pageCount > 1 %}
  134.                     <nav>
  135.                         <ul class="pagination">
  136.                             {% if datapage.previous is defined %}
  137.                                 <li class="page-item ajax-paginator" data-page-id="{{ pageid }}" page-id="{{ datapage.previous }}">
  138.                                     <span class="page-link" rel="prev">&laquo;&nbsp;{{ 'label_previous'|trans([], 'KnpPaginatorBundle') }}</span>
  139.                                 </li>
  140.                             {% else %}
  141.                                 <li class="page-item disabled">
  142.                                     <span class="page-link">&laquo;&nbsp;{{ 'label_previous'|trans([], 'KnpPaginatorBundle') }}</span>
  143.                                 </li>
  144.                             {% endif %}
  145.                             {% for i in 1..datapage.pageCount %}
  146.                                 <li class="page-item {% if i == datapage.current %}active{% else %}ajax-paginator" data-page-id="{{ pageid }}" page-id="{{ i }}{% endif %}">
  147.                                     <span class="page-link">{{ i }}</span>
  148.                                 </li>
  149.                             {% endfor %}
  150.                             {% if datapage.next is defined %}
  151.                                 <li class="page-item ajax-paginator" data-page-id="{{ pageid }}" page-id="{{ datapage.next }}">
  152.                                     <span class="page-link" rel="next">{{ 'label_next'|trans([], 'KnpPaginatorBundle') }}&nbsp;&raquo;</span>
  153.                                 </li>
  154.                             {% else %}
  155.                                 <li class="page-item disabled">
  156.                                     <span class="page-link">{{ 'label_next'|trans([], 'KnpPaginatorBundle') }}&nbsp;&raquo;</span>
  157.                                 </li>
  158.                             {% endif %}
  159.                         </ul>
  160.                     </nav>
  161.                 {% endif %}
  162.             {% else %}
  163.                  {{ knp_pagination_render(paginator,'paginator/navigation.pagination.html.twig') }}
  164.             {% endif %}
  165.         </div>
  166.     {% endif %}
  167. </section>
  168. {% endif %}
  169. {# @END BLOCK LISTA #}