theme/templates/layouts/news/news.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.     {% embed 'partials\\head.html.twig'%}
  5.         {% block ogtype %}article{% endblock %}
  6.     {% endembed %}
  7.     
  8.     {# JSON-LD NewsArticle #}
  9.     {% set data = {
  10.     '@context': 'https://schema.org',
  11.     '@type': 'NewsArticle',
  12.     headline: title|default(''),
  13.     publisher: {
  14.         '@type': 'Organization',
  15.         name: 'Conta lá',
  16.         logo: {
  17.         '@type': 'ImageObject',
  18.         url: CDN_URL|default('') ~ get_config('logo_mobile','')|default('')
  19.         }
  20.     },
  21.     datePublished: page.publishDate ? page.publishDate|date('c') : '',
  22.     mainEntityOfPage: {
  23.         '@type': 'WebPage',
  24.         '@id': app.request.getSchemeAndHttpHost() ~ canonicalUrl|raw
  25.     }
  26.     } %}
  28.     {# Image #}
  29.     {% if default_image|default %}
  30.     {% set data = data|merge({ image: default_image|imagine_filter('news')|urldecode }) %}
  31.     {% endif %}
  33.     {# Authors #}
  34.     {% if page.pageAuthors|length > 0 %}
  35.     {% set authors = [] %}
  36.     {% for author in page.pageAuthors %}
  37.         {% set authors = authors|merge([{ '@type': 'Person', name: author.name|default('') }]) %}
  38.     {% endfor %}
  39.     {% set data = data|merge({ author: authors }) %}
  40.     {% endif %}
  42.     {# Render #}
  43.     <script type="application/ld+json">{{ data|json_encode(constant('JSON_UNESCAPED_SLASHES'))|raw }}</script>
  44.     
  45.     {{ encore_entry_link_tags('news') }}
  46. {% endblock %}
  47. {% block body_class %} class="white-layout"{% endblock %}
  48. {% block content %}
  49. {% set exclusiveTag = page.tags|filter(t => t.domainValue.type.name == 'Exclusive')|first|default(null) %}
  50. {% set repeatable = _repeatable|default([]) %}
  51. {# New structure: repeatable is an array of groups, each group contains all fields for that item #}
  52. {% set hasGallery = repeatable|length > 0 %}
  53. {% set repeatableCount = repeatable|length %}
  54.     <section class="block-contenttype-content">
  55.         <div class="container ">
  56.             <article class="row">
  57.                 <div class="col-12 col-lg-auto order-3 order-lg-1">
  58.                     <div class="social-share">
  60.                         {% set shareUrl = (app.request.getSchemeAndHttpHost() ~ app.request.requestUri)|url_encode %}
  61.                         {% set shareText = (title|default('') ~ ' ' ~ (app.request.getSchemeAndHttpHost() ~ app.request.requestUri))|url_encode %}
  63.                         {# FACEBOOK #}
  64.                         <a href="https://www.facebook.com/sharer.php?u={{ shareUrl }}"
  65.                         target="_blank" rel="noopener noreferrer" title="Partilha no Facebook">
  66.                             {{ file_get_contents(asset('custom/social-share/facebook.svg', 'global'))|raw }}
  67.                         </a>
  69.                         {# WHATSAPP #}
  70.                         <a href="{% if is_mobile() %}
  71.                                     whatsapp://send?text={{ shareText }}
  72.                                 {% else %}
  73.                                     https://api.whatsapp.com/send?text={{ shareText }}
  74.                                 {% endif %}"
  75.                         target="_blank" rel="noopener noreferrer" title="Partilha no WhatsApp">
  76.                             {{ file_get_contents(asset('custom/social-share/whatsapp.svg', 'global'))|raw }}
  77.                         </a>
  79.                         {# X (Twitter) #}
  80.                         <a href="https://twitter.com/intent/tweet?url={{ shareUrl }}&text={{ title|default('')|url_encode }}"
  81.                         target="_blank" rel="noopener noreferrer" title="Partilha no X">
  82.                             {{ file_get_contents(asset('custom/social-share/x.svg', 'global'))|raw }}
  83.                         </a>
  85.                         {# <a href="https://www.linkedin.com/cws/share?url={{app.request.getSchemeAndHttpHost()~app.request.requestUri}}" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a> #}
  86.                         {# <a href="mailto:info@example.com?&subject=&cc=&bcc=&body={{ app.request.uri }}%0A" target="_blank">
  87.                             <i class="fa fa-envelope"></i>
  88.                         </a> #}
  89.                         <input type="text" id="urlpage" class="d-none" value="{{app.request.getSchemeAndHttpHost()~app.request.requestUri}}">
  90.                         <a href="{{app.request.getSchemeAndHttpHost()~app.request.requestUri}}" target="_blank" class="copyclipboard">
  91.                             {{ file_get_contents(asset('custom/social-share/url.svg', 'global'))|raw }}
  92.                         </a>
  94.                     </div>
  95.                 </div>
  96.                 <div class="col order-2">
  97.                     <h1>{{title|default}}</h1>                   
  98.                     {% set pageInfo = get_page_info(app.request.locale, page.id, true, "Temas") %}
  99.                     {% set categories = pageInfo.categories|default %}
  101.                     {# ------ TEMAS ----- #}
  102.                     {% set maxVisible = 10 %}
  103.                     {% if categories or exclusiveTag %}
  104.                         <div class="categories">
  105.                             {{ macros.renderCategoryPopover(categories, maxVisible, false, exclusiveTag, languagecode,'',false) }}
  106.                         </div>
  107.                     {% endif %}
  109.                     {% if short_text|default %}
  110.                         <div id="shorttext" class="fullcontent">
  111.                             {{ short_text|raw }}
  112.                         </div>
  113.                     {% endif %}
  115.                     {# ------ AUTHORS ----- #}
  116.                     {% include 'partials/elements/authors.twig' %}
  118.                     {% if date|default and hide_date|default != '1' %}
  119.                     {% set tz = 'Europe/Lisbon' %}
  120.                     {% set dateToShow = pageInfo.page.publishDate|default(date) %}
  121.                     {# 24h para pt/es; 12h com AM/PM para en #}
  122.                     {% set fmt = app.request.locale starts with('en') ? 'MMM dd yyyy, HH:mm' : 'dd MMM yyyy, HH:mm' %}
  123.                     <div class="date time">
  124.                         {{ file_get_contents(asset('custom/time-icon.svg', 'global'))|raw }}
  125.                         {{ dateToShow|localizeddate('none', 'none', app.request.locale, tz, fmt) }}
  126.                     </div>
  127.                     {% endif %}
  130.                     {% if full_text|default %}
  131.                         <hr>
  132.                         <div class="d-flex align-items-center justify-content-between mb-3">
  133.                             <button id="textSizeBtn" aria-label="{{ 'change_text_size'|trans ({},'custom' )|html_entity_decode|raw }}" class="text-size" >
  134.                                 <span aria-hidden="true">{{ file_get_contents(asset('custom/fontsize-icon.svg', 'global'))|raw }}</span>
  135.                                 <div>{{ 'text_size'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  136.                                 <div id="popover">
  137.                                     <div class="option" data-size="small" onclick="handleTextSizeChange('small')"><span class="small">A</span> {{ 'small'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  138.                                     <div class="option" data-size="medium" onclick="handleTextSizeChange('medium')"><span class="medium">A</span> {{ 'medium'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  139.                                     <div class="option" data-size="large" onclick="handleTextSizeChange('large')"><span class="large">A</span> {{ 'large'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  140.                                 </div>
  141.                             </button>
  142.                             <button class="read-fullcontent" aria-label="{{ 'listen_publication_content'|trans ({},'custom' )|html_entity_decode|raw }}" data-lang="{{ app.request.locale }}-{{ app.request.locale|upper }}" data-minutes="{{ 'minutes'|trans ({},'custom' )|html_entity_decode|raw }}" data-seconds="{{ 'seconds'|trans ({},'custom' )|html_entity_decode|raw }}">
  143.                                 <span aria-hidden="true">{{ file_get_contents(asset('custom/sound-icon.svg', 'global'))|raw }}</span>
  144.                                 <div>
  145.                                     {{ 'listening'|trans ({},'custom' )|html_entity_decode|raw }} (<span class="timeread"></span>)
  146.                                 </div>
  147.                             </button>
  148.                         </div>
  149.                     {% endif %}
  151.                     {# ===== MEDIA SECTION ===== #}
  152.                     {# Preparar variáveis de imagem default #}
  153.                     {% if is_mobile() %}
  154.                         {% set defaultimage = default_image_mobile|default(default_image|default('')) %}
  155.                         {% set defaultimage_alt = default_image_mobile_alt|default(default_image_alt|default('')) %}
  156.                         {% set defaultimage_title = default_image_mobile_title|default(default_image_title|default('')) %}
  157.                         {% set imageFilter = 'small' %}
  158.                     {% else %}
  159.                         {% set defaultimage = default_image|default(default_image_mobile|default('')) %}
  160.                         {% set defaultimage_alt = default_image_alt|default(default_image_mobile_alt|default('')) %}
  161.                         {% set defaultimage_title = default_image_title|default(default_image_mobile_title|default('')) %}
  162.                         {% set imageFilter = 'news' %}
  163.                     {% endif %}
  165.                     {# Determinar se existe media principal (vídeo tem prioridade) #}
  166.                     {% set hasMainVideo = video_youtubeid|default %}
  167.                     {% set hasMainImage = defaultimage|default %}
  168.                     {% set hasMainMedia = hasMainVideo or hasMainImage %}
  170.                     {% if hasMainMedia or hasGallery %}
  171.                         {% if hasGallery %}
  172.                             {# COM GALERIA - Slider #}
  173.                             <div class="slick-carousel news-media-slider" data-slick='{"dots":true,"arrows":true,"adaptiveHeight":false}'>
  174.                                 {# Slide 1: Vídeo principal OU Imagem principal #}
  175.                                 {% if hasMainVideo %}
  176.                                     <div>
  177.                                         <div class="news-media-frame">
  178.                                             <div class="plyr__video-embed video-player">
  179.                                                 <iframe
  180.                                                     src="https://www.youtube.com/embed/{{ video_youtubeid }}?origin={{ app.request.getSchemeAndHttpHost()|url_encode }}&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;mute=1"
  181.                                                     allowfullscreen
  182.                                                     allowtransparency
  183.                                                     allow="autoplay; encrypted-media; fullscreen; picture-in-picture"
  184.                                                 ></iframe>
  185.                                             </div>
  186.                                         </div>
  187.                                         {% if video_thumb_title|default %}
  188.                                             <div class="media-alt">{{ video_thumb_title|raw }}</div>
  189.                                         {% endif %}
  190.                                     </div>
  191.                                 {% elseif hasMainImage %}
  192.                                     <div>
  193.                                         <div class="news-media-frame">
  194.                                             <img loading="lazy" src="{{ defaultimage|imagine_filter(imageFilter)|urldecode }}" alt="{{ defaultimage_alt }}" title="{{ defaultimage_title }}" class="img-fluid">
  195.                                         </div>
  196.                                         {% if defaultimage_title %}
  197.                                             <div class="media-alt">{{ 'photography'|trans({},'custom') }} {{ defaultimage_title|raw }}</div>
  198.                                         {% endif %}
  199.                                     </div>
  200.                                 {% endif %}
  202.                                 {# Slides da galeria #}
  203.                                 {% for item in repeatable %}
  204.                                     {% set youtubeId = item.gallery_video_id|default('') %}
  205.                                     {% if youtubeId %}
  206.                                         {# Slide de vídeo #}
  207.                                         <div>
  208.                                             <div class="news-media-frame">
  209.                                                 <div class="plyr__video-embed video-player">
  210.                                                     <iframe
  211.                                                         src="https://www.youtube.com/embed/{{ youtubeId }}?origin={{ app.request.getSchemeAndHttpHost()|url_encode }}&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;mute=1"
  212.                                                         allowfullscreen
  213.                                                         allowtransparency
  214.                                                         allow="autoplay; encrypted-media; fullscreen; picture-in-picture"
  215.                                                     ></iframe>
  216.                                                 </div>
  217.                                             </div>
  218.                                             {% if item.gallery_caption|default %}
  219.                                                 <div class="media-alt">{{ item.gallery_caption|raw }}</div>
  220.                                             {% endif %}
  221.                                         </div>
  222.                                     {% else %}
  223.                                         {# Slide de imagem #}
  224.                                         {% if is_mobile() %}
  225.                                             {% set galleryImage = item.gallery_image_mobile|default(item.gallery_image|default('')) %}
  226.                                             {% set galleryImageAlt = item.gallery_image_mobile_alt|default(item.gallery_image_alt|default('')) %}
  227.                                             {% set galleryImageTitle = item.gallery_image_mobile_title|default(item.gallery_image_title|default('')) %}
  228.                                         {% else %}
  229.                                             {% set galleryImage = item.gallery_image|default(item.gallery_image_mobile|default('')) %}
  230.                                             {% set galleryImageAlt = item.gallery_image_alt|default(item.gallery_image_mobile_alt|default('')) %}
  231.                                             {% set galleryImageTitle = item.gallery_image_title|default(item.gallery_image_mobile_title|default('')) %}
  232.                                         {% endif %}
  233.                                         {% if galleryImage %}
  234.                                             <div>
  235.                                                 <div class="news-media-frame">
  236.                                                     <img loading="lazy" src="{{ galleryImage|imagine_filter(imageFilter)|urldecode }}" alt="{{ galleryImageAlt }}" title="{{ galleryImageTitle }}" class="img-fluid">
  237.                                                 </div>
  238.                                                 {% if item.gallery_caption|default %}
  239.                                                     <div class="media-alt">{{ item.gallery_caption|raw }}</div>
  240.                                                 {% endif %}
  241.                                             </div>
  242.                                         {% endif %}
  243.                                     {% endif %}
  244.                                 {% endfor %}
  245.                             </div>
  246.                         {% else %}
  247.                             {# SEM GALERIA - Media único #}
  248.                             {% if hasMainVideo %}
  249.                                 <div class="plyr__video-embed video-player">
  250.                                     <iframe
  251.                                         src="https://www.youtube.com/embed/{{ video_youtubeid }}?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1{% if video_autoplay|default %}&amp;autoplay=1&amp;muted=1{% endif %}"
  252.                                         allowfullscreen
  253.                                         allowtransparency
  254.                                         {% if video_autoplay|default %}allow="autoplay"{% endif %}
  255.                                     ></iframe>
  256.                                 </div>
  257.                                 {% if video_thumb_title|default %}
  258.                                     <div class="media-alt">{{ video_thumb_title|raw }}</div>
  259.                                 {% endif %}
  260.                             {% elseif hasMainImage %}
  261.                                 <img loading="lazy" src="{{ defaultimage|imagine_filter(imageFilter)|urldecode }}" alt="{{ defaultimage_alt }}" title="{{ defaultimage_title }}" class="img-fluid">
  262.                                 {% if defaultimage_title %}
  263.                                     <div class="media-alt">{{ 'photography'|trans({},'custom') }} {{ defaultimage_title|raw }}</div>
  264.                                 {% endif %}
  265.                             {% endif %}
  266.                         {% endif %}
  267.                     {% endif %}
  268.                     {# ===== END MEDIA SECTION ===== #}
  270.                     {% if full_text|default %}
  271.                         <div id="fulltext" class="fullcontent">
  272.                             {{ full_text|raw }}
  273.                             
  274.                             {# Blocks/content #}
  275.                             <div class="row fullcontent">
  276.                             {{ parent() }}
  277.                             </div>
  278.                         </div>
  279.                     {% endif %}
  282.                     {# Tags #}
  283.                     {% if page.tags|length %}
  284.                         <div class="related-tags">
  285.                             {{ 'related_tags'|trans ({},'custom' )|html_entity_decode|raw }}
  286.                             <div class="tags-list">
  287.                                 {% for tag in page.tags %}
  288.                                     {% set description = tag.domainValue.getLocalizedContents(languagecode).description|default %}
  289.                                     {% set machineName = tag.domainValue.machineName|default %}
  290.                                     <div>
  291.                                         <a
  292.                                             role="button"
  293.                                             data-link="/pt/pesquisa?tags[]={{ machineName|e }}"
  294.                                         >
  295.                                             {{ description }}
  296.                                         </a>
  297.                                     </div>
  298.                                 {% endfor %}
  299.                             </div>
  300.                         </div>
  301.                     {% endif %}
  303.                 </div>
  304.                 <div class="col-12 col-lg-auto order-3 right-column">
  305.                     {% if is_ad_zone_active('halfpage') %}
  306.                     <aside>
  307.                     {% include 'partials/ads-banners/halfpage.html.twig' %}
  308.                     </aside>
  309.                     {% endif %}
  310.                 </div>
  311.             </article>
  312.         </div>
  313.     </section>
  315.     {# Snippet Veja também #}
  316.     {% set snippet = render(controller('App\\Controller\\PageContentController::renderSnippet', {"stdSnippets": get_config('snippet_news',''), "pageId": page.id})) %}
  317.     {% if snippet|default %}
  318.         {{snippet|raw}}
  319.     {% endif %}
  321. {% endblock %}
  323. {% block scripts %}
  324.     {{ parent() }}
  326.     {% if is_ad_zone_active('mrec') %}
  327.     <template id="mrec-template">{% include 'partials/ads-banners/mrec.html.twig' %}</template>
  328.     {{ encore_entry_script_tags('ad-news') }}
  329.     {% endif %}
  331.     {{ encore_entry_script_tags('news') }}
  332. {% endblock %}