theme/templates/layouts/programs/programs.default.html.twig line 1

Open in your IDE?
  1. {% import 'blocks/macros.html.twig' as macros %}
  2. {% extends 'layouts\\base.html.twig' %}
  3. {% block head %}
  4.     {{ encore_entry_link_tags('media-center') }}
  5.     {{ parent() }}
  6.    {# JSON-LD VideoObject #}
  7.     {% set data = {
  8.     '@context': 'https://schema.org',
  9.     '@type': 'VideoObject',
  10.     name: title|default(''),
  11.     publisher: {
  12.         '@type': 'Organization',
  13.         name: 'Conta lá',
  14.         logo: {
  15.         '@type': 'ImageObject',
  16.         url: CDN_URL|default('') ~ get_config('logo_mobile','')|default('')
  17.         }
  18.     },
  19.     datePublished: page.publishDate ? page.publishDate|date('c') : '',
  20.     mainEntityOfPage: {
  21.         '@type': 'WebPage',
  22.         '@id': app.request.getSchemeAndHttpHost() ~ canonicalUrl|raw
  23.     }
  24.     } %}
  26.     {# Image #}
  27.     {% if default_image|default %}
  28.     {% set data = data|merge({ image: default_image|imagine_filter('news')|urldecode }) %}
  29.     {% endif %}
  31.     {# Authors #}
  32.     {% if page.pageAuthors|length > 0 %}
  33.     {% set authors = [] %}
  34.     {% for author in page.pageAuthors %}
  35.         {% set authors = authors|merge([{ '@type': 'Person', name: author.name|default('') }]) %}
  36.     {% endfor %}
  37.     {% set data = data|merge({ author: authors }) %}
  38.     {% endif %}
  40.     {# Render #}
  41.     <script type="application/ld+json">{{ data|json_encode(constant('JSON_UNESCAPED_SLASHES'))|raw }}</script>
  42.  
  44. {% endblock %}
  46. {% block body_class %} class="program program--item"{% endblock %}
  48. {% block content %}
  49. {% set parent_content = parent()|trim %}
  51. {% set pageInfo = get_page_info(app.request.locale, page.id, true, "Temas")|default(null) %}
  52. {% set categories = pageInfo.categories is defined ? pageInfo.categories : null %}
  54.     {% set hero = {
  55.         title:      title|default(null),
  56.         hide_title: hide_title|default(null),
  57.         summary:    short_text|default(null),
  58.         logo:       logo|default(null),
  59.         image:      video_thumb|default(null) ?: default_image|default(null) ?: '/uploads/system/placeholder-horizontal.png',
  60.         intro:      intro|default(null),
  61.         trailer:    trailer|default(null),
  62.         video:      video_youtubeid|default(null),
  63.         url:        url|default(null),
  64.         tags:       page.tags|default(null)
  65.     } %}
  66.     {% set exclusiveTag = hero.tags|default([])|filter(t => t.domainValue.type.name == 'Exclusive')|first|default(null) %}
  68.     <section class="hero-banner pt-0">
  69.         <div class="container">
  70.             <div class="hero-banner__content">
  71.                 {% if hero.logo %}
  72.                 <h1 class="hero-banner__logo">
  73.                     {% set extension = hero.logo|extension %}
  74.                     {% if extension == 'svg' or  extension == 'gif' %}
  75.                     <img loading="lazy" src="{{ CDN_URL|default }}{{ hero.logo }}" alt="{{ hero.title|e }}" title="{{ hero.title|e }}">
  76.                     {% else %}
  77.                     <img src="{{ hero.logo|imagine_filter('logo')|urldecode }}" alt="{{ hero.title|e }}" title="{{ hero.title|e }}">
  78.                     {% endif %}
  79.                 </h1>
  80.                 {% elseif not hero.hide_title %}
  81.                 <h1 class="hero-banner__title">{{ hero.title }}</h1>
  82.                 {% endif %}
  84.                 {# ------ TEMAS ----- #}
  85.                 {% set maxVisible = 5 %}
  86.                 {% if categories or exclusiveTag %}
  87.                     <div class="categories">
  88.                         {{ macros.renderCategoryPopover(categories, maxVisible, false, exclusiveTag, languagecode) }}
  89.                     </div>
  90.                 {% endif %}
  93.                 {# ------ ICONS ----- #}
  94.                 {% if hero.tags %}
  95.                     {% set countIcon = 0 %}
  96.                     <div class="hero-banner__icons">
  97.                     {% for tag in hero.tags if countIcon < 3 %}
  98.                         {% if tag.domainValue is defined
  99.                             and tag.domainValue.type is defined
  100.                             and tag.domainValue.type.value == 'Atributos de Visualização'
  101.                             and tag.domainValue.icon is defined %}
  103.                             {# <span><img src="{{ asset(tag.domainValue.icon) }}" alt=""></span> #}
  104.                             <span><img src="{{ CDN_URL }}{{ tag.domainValue.icon }}" alt="{{ tag.domainValue.description|e }}"></span>
  105.                             {% set countIcon = countIcon + 1 %}
  106.                         {% endif %}
  107.                     {% endfor %}
  108.                     </div>
  109.                 {% endif %}
  111.                 {# ------ DESCRIPTION ----- #}
  112.                 {% if hero.summary %}<p class="hero-banner__summary">{{ hero.summary|raw }}</p>{% endif %}
  114.                 {# ------ AUTHORS ----- #}
  115.                 {% include 'partials/elements/authors.twig' %}
  117.                 {# ------ ACTIONS ----- #}
  118.                 <div class="hero-banner__actions">
  119.                     {% if hero.video %}
  120.                     <a class="btn btn-secondary" data-video-id="{{ hero.video }}" data-page-id="{{ page.id|default(null) }}"><img src="{{asset('custom/transmission-icon.svg', 'global')}}" alt="ícone transmissão" class="btn__icon">{{ 'Ver agora'|trans ({},'custom' ) }}</a>
  121.                     {% endif %}
  122.                     {% if hero.trailer %}
  123.                     <a class="btn btn-primary btn-style-1" data-video-id="{{ hero.trailer }}">{{ 'Ver trailer'|trans ({},'custom' ) }}</a>
  124.                     {% endif %}
  125.                     <a role="button" class="pt-1" data-toggle="modal" data-target="#shareModal">
  126.                     {{ file_get_contents(asset('custom/share-icon.svg', 'global'))|raw }}
  127.                     </a>
  128.                 </div>
  129.             </div>
  131.             {% if hero.intro %}
  132.             <button type="button" class="hero-video-bg__volume js-hero-volume" aria-label="Ativar som" aria-pressed="false" title="Ativar som"></button>
  133.             {% endif %}
  135.         </div>
  136.         <div class="hero-banner__cover">
  137.             {% if hero.intro %}
  138.             <div class="hero-video-bg">
  139.                 <div id="hero-bg-player" data-video-id="{{ hero.intro }}"></div>
  140.             </div>
  142.             {% elseif hero.image %}
  143.             <picture>
  144.                 <source media="(min-width: 1200px)" srcset="{{ hero.image|imagine_filter('banner_xl')|urldecode }}">
  145.                 <source media="(min-width: 992px)" srcset="{{ hero.image|imagine_filter('banner_lg')|urldecode }}">
  146.                 <source media="(min-width: 768px)" srcset="{{ hero.image|imagine_filter('banner_md')|urldecode }}">
  147.                 <source media="(min-width: 576px)" srcset="{{ hero.image|imagine_filter('banner_sm')|urldecode }}">
  148.                 <img src="{{ hero.image|imagine_filter('banner_xs')|urldecode }}"
  149.                     loading="lazy"
  150.                     alt="{{ hero.title|e }}" fetchpriority="high">
  151.             </picture>
  152.             {% endif %}
  153.         </div>
  154.         {% include 'blocks/block_share_modal/block_share_modal.default.html.twig' %}
  155.     </section>
  157.     {# ------ TAGS BAR ----- #}
  158.     <section class="tags-bar">
  159.         <div class="container">
  160.             <div class="tags-bar__title">{{ 'related_tags'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  161.             <div class="tags-bar__content tags-list">
  162.                 {% set tags = page.tags|default(null)%}
  163.                 {% if tags is iterable and tags|length %}
  165.                     {% for tag in tags %}
  166.                         {% if tag.domainValue is defined
  167.                             and tag.domainValue.type is defined
  168.                             and tag.domainValue.machineName is defined
  169.                             and tag.domainValue.machineName != 'programas'
  170.                             and (tag.domainValue.type.value == 'Genérico'
  171.                             or tag.domainValue.type.value == 'Localização'
  172.                             or tag.domainValue.type.value == 'Tipo de Programa') %}
  174.                             {% if tag.domainValue.description is defined and tag.domainValue.description is not empty %}
  175.                                 <div><a class="tag" role="button" href="/pt/pesquisa?tags[]={{ tag.domainValue.machineName|e }}">{{ tag.domainValue.description }}</a></div>
  176.                             {% endif %}
  178.                         {% endif %}
  179.                     {% endfor %}
  181.                 {% endif %}
  182.             </div>
  183.         </div>
  184.     </section>
  186.     {# Blocos #}
  187.     {{ parent_content|raw }}
  189.     {# Snippet Veja também #}
  190.     {% set snippet = render(controller('App\\Controller\\PageContentController::renderSnippet', {"stdSnippets": get_config('snippet_programs',''), "pageId": page.id})) %}
  191.     {% if snippet|default %}
  192.         {{snippet|raw}}
  193.     {% endif %}
  195. {% endblock %}
  197. {% block scripts %}
  198.     {{ parent() }}
  199.     {{ encore_entry_script_tags('media-center') }}
  200. {% endblock %}