templates/Press/pressPictureDetail.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  2. {% block navigation %}
  3.     {{ include('Press/Includes/pressHeader.html.twig') }}
  4. {% endblock %}
  6. {% block content %}
  7.     {% set detailUrl = getMediaArchiveImageDetail(asset, siteConfig) %}
  8.     {% do elements_canonical(detailUrl) %}
  9.     {% do elements_opengraph().addImage(asset) %}
  10.     {% do elements_head_title().setTitle(asset.metadata('General.title', app.request.locale), true) %}
  11.     {% if asset.metadata('General.description', app.request.locale) %}
  12.         {% do elements_opengraph().setDescription(asset.metadata('General.description', app.request.locale)) %}
  13.         {% do elements_head_meta().setDescription(asset.metadata('General.description', app.request.locale), true) %}
  14.     {% endif %}
  16.     {% do pimcore_placeholder('addBreadcrumb').set({
  17.         'parentId' : document.getId(),
  18.         'url' : app.request.pathInfo,
  19.         'label' : asset.metadata('General.title', app.request.locale) ?: ('press-image-detail.number'|trans ~ ' ' ~(asset.metadata('General.number') ?: asset.id))
  20.     }) %}
  21.     {{ include('Navigation/breadcrumb.html.twig') }}
  22.     <div class="container container-sm content-block">
  23.         <a href="{{ document }}{{ app.request.queryString ? ('?' ~ app.request.queryString ) : '' }}" class="btn btn-primary-light mb-2" >
  24.             {{ 'mediaimage.back to overview'|trans }}
  25.         </a>
  26.         <div class="embed-responsive-16by9 embed-responsive">
  27.             {% set description = getImageDescription(asset, true) %}
  28.             {{ asset.thumbnail('press-picture-watermark').html({
  29.                 imgAttributes: {
  30.                     class: 'js-lazy-img embed-responsive-item',
  31.                     title: description|default(''),
  32.                     alt: description|default('')
  33.                 },
  34.                 lowQualityPlaceholder: true
  35.             })|raw }}
  36.         </div>
  38.         <form action="{{ path('download-press-image', {assetId: asset.id}) }}" >
  39.             <div class="mt-4">
  40.                 <div class="badge badge-primary">
  41.                     {{ 'general.Nr'|trans }}. {{ asset.metadata('General.number') }}
  42.                 </div>
  43.                 <h1 class="h3 text-primary mt-3">{{ asset.metadata('General.title', app.request.locale) }}</h1>
  44.                 {% set imageTexts = getImageTexts(asset) %}
  45.                 {% if imageTexts.copyright|default(false) or imageTexts.author|default(false) %}
  46.                     <div class="text-priamry my-3">
  47.                         {% if imageTexts.copyright|default(false) %}
  48.                             {{ imageTexts.copyright }}
  49.                         {% endif %}
  50.                         {% if imageTexts.copyright|default(false) and imageTexts.author|default(false) %}
  51.                             |
  52.                         {% endif %}
  53.                         {% if imageTexts.author|default(false) %}
  54.                             {{ imageTexts.author }}
  55.                         {% endif %}
  56.                     </div>
  57.                 {% endif %}
  58.                 <div class="text-primary">
  59.                     <div><strong>{{ 'mediaimage.Auflösung'|trans }}:</strong> {{ asset.width }} x {{ asset.height }}</div>
  60.                     <div><strong>{{ 'mediaimage.Format'|trans }}:</strong> {{ getImageType(asset) }}</div>
  61.                     {% if asset.property('ulicense_object') is instanceof('\\Pimcore\\Model\\DataObject\\ULicense') %}
  62.                         <div>
  63.                             <strong>{{ 'mediaimage.Lizenz'|trans }}:</strong> {{ asset.property('ulicense_object').code }} - {{ asset.property('ulicense_object').name }} <span class="ml-2">{{ asset.property('ulicense_object').logoSmall ? asset.property('ulicense_object').logoSmall.thumbnail().html({height: 24})|raw : '' }}</span>
  66.                              {% if asset.property('ulicense_object').description != '' %}
  67.                                 <button class="btn-info ml-2" title="{{ asset.property('ulicense_object').description }}" data-toggle="tooltip">i</button>
  68.                             {% endif %}
  70.                         </div>
  71.                     {% endif %}
  72.                     {% if imageTexts.usage|default(false) %}
  73.                         <div><strong>{{ 'mediaimage.usage'|trans }}:</strong> {{ imageTexts.usage }}</div>
  74.                     {% endif %}
  75.                 </div>
  76.                 <div class="mt-4">
  77.                     {{ include('Form/Includes/checkbox.html.twig', {
  78.                         name: 'gdpr',
  79.                         id: 'gdpr',
  80.                         required: true,
  81.                         label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  82.                     }) }}
  83.                 </div>
  84.                 <div class="row vertical-gutter--2">
  85.                     <div class="col-md-5 vertical-gutter__item">
  86.                         {% set user = getMediaUser(app.request) %}
  87.                         {% if user or elements_debug_mode() %}
  88.                             <button class="btn btn-primary-light btn-block" type="submit" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Bild" data-event-tracking-label="{{ asset.metadata('General.title', app.request.locale) }} {{ asset.id }}">
  89.                                 <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  90.                                 {{ 'mediaimage.Download'|trans }}
  91.                             </button>
  92.                         {% else %}
  93.                             <a class="btn btn-primary-light btn-block js-nav__show-overlay"
  94.                                     aria-label="{{ 'sr.Show Overlay'|trans }}"
  95.                                     title="{{ 'sr.Show Overlay'|trans }}"
  96.                                     data-nav-overlay-target="#loginOverlay">
  97.                                 <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  98.                                 {{ 'mediaimage.Für download einloggen'|trans }}
  99.                             </a>
  100.                         {% endif %}
  101.                     </div>
  102.                     <div class="col-md-5 vertical-gutter__item">
  103.                         <button type="button" class="wishlist-btn--big btn btn-primary-light btn-block js-wishlist-press-pictures__btn
  104.                             {{ asset.id in activePressPicturesWishlistIds ? 'is-active' }}"
  105.                                 data-wishlist-id="{{ asset.id }}"
  106.                                 data-wishlist-list-name="press-pictures"
  107.                                 aria-label="{{ 'press.Auf die Merkliste'|trans }}"
  108.                                 title="{{ 'press.Auf die Merkliste'|trans }}" data-event-tracking-category="Multimedia Archiv - Merkliste Detailseite" data-event-tracking-action="Bild{{ asset.id in activePressPicturesWishlistIds ? (' ' ~ 'press.entfernen'|trans) : '' }}" data-event-tracking-action-toggle=" {{ 'press.entfernen'|trans }}" data-event-tracking-label="{{ asset.metadata('General.title', app.request.locale) }} {{ asset.id }}">
  109.                             <span class="icon icon-star btn-icon" aria-hidden="true"></span>
  110.                             <span class="wishlist-btn__text-default">{{ 'press.Zur Merkliste hinzufügen'|trans }}</span>
  111.                             <span class="wishlist-btn__text-active">{{ 'press.Von Merkliste entfernen'|trans }}</span>
  112.                         </button>
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </form>
  118.     </div>
  119. {% endblock %}
  121. {% block usageGuidlines %}
  122.     {{ include('Press/Includes/userGuidelinesModal.html.twig', {regions: not asset.metadata('General.regions') is empty ? asset.metadata('General.regions') : [getMainRegion()]}) }}
  123. {% endblock %}
  125.     {% block javascripts %}
  126.         {% if not app.request.get('onlyInlineCss') %}
  127.         {{ include('Layout/includes/encore.html.twig', {
  128.             'staticDebugMode': staticDebugMode,
  129.             'file': 'js/press'
  130.         }) }}
  131.         {% endif %}
  132.     {% endblock %}