templates/Includes/Teaser/press-picture-teaser.html.twig line 1

Open in your IDE?
  1. {% set mediaAsset = mediaAsset|default(null) %}
  2. {% set orientation = getAssetOrientation(image)  %}
  3. {% set wishlist = wishlist|default('press-pictures') %}
  4. {% if not href|default(null) %}
  5.     {% set href = getMediaArchiveImageDetail(image, siteConfig|default(null)) %}
  6. {% endif %}
  7. <section class="press-picture-teaser press-picture-teaser--{{ orientation|default('landscape') }}  stretch-link teaser-animation {{ classes|default(null) }}">
  9.     {% if hasWishlist|default(null) and image.metadata('General.mediaArchive') %}
  10.         <button type="button" class="wishlist-btn wishlist-btn--primary press-picture-teaser__wishlist-btn js-wishlist-{{ wishlist }}__btn stretch-link__interactive {% if wishlistActive|default(false) %}is-active{% endif%}"  data-wishlist-id="{{ mediaAsset ? mediaAsset.id : image.id }}" aria-label="{{ 'press.Auf die Merkliste'|trans }}" title="{{ 'press.Auf die Merkliste'|trans }}"
  11.                 data-event-tracking-category="Multimedia Archiv - Merkliste Übersichtsseite"
  12.                 data-event-tracking-action="Bild"
  13.                 data-event-tracking-action-toggle=" {{ 'teaser.entfernen'|trans }}"
  14.                 data-event-tracking-label="{{ image.metadata('General.title', app.request.locale) }} {{ image.id }}"
  15.         >
  16.             <span class="sr-only">{{ 'press.Auf die Merkliste'|trans }}</span>
  17.             <span class="icon icon-star" aria-hidden="true"></span>
  18.         </button>
  19.     {% endif %}
  21.     {% if removeFromWishlist|default(null) and image.metadata('General.mediaArchive') %}
  22.         <button type="button" class="wishlist-btn wishlist-btn--primary press-picture-teaser__wishlist-btn js-wishlist__remove stretch-link__interactive" data-wishlist-id="{{ mediaAsset ? mediaAsset.id : image.id }}" aria-label="{{ 'press.Von merkliste entfernen'|trans }}" title="{{ 'press.Von merkliste entfernen'|trans }}"
  23.                 data-event-tracking-category="Multimedia Archiv - Merkliste Übersichtsseite"
  24.                 data-event-tracking-action="Bild"
  25.                 data-event-tracking-action-toggle=" {{ 'teaser.entfernen'|trans }}"
  26.                 data-event-tracking-label="{{ image.metadata('General.title', app.request.locale) }} {{ image.id }}"
  27.         >
  28.             <span class="sr-only">{{ 'press.Von merkliste entfernen'|trans }}</span>
  29.             <span class="icon icon-close" aria-hidden="true"></span>
  30.         </button>
  31.     {% endif %}
  33.     <div class="embed-responsive-1by1 embed-responsive">
  34.         {% set description = getImageDescription(mediaAsset ? mediaAsset.posterImage : image, true) %}
  35.         {{ (mediaAsset ? mediaAsset.posterImage : image).thumbnail('press-picture-teaser').html({
  36.             imgAttributes: {
  37.                 class: 'js-lazy-img embed-responsive-item press-picture-teaser__img embed-responsive-item--center teaser-animation__img'
  38.             },
  39.             lowQualityPlaceholder: true,
  40.             title: description|default(''),
  41.             alt: description|default('')
  42.         })| raw }}
  43.         {% do jsConfig().add('lazyImg', true) %}
  44.     </div>
  46.     <div class="press-picture-teaser__body">
  47.         <div>
  48.             {% if wishlistNotRegistered|default(false) %}
  49.                 <div class="alert alert-danger">
  50.                     {{ 'wishlist.asset.not registered for region(s): {{regions}}'|trans({'{{regions}}': getRegionRegistrationLinks(image.metadata('General.regions')|default([]))})|raw   }}
  51.                 </div>
  52.             {% endif %}
  54.             <ul class="list-unstyled list-inline">
  55.                 {% for badge in getBadgesForAsset(image, mediaAsset) %}
  56.                     <li class="list-inline-item press-picture-teaser__list-item">
  57.                         <span class="badge badge-primary">
  58.                            {{ badge }}
  59.                         </span>
  60.                     </li>
  61.                 {% endfor %}
  63.                 {% if (mediaAsset and mediaAsset.asset is instanceof("\\Pimcore\\Model\\Asset\\Image")) or image is instanceof("\\Pimcore\\Model\\Asset\\Image") %}
  64.                     <li class="list-inline-item  press-picture-teaser__list-item">
  65.                         <span class="press-picture-teaser__icon icon icon-picture-{{ orientation|default('landscape') }}" aria-label="{{ orientation|default('landscape') }}" title="{{ orientation|default('landscape') }}"></span>
  66.                     </li>
  67.                 {% endif %}
  68.             </ul>
  70.             <h3 class="press-picture-teaser__title h5">
  71.                 {% set description = getImageDescription(image) %}
  72.                 <a href="{{ href }}" title="{{ description|default('') }}" class="stretch-link__link">
  73.                     {{ title|default(image.metadata('General.title', app.request.locale)) }}
  74.                 </a>
  75.             </h3>
  76.             {% if imageTexts is not defined %}
  77.                 {% set imageTexts = getImageTexts(image)%}
  78.             {% endif %}
  79.             {% if imageTexts.copyright|default(false) or imageTexts.author|default(false) %}
  80.                 <div class="press-picture-teaser__copyright">
  81.                     {% if imageTexts.copyright|default(false) %}
  82.                         {{ imageTexts.copyright }}
  83.                     {% endif %}
  84.                     {% if imageTexts.copyright|default(false) and imageTexts.author|default(false) %}
  85.                         |
  86.                     {% endif %}
  87.                     {% if imageTexts.author|default(false) %}
  88.                         {{ imageTexts.author }}
  89.                     {% endif %}
  91.                 </div>
  92.             {% endif %}
  93.         </div>
  94.     </div>
  96. </section>