templates/Includes/Teaser/flatrate-teaser.html.twig line 1

Open in your IDE?
  1. <section class="flatrate-teaser teaser-animation stretch-link {{ styleModifier | default(null) }}">
  2.     {% if isYoungStyria|default(false) %}
  3.         <img class="demi-infrastructure-teaser-grid__young-styria-logo" src="/static/img/young-styria/young-styria.jpg">
  4.     {% endif %}
  5.     {% if hasEnquiryButton|default(false) %}
  6.         <!-- button for adding to selection, including data needed for result-rendering  -->
  7.         <button class="js-pool-enquiry__btn flatrate-teaser__pool-enquiry" data-pool-enquiry-data='{"title":"{{ title|default('') }}","id":{{id|default(null)}}}'>
  8.             <span class="flatrate-teaser__pool-enquiry__icon icon" aria-hidden="true"></span>
  9.             {{ 'flatrate-teaser.Anfragen' | trans }}
  10.         </button>
  11.     {% endif %}
  13.     {% if hasWishlist|default(false) %}
  14.         <button type="button"
  15.                 class="wishlist-btn flatrate-teaser__wishlist-btn js-wishlist{{ wishlistId | default(null) ? '-' ~ wishlistId : '' }}__btn {% if wishlistActive|default(false) %}is-active{% endif%} "
  16.                 data-wishlist-id="{{ id|default('') }}"
  17.                 aria-label="{{ 'teaser.Auf die Merkliste'|trans }}"
  18.                 title="{{  wishlistActive|default(false)  ? 'wishlist.remove'|trans : 'teaser.Auf die Merkliste'|trans  }}"
  19.                 {% if trackingAction|default('') %}data-event-tracking-category="Multimedia Archiv - Merkliste Übersichtsseite" data-event-tracking-action="{{ trackingAction|default('') }}{{ wishlistActive|default(false) ? (' ' ~ 'teaser.entfernen'|trans) : '' }}" data-event-tracking-action-toggle=" {{ 'teaser.entfernen'|trans }}" data-event-tracking-label="{{ title|default('') }} {{ id|default('') }}"{% endif %}>
  20.             <span class="sr-only">{{  wishlistActive|default(false) ? 'teaser.von merkliste entfernen'|trans : 'teaser.Auf die Merkliste'|trans }}</span>
  21.             <span class="icon icon-heart-outline" aria-hidden="true"></span>
  22.         </button>
  23.     {% endif %}
  25.     {% if removeFromWishlist|default(false) %}
  26.         <button type="button" class="wishlist-btn flatrate-teaser__wishlist-btn js-wishlist__remove" data-wishlist-id="{{ id|default(null) }}" aria-label="{{ 'teaser.von merkliste entfernen'|trans }}" title="{{ 'teaser.von merkliste entfernen'|trans }}" data-event-tracking-category="Multimedia Archiv - Merkliste Übersichtsseite" data-event-tracking-action="xxyy {{ 'teaser.entfernen'|trans }}" data-event-tracking-action-toggle=" {{ 'teaser.entfernen'|trans }}" data-event-tracking-label="{{ title|default('') }} {{ id|default('') }}">
  27.             <span class="sr-only">{{ 'teaser.von merkliste entfernen'|trans }}</span>
  28.             <span class="icon icon-close" aria-hidden="true"></span>
  29.         </button>
  30.     {% endif %}
  32.     {% if image|default(false) %}
  33.         {% set description = getImageDescription(image, true) %}
  34.     {% endif %}
  36.     <div class="flatrate-teaser__embed embed-responsive flatrate-teaser__img-wrapper">
  37.         {{ image|default(null) ? image.thumbnail('flatrate-teaser').html({
  38.             imgAttributes: {
  39.                 class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  40.             },
  41.             lowQualityPlaceholder: true,
  42.             title: description|default(''),
  43.             alt: description|default('')
  44.         }) | raw : ''}}
  45.     </div>
  47.     <div class="flatrate-teaser__content">
  48.         <div class="flatrate-teaser__content-inner">
  49.             {% if wishlistNotRegistered|default(false) %}
  50.                 <div class="alert alert-danger">
  51.                     {{ wishlistNotRegisteredTK|default('wishlist.not registered for region(s): {{regions}}')|trans({'{{regions}}': regionRegistrationTKLinks|default('') }) |raw  }}
  52.                 </div>
  53.             {% endif %}
  55.             {% if badgeText|default('') %}
  56.                 <div class="flatrate-teaser__badge">
  57.                     {{ badgeText }}
  58.                 </div>
  59.             {% endif %}
  60.             {% if badgeText2|default('') %}
  61.                 <div class="flatrate-teaser__badge">
  62.                     {{ badgeText2 }}
  63.                 </div>
  64.             {% endif %}
  66.             <h3 class="flatrate-teaser__title h5">
  67.                 <a href="{{ link }}" class="stretch-link__link">
  68.                     {{ title|default('') }}
  69.                 </a>
  70.             </h3>
  72.             {% if location|default('') %}
  73.                 <div class="flatrate-teaser__location">
  74.                     <span class="icon icon-pin-regions mr-1" arial-label="location" title="location"></span>
  76.                     {{ location }}
  77.                 </div>
  78.             {% endif %}
  80.             {% if hasAccessibilityList |default(false) %}
  81.                 <ul class="flatrate-teaser__accessibility-list list-unstyled list-inline">
  82.                     {% for categoryData in getAccessiblityObjects(item) %}
  83. {#                        {{ categoryData.isTop }}#}
  84. {#                        {{ categoryData.category.selectIcon }}#}
  85. {#                        {{ categoryData.percent }}#}
  86.                         {% if categoryData.isTop %}
  87.                             <li class="flatrate-teaser__accessibility-item list-inline-item flatrate-teaser__accessibility-item--checked stretch-link__interactive" data-toggle="tooltip" title="{{categoryData.category.title }}">
  88.                                 <img src="/static/img/accessibility-icons/{{categoryData.category.selectIcon }}.svg" alt="{{categoryData.category.selectIcon }}" class="img-fluid" />
  89.                             </li>
  90.                         {% else %}
  91.                             <li class="flatrate-teaser__accessibility-item list-inline-item">
  92.                                 <img src="/static/img/accessibility-icons/{{categoryData.category.selectIcon }}.svg" alt="{{categoryData.category.selectIcon }}" class="img-fluid stretch-link__interactive" data-toggle="tooltip" title="{{categoryData.category.title }}" />
  93.                             </li>
  94.                         {% endif %}
  95.                     {% endfor %}
  97.                 </ul>
  98.             {% endif %}
  100.             {% if date|default('') %}
  101.                 <div class="flatrate-teaser__date">
  102.                     <time>{{ date }}</time>
  103.                 </div>
  104.             {% endif %}
  107.             <div class="flatrate-teaser__wysiwyg wysiwyg">
  108.                 {{ wysiwyg|default('') | raw }}
  109.             </div>
  110. {#            check if current document has event property or if snippet has event#}
  111.             <a href="{{ link }}"
  112.                 {% if linktarget|default(null) %} target="{{ linktarget }}" {% endif%}
  113.                class="btn btn-white btn-block stretch-link__link" title="{{ description|default('') }}"
  114.                {% if app.request.get('lpSttEvent')|default(null) or (document|default(null) and document.property('setLPTeaserSTTEvent')) %} data-event-tracking-category="LP Partnerteaser STT" data-event-tracking-action="{{ hostUrl() ~ getMainRequest().pathInfo() }}" data-event-tracking-label="{{ link }} {% endif %}">
  115.                 {{ linktext|default('') }}
  116.             </a>
  117.         </div>
  118.     </div>
  120. </section>