theme/templates/blocks/Cst_happen_now/Cst_happen_now.default.html.twig line 1

Open in your IDE?
  1. {% import 'blocks\\macros.html.twig' as macros %}
  2. {% set maxVisible = 1 %}
  3. <section {% if settings.is_animated|default %}data-aos="{{ settings.animation_type|default("fade")}}"{% endif %} {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-happen-now {{ settings.extra_class|default }}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  4.   <div class="cover">
  5.       <img src="{{ asset('custom/fake.png', 'global') }}" alt="Happen Now Cover" class="cover-image" fetchpriority="high">
  6.   </div>
  7.   <div class="container">
  8.     <div class="row justify-content-space-between">
  9.       <div class="col-lg-auto">
  10.         <div class="slideshow-happen-now-wrapper">
  11.           <h2 class="when">{{fields.title|default('A acontecer')}}</h2>
  12.           <div class="slideshow-happen-now">
  13.             {% for item in repeatable %}
  14.               {% set pageInfo=get_page_info(app.request.locale, item.content) %}
  15.               {% set pageInfotitle = pageInfo.title|default %}
  16.               {% set pageInfourl = pageInfo.url|default %}
  17.               {# {% set pageInfovideo = pageInfo.content.video|default %} #}
  18.               {# {% set pageInfovideo_mobile = pageInfo.content.video_mobile|default %} #}
  19.               {% set pageInfotext = pageInfo.content.short_text|default %}
  20.               {% set pageInfoimage = pageInfo.content.default_image|default %}
  21.               {# {% set pageInfoimagemobile = pageInfo.content.default_image_mobile|default %} #}
  22.               {% set pageInfocategories = pageInfo.categories|default %}
  23.               {# {% set territory = pageInfo.content.territory|default %} #}
  25.               <div class="slide-item {% if loop.first %} active {% endif %}" data-image="{% if pageInfo.content.default_image|default %}{{ (pageInfoimage)|imagine_filter('bannerbig')|urldecode  }}{% endif %}">
  26.                 <div class="dot"></div>
  28.                 <div class="categories">
  29.                   {% if pageInfocategories %}
  30.                     {% set total = pageInfocategories|length %}
  31.                     {% for category in pageInfocategories %}
  32.                         {% if loop.index <= maxVisible %}
  33.                             {% if category.title is defined and category.title is not empty and category.content.show_episode_number is not defined %}
  34.                                 {% set categoryLink = category.catpage.machineName|default(category.title) %}
  35.                                 <a href="/pt/pesquisa?themes[]={{ categoryLink|e }}" class="category">{{ category.title }}</a>
  36.                             {% endif %}
  37.                         {% endif %}
  38.                     {% endfor %}
  39.                     {% if total > maxVisible %}
  40.                         <button type="button" class="category btn-more js-btn-more-categories">
  41.                            + {{ total - maxVisible }}
  42.                           <div class="category-popover card card-blur">
  43.                             <div class="arrow">{{ file_get_contents(asset('custom/popover-arrow-icon.svg', 'global'))|raw }}</div>
  44.                             {% for category in pageInfocategories %}
  45.                                 {% if loop.index > maxVisible %}
  46.                                     {% if category.title is defined and category.title is not empty and category.content.show_episode_number is not defined %}
  47.                                         {% set categoryLink = category.catpage.machineName|default(category.title) %}
  48.                                         <a href="/pt/pesquisa?themes[]={{ categoryLink|e }}" class="category">{{ category.title }}</a>
  49.                                     {% endif %}
  50.                                 {% endif %}
  51.                             {% endfor %}
  52.                           </div>
  53.                         </button>
  54.                     {% endif %}
  55.                   {% endif %}
  56.                 </div>
  58.                 <a href="{{ pageInfourl }}" class="slide-link">
  59.                   <h3 class="title line-clamp-4">{{ pageInfotitle|raw }}</h3>
  60.                 </a>
  62.                 <div class="text">
  63.                   <div class="desc line-clamp-3">{{ pageInfotext|raw }}</div>
  64.                 </div>
  66.                 <div class="time">
  67.                   {% set tz = 'Europe/Lisbon' %}
  68.                   {% set fmt = app.request.locale starts with('en') ? 'MMM d Y, HH:mm' : 'd MMM Y, HH:mm' %}
  69.                   {{ file_get_contents(asset('custom/time-icon.svg', 'global'))|raw }}
  70.                   {{ pageInfo.page.publishDate|default(null)|localizeddate('none', 'none', app.request.locale, tz, fmt) }}
  71.                 </div>
  72.               </div>
  73.             {% endfor %}
  74.           </div>
  75.         </div>
  76.       </div>
  78.       <div class="col-lg-auto ml-auto">
  79.         <div class="highlights">
  80.           {% for i in 1..3 %}
  81.             {% set highlight = attribute(fields, 'highlight' ~ i)|default %}
  82.             {% if highlight %}
  83.               {% set highlightPageInfo = get_page_info(app.request.locale, highlight) %}
  84.               {% set highlightTitle = highlightPageInfo.title|default %}
  85.               {% set highlightUrl = highlightPageInfo.url|default %}
  86.               {% set highlightImage = highlightPageInfo.content.default_image|default %}
  87.               {% if highlightImage is empty %}
  88.                   {% set highlightImage = '/uploads/system/placeholder-horizontal.png' %}
  89.               {% endif %}
  90.               <a class="card card-blur w-100 happen-now-card-item" href="{{ highlightUrl }}">
  91.                 <div class="image-container">
  92.                   {# <form>
  93.                     <input type="hidden" name="highlight_id" value="{{ highlight }}">
  94.                     <button type="submit" class="favorites-button js-favorites-button">
  95.                       {{ file_get_contents(asset('custom/favorites-icon.svg', 'global'))|raw }}
  96.                     </button>
  97.                   </form> #}
  98.                   <img src="{{ (highlightImage)|imagine_filter('highlight_happennow_image')|urldecode }}" alt="{{ highlightTitle_alt|default }}" title="{{highlightTitle_alt|default}}"  class="highlight-image">
  99.                 </div>
  100.                 <div class="text-container">
  101.                   <div class="highlight-link">
  102.                     <h3 class="highlight-title {% if i == 1 %}line-clamp-4{% endif %}" {% if i != 1 %}title="{{ highlightTitle|length > 80 ? highlightTitle : '' }}"{% endif %}>
  103.                     {% if i == 1 %}
  104.                       {{ highlightTitle }}
  105.                     {% else %}
  106.                       {{ highlightTitle|length > 80 ? highlightTitle|slice(0, 80) ~ '...' : highlightTitle }}
  107.                     {% endif %}
  108.                     </h3>
  109.                   </div>
  110.                   <div class="{% if i == 1 %}categories{% else %}categories-list{% endif %}">
  111.                     {% set exclusiveTag = null %}
  113.                     {% if highlightPageInfo and highlightPageInfo.page is defined and highlightPageInfo.page.tags is defined and highlightPageInfo.page.tags|length > 0 %}
  114.                         {% set exclusiveTag = highlightPageInfo.page.tags|filter(t => t.domainValue.type.name == 'Exclusive')|first|default(null) %}
  115.                     {% endif %}
  117.                     {% set maxVisibleCategories = exclusiveTag ? maxVisible - 1 : maxVisible %}
  119.                     {% if exclusiveTag is not null %}
  120.                         <span data-link="/pt/pesquisa?tags[]={{ exclusiveTag.domainValue.machineName }}" class="category exclusive">
  121.                             {{ exclusiveTag.domainValue.getLocalizedContents(languagecode).description|default('exclusive_conta_la'|trans({}, 'custom')) }}
  122.                         </span>
  123.                     {% endif %}
  125.                     {% if highlightPageInfo.categories|default %}
  126.                       {% set total = highlightPageInfo.categories|length %}
  127.                       {% for category in highlightPageInfo.categories %}
  128.                           {% if loop.index <= maxVisibleCategories %}
  129.                               {% if category.title is defined and category.title is not empty and category.content.show_episode_number is not defined %}
  130.                                   {% set categoryLink = category.catpage.machineName|default(category.title) %}
  131.                                   <span class="category" data-link="/pt/pesquisa?themes[]={{ categoryLink|e }}">{{ category.title }}</span>
  132.                               {% endif %}
  133.                           {% endif %}
  134.                       {% endfor %}
  135.                       {% if total > maxVisibleCategories %}
  136.                           <button type="button" class="category btn-more js-btn-more-categories">
  137.                              + {{ total - maxVisibleCategories }}
  138.                             <div class="category-popover card card-blur">
  139.                               <div class="arrow">{{ file_get_contents(asset('custom/popover-arrow-icon.svg', 'global'))|raw }}</div>
  140.                               {% for category in highlightPageInfo.categories %}
  141.                                   {% if loop.index > maxVisibleCategories %}
  142.                                       {% if category.title is defined and category.title is not empty and category.content.show_episode_number is not defined %}
  143.                                           {% set categoryLink = category.catpage.machineName|default(category.title) %}
  144.                                           <span {% if i == 1 %}data-link{% else %}class="category" data-link{% endif %}="/pt/pesquisa?themes[]={{ categoryLink|e }}"{% if i == 1 %} class="category"{% endif %}>{{ category.title }}</span>
  145.                                       {% endif %}
  146.                                   {% endif %}
  147.                               {% endfor %}
  148.                             </div>
  149.                           </button>
  150.                       {% endif %}
  151.                     {% endif %}
  152.                   </div>
  153.                   <div class="time">
  154.                       {% set tz = 'Europe/Lisbon' %}
  155.                       {% set fmt = app.request.locale starts with('en') ? 'MMM d Y, HH:mm' : 'd MMM Y, HH:mm' %}
  156.                       {{ file_get_contents(asset('custom/time-icon.svg', 'global'))|raw }}
  157.                       {{ highlightPageInfo.page.publishDate|default(null)|localizeddate('none', 'none', app.request.locale, tz, fmt) }}
  158.                   </div>
  159.                 </div>
  160.               </a>
  161.             {% endif %}
  162.           {% endfor %}
  163.         </div>
  164.     </div>
  165. </section>