theme/templates/partials/variants/header_custom.html.twig line 40

Open in your IDE?
  1. <header class="header {% block header_class %}hs_1{% endblock %}">
  2.     <div class="line-1">
  3.         <div class="logo-mini">
  4.           <a {% if get_config('logo_link','')|default %} href="/" {% else %}{% endif %} aria-label="{{ get_config('default_meta_page_name',app.request.getLocale())|default }}">
  5.             {# {{ file_get_contents(asset('custom/mini-norte.svg', 'global'))|raw }} #}
  6.             {% if get_config('logo_mobile','')|default %}
  7.               <img src="{{CDN_URL|default}}{{get_config('logo_mobile','')|default}}" alt="{{ get_config('default_meta_page_name',app.request.getLocale())|default }} Logo" class="d-lg-none">
  8.             {% endif %}
  9.             {# <img src="{{CDN_URL|default}}{{get_config('logomini_portugal','')|default(asset('none.png', 'global'))}}" alt="{{ get_config('default_meta_page_name',app.request.getLocale())|default }} Logo"{% if get_config('logo_mobile','')|default %} class="d-none d-lg-block"{% endif %} > #}
  10.              <img
  11.               src="{{ asset('custom/logomenu_contala_scroll.svg', 'global') }}"
  12.               alt="logo-mini"
  13.               {% if get_config('logo_mobile','')|default %} class="d-none d-lg-block"{% endif %} >
  15.           </a>
  17.         </div>
  18.       {#  OLD TERRITORY #}
  19. {#        <div class="territory">#}
  20. {#          <span class="primary-300">#}
  21. {#            <a href="/">{{ 'conta_la'|trans ({},'custom' )|html_entity_decode|raw }}</a>#}
  22. {#          </span>#}
  23. {#          <div class="select-territory ">#}
  24. {#              <div class="selected js-select-territory">#}
  25. {#                <div>Portugal</div>#}
  26. {#                <div class="arrow">#}
  27. {#                  {{ file_get_contents(asset('custom/arrow-down-icon.svg', 'global'))|raw }}#}
  28. {#                </div>#}
  29. {#              </div>#}
  30. {#              <ul class="card card-blur options">#}
  31. {#                <li><a href="#">Portugal</a></li>#}
  32. {#                <li><a href="#">Norte</a></li>#}
  33. {#                <li><a href="#">Centro</a></li>#}
  34. {#                <li><a href="#">Sul</a></li>#}
  35. {#                <li><a href="#">Rural</a></li>#}
  36. {#              </ul>#}
  37. {#          </div>#}
  38. {#        </div>#}
  40.         {% include "partials\\variants\\explore-watchtv.html.twig" %}
  42.         <div class="weather"></div>
  44.         <div class="menu-top2">
  45.           <ul class="navbar-nav">
  46.                       {{ render(controller('App\\Controller\\PageContentController::RenderMenu',[], {'menu': "menutop2"}) ) }}
  47.                   </ul>
  48.         </div>
  49.         {% include "partials\\elements\\languages.twig" %}
  50.         {% if get_config('results_pages', '')|default %}
  51.           <div class="search">
  52.             <a href="#" class="js-search-bt" aria-label="{{ 'acess_to_search'|trans ({},'custom' )|html_entity_decode|raw }}">
  53.               {{ file_get_contents(asset('custom/search-icon.svg', 'global'))|raw }}
  54.             </a>
  55.           </div>
  56.         {% endif %}
  57. {#   TEMPORARY REMOVAL FOR v1.0     #}
  58. {#        {% if app.user is not null and app.user is instanceof('App\\Admin\\Entity\\StdWebUsers') %}#}
  59. {#          <div class="favorits">Favoritos</div>#}
  60. {#        {% endif %}#}
  61. {#        {% include "partials\\elements\\webusers.twig" %}#}
  62.         <div class="col-menu-mobile">
  63.             <button class="js-menumobile-hamburger" aria-label="menu button" type="button">
  64.                 <span class="hamburger-box">
  65.                     <span class="hamburger-inner"></span>
  66.                 </span>
  67.             </button>
  68.         </div>
  69.     </div>
  70.     {% if get_config('notificationsbar_page', '')|default %}
  71.         <div class="line-2">
  72.             {% block notificationsbar %}
  73.                 {% include "partials\\elements\\notifications.twig" %}
  74.             {% endblock %}
  75.         </div>
  76.     {% endif %}
  77.     <div class="{% if get_config('container_fluid','')|default %}container-fluid{% else %}container{% endif %}{% if get_config('showdesktophamburguermenu','')|default %} position-relative align-items-center{% endif %} last-line">
  78.         <div class="grid">
  80.       <div class="logo">
  81.         <a {% if get_config('logo_link','')|default %} href="/" {% else %}{% endif %} aria-label="{{ get_config('default_meta_page_name',app.request.getLocale())|default }}">
  82.         {# {% if get_config('logo_mobile','')|default %}
  83.           <img src="{{CDN_URL|default}}{{get_config('logo_mobile','')|default}}" alt="{{ get_config('default_meta_page_name',app.request.getLocale())|default }} Logo" class="d-lg-none">
  84.         {% endif %}                     #}
  85.           <img src="{{CDN_URL|default}}{{get_config('logo','')|default(asset('none.png', 'global'))}}" alt="{{ get_config('default_meta_page_name',app.request.getLocale())|default }} Logo" class="logo__default" >
  86.           <img src="{{CDN_URL|default}}{{get_config('logo_transparent_header','')|default(get_config('logo',''))|default(asset('none.png', 'global'))}}" alt="{{ get_config('default_meta_page_name',app.request.getLocale())|default }} Logo" class="logo__transparent">
  88.         </a>
  89.       </div>
  91.       {% include "partials\\variants\\explore-watchtv.html.twig" %}
  93.       <div class="menu-top2">
  94.           <ul class="navbar-nav">
  95.                       {{ render(controller('App\\Controller\\PageContentController::RenderMenu',[], {'menu': "menutop2"}) ) }}
  96.                   </ul>
  97.       </div>
  99.         </div>
  100.     </div>
  101.   <div class="menu-mobile">
  102.     {% if get_config('menubackgroundvideo','')|default and get_config('desktophamburguermenustyle','') == "full_width_menu"  %}
  103.       <div class="underlay">
  104.         <video autoplay muted loop playsinline src="{{ CDN_URL ~ get_config('menubackgroundvideo','') }}" type="video/mp4" class="d-none d-lg-block"></video>
  105.         <div class="mask d-none d-lg-block"></div>
  106.       </div>
  107.     {% endif %}
  108.     <div class="mwrapper">
  109.       <ul class="navbar-nav">
  110.           {{ render(controller('App\\Controller\\PageContentController::RenderMenu',[], {'menu': "menumobile"}) ) }}
  111.       </ul>
  112.     </div>
  113.     {% if get_config('contact_pages',"")|default %}
  114.       {% set contactpage = get_page_info(app.request.locale,get_config('contact_pages',"")) %}
  115.         <div class="btn-fixed-bottom">
  116.           <a href="{{contactpage.url}}">
  117.             <span>{{contactpage.title}}</span>
  118.           </a>
  119.         </div>
  120.     {% endif %}
  122.     {% if alternateUrls|length > 1 %}
  123.       <div class="lang d-flex">
  124.         {% for alternateUrl in alternateUrls %}
  125.           <a class="{% if alternateUrl.language_code == locale %}active{% endif %}" href="{{alternateUrl.url|raw}}">
  126.             {{alternateUrl.language_code|default}}
  127.           </a>
  128.         {% endfor %}
  129.       </div>
  130.     {% endif %}
  131.   </div>
  133.   <div class="explore-pannel" data-api-url="{{ path('api_explore_options') }}?locale={{ app.request.locale }}">
  134.     <div class="explore-pannel-body h-100 custom-scroll">
  135.       <div class="container">
  136.         <div class="row h-100 py-lg-5">
  137.           <div class="col-auto col-explore-pannel-body-logowidth d-none d-lg-block">
  138.             <div class="explore-pannel-body-logowidth"></div>
  139.           </div>
  140.           <div class="col col-search">
  141.             <form id="formexplore" class="explore-pannel-body-generalsearch" action="/pt/pesquisa" method="get">
  142.               <div>
  143.                 <button id="btn_explore_close" class="trigger-explore js-explore-bt">
  144.                   <i class="fa-solid fa-xmark"></i>
  145.                   <span>{{ 'close'|trans ({},'custom' )|html_entity_decode|raw }}</span>
  146.                 </button>
  147.               </div>
  148.               {# Pesquisa livre #}
  149.               <div class="form-group search-themes">
  150.                 <label for="searchbox" class="title-from-group">{{ 'label_explore_search'|trans ({},'custom' )|html_entity_decode|raw }}</label>
  151.                 <div class="wrapp-searchbox">
  152.                 <select id="searchbox" class="selectpicker customselectpicker form-control" multiple data-live-search="true" title="{{ 'placeholder_explore_search'|trans ({},'custom' ) }}">
  153.                    {# {% for i in 1..3 %}
  154.                   <optgroup label="Tema {{ i }}">
  155.                     <option value="Tema {{ i }}" class="theme d-none">Tema {{ i }}</option>
  156.                     <option value="Sub-Tema.{{ i }}.1" class="subtheme">Sub-Tema.{{ i }}.1</option>
  157.                     <option value="Sub-Tema.{{ i }}.2" class="subtheme">Sub-Tema.{{ i }}.2</option>
  158.                     <option value="Sub-Tema.{{ i }}.3" class="subtheme">Sub-Tema.{{ i }}.3</option>
  159.                     <option value="Sub-Tema.{{ i }}.4" class="subtheme">Sub-Tema.{{ i }}.4</option>
  160.                   </optgroup>
  161.                   {% endfor %}                   #}
  162.                   {# Options are populated dynamically from /api/explore/options (Temas tree) #}
  163.                 </select>
  164.                 </div>
  165.               </div>
  166.               {# (Tags moved below content_type) #}
  168.               {# Temas #}
  169.               <div class="form-group themes">
  170.                 <div class="title-from-group d-flex justify-content-between align-items-center">
  171.                   <span>{{ 'main_themes'|trans ({},'custom' )|html_entity_decode|raw }}</span>
  172.                   <button type="button" class="border-0 bg-transparent btn-primary btn-style-1" onclick="clearCheckboxes('themes[]')">
  173.                     {{ 'clear'|trans({},'custom')|default('Reset filters') }}
  174.                   </button>
  175.                 </div>
  176.                 <div id="write-themes-box">
  177.                   {# <div class="form-check-inline">
  178.                       <label class="form-check-label" for="politica">
  179.                         <input type="checkbox" class="form-check-input" id="politica" name="themes[]" value="Politica" checked>Política
  180.                       </label>
  181.                     </div>
  182.                   #}
  183.                 </div>
  184.               </div>
  185.               {# Sub-temas - kept for JS compatibility, hidden with CSS #}
  186.               <div class="form-group sub-themes" style="display: none;">
  187.                 <div class="title-from-group d-flex justify-content-between align-items-center">
  188.                   <span>{{ 'sub_themes'|trans ({},'custom' )|html_entity_decode|raw }}</span>
  189.                   <button type="button" class="border-0 bg-transparent btn-primary btn-style-1" onclick="clearCheckboxes('subthemes[]')">
  190.                     {{ 'clear'|trans({},'custom')|default('Reset filters') }}
  191.                   </button>
  192.                 </div>
  193.                 <div id="write-subthemes-box">
  194.                 </div>
  195.               </div>
  196.               <div class="separator"></div>
  197.               {# Formatos #}
  198.               {# Tags searchable (now placed under content_type) #}
  199.               <div class="form-group tags-group">
  200.                 <div class="title-from-group">
  201.                   {{ 'label_explore_tag_search'|trans({},'custom')|default('Procura algo mais específico?')|html_entity_decode|raw }}
  202.                 </div>
  203.                 <div class="wrapp-searchbox">
  204.                   <select id="explore-tags" class="selectpicker customselectpicker form-control" multiple data-live-search="true" title="{{ 'placeholder_explore_tag_search'|trans({},'custom')|default('Selecione aqui as tags') }}"></select>
  205.                 </div>
  206.               </div>
  207.               <div class="form-group selected-tags">
  208.                 <div class="title-from-group d-flex justify-content-between align-items-center">
  209.                   <span>{{ 'selected_tags'|trans({},'custom')|default('Tag(s)')|html_entity_decode|raw }}</span>
  210.                   <button type="button" class="border-0 bg-transparent btn-primary btn-style-1" onclick="clearCheckboxes('tags[]')">
  211.                     {{ 'clear'|trans({},'custom')|default('Reset filters') }}
  212.                   </button>
  213.                 </div>
  214.                 <div id="write-tags-box"></div>
  215.               </div>
  216.               <div class="separator"></div>
  217.               {# Formatos #}
  218.               {% set filterKeys = app.request.query.get('content_type') %}
  219.               <div class="form-group content_type">
  220.                 <div class="title-from-group">{{ 'content_types'|trans ({},'custom' )|html_entity_decode|raw }}</div>
  221.                 <div class="form-check-inline">
  222.                   <label class="content_type_label" for="noticiais">
  223.                     <input
  224.                       type="checkbox"
  225.                       class="form-check-input content_type_option"
  226.                       id="noticiais"
  227.                       name="content_type[]"
  228.                       value="news"
  229.                       {% if filterKeys is defined and filterKeys is iterable and 'news' in filterKeys %} checked {% endif %}
  230.                       >Notícias
  231.                   </label>
  232.                 </div>
  233.                 <div class="form-check-inline">
  234.                   <label class="content_type_label" for="news_reports">
  235.                     <input
  236.                       type="checkbox"
  237.                       class="form-check-input content_type_option"
  238.                       id="news_reports"
  239.                       name="content_type[]"
  240.                       value="news_reports"
  241.                       {% if filterKeys is defined and filterKeys is iterable and 'news_reports' in filterKeys %} checked {% endif %}
  242.                       >Reportagens
  243.                   </label>
  244.                 </div>
  245.                 <div class="form-check-inline">
  246.                   <label class="content_type_label" for="programs">
  247.                     <input
  248.                       type="checkbox"
  249.                       class="form-check-input content_type_option"
  250.                       id="programs"
  251.                       name="content_type[]"
  252.                       value="programs"
  253.                       {% if filterKeys is defined and filterKeys is iterable and 'programs' in filterKeys %} checked {% endif %}
  254.                       >Programas
  255.                   </label>
  256.                 </div>
  257.                 <div class="form-check-inline">
  258.                   <label class="content_type_label" for="event">
  259.                     <input
  260.                       type="checkbox"
  261.                       class="form-check-input content_type_option"
  262.                       id="event"
  263.                       name="content_type[]"
  264.                       value="event"
  265.                       {% if filterKeys is defined and filterKeys is iterable and 'event' in filterKeys %} checked {% endif %}
  266.                       >Eventos
  267.                   </label>
  268.                 </div>
  269.               </div>
  270.               <div class="explore-pannel-body-generalsearch-footer">
  271.                 <div class="container">
  272.                   <div class="row">
  273.                     <div class="col">
  274.                       <div class="actions">
  275.                         <button type="button" class="reset2 js-reset-filters" onclick="clearAllContent()">
  276.                           {{ 'clear_all_filters'|trans ({},'custom' )|html_entity_decode|raw }}
  277.                         </button>
  278.                         <button type="submit" class="btn-secondary">{{ 'apply'|trans ({},'custom' )|html_entity_decode|raw }}</button>
  279.                       </div>
  280.                     </div>
  281.                   </div>
  282.                 </div>
  283.               </div>
  284.             </form>
  285.           </div>
  286.         </div>
  287.       </div>
  288.     </div>
  289.   </div>
  291.   {% if get_config('results_pages', '')|default %}
  292.     {% set searchpage=get_page_info(app.request.locale,get_config('results_pages','')) %}
  293.     <div class="search-pannel">
  294.       <div class="search-pannel-body container">
  295.         <div class="row">
  296.           <div class="col-auto d-none d-lg-block">
  297.             <div class="search-pannel-body-logowidth"></div>
  298.           </div>
  299.           <div class="col col-search">
  300.             <form action="{{searchpage.url|default('#')}}" class="search-pannel-body-generalsearch">
  301.               <input type="search" name="p" placeholder="{{ 'placeholder_search'|trans ({},'custom' )|html_entity_decode|raw }}" class="form-control">
  302.               <button id="btn-search-submit" type="submit" class="btn btn-secondary" disabled>
  303.                 <span>{{ 'search_btn'|trans ({},'custom' )|html_entity_decode|raw }}</span>
  304.               </button>
  306.               <button id="btn-search-close" class="js-search-bt">
  307.                   <i class="fa-solid fa-xmark"></i>
  308.                   <span>Fechar</span>
  309.                 </button>
  310.             </form>
  311.           </div>
  312.         </div>
  313.       </div>
  314.     </div>
  315.   {% endif %}
  316. </header>
  318. <script>
  319.   // Search field validation (keep this inline as it's template-specific)
  320.   document.addEventListener('DOMContentLoaded', function () {
  321.       const searchField = document.getElementsByName('p')[0];
  322.       const searchBtn = document.getElementById('btn-search-submit');
  324.       if (searchField) {
  325.           // Prevenir Enter apenas se o campo estiver vazio
  326.           searchField.addEventListener('keypress', function (event) {
  327.               if (event.key === 'Enter') {
  328.                   if (searchField.value.trim() === '') {
  329.                       event.preventDefault();
  330.                   }
  331.                   // Se tiver conteúdo, deixa o submit acontecer naturalmente
  332.               }
  333.           });
  335.           // Controlar o estado do botão
  336.           searchField.addEventListener('input', function () {
  337.               if (searchBtn) {
  338.                   if (searchField.value.trim() !== '') {
  339.                       searchBtn.disabled = false;
  340.                   } else {
  341.                       searchBtn.disabled = true;
  342.                   }
  343.               }
  344.           });
  345.       }
  346.   });
  347. </script>