templates/areas/content-timeline/Includes/timelineTeaser.html.twig line 1

Open in your IDE?
  1. <div class="timeline-teaser timeline-teaser--{{ position }} {{ not pimcore_link('button').empty ? 'stretch-link' : '' }} js-fade-in {{ styleModifier | default(null) }}">
  3.     <div class="timeline-teaser__body">
  4.         {% if editmode or not pimcore_input('time').empty %}
  5.             <div class="timeline-teaser__badge">
  6.                 <time>{{ pimcore_input('time', {'placeholder': 'HH:MM Uhr'}) }}</time>
  7.             </div>
  8.         {% endif %}
  10.         {% if editmode or not pimcore_input('subtitle').empty %}
  11.             <div class="timeline-teaser__sub-title">
  12.                 {{ pimcore_input('subtitle') }}
  13.             </div>
  14.         {% endif %}
  16.         {% if editmode or not pimcore_input('title').empty %}
  17.             <h3 class="timeline-teaser__title">
  18.                 {% if not editmode and not pimcore_link('button').empty %}
  19.                 <a href="{{ pimcore_link('button').href }}" target="{{ pimcore_link('button').target }}"
  20.                    class="stretch-link__link">
  21.                     {% endif %}
  22.                     {{ pimcore_input('title') }}
  23.                     {% if not editmode and not pimcore_link('button').empty %}
  24.                 </a>
  25.                 {% endif %}
  26.             </h3>
  27.         {% endif %}
  29.         {% if editmode or not pimcore_wysiwyg('text').empty %}
  30.             <div class="timeline-teaser__content wysiwyg">
  31.                 {{ pimcore_wysiwyg('text') }}
  32.             </div>
  33.         {% endif %}
  35.         {{ pimcore_link('button', {
  36.             'class': 'btn btn-outline-white timeline-teaser__btn'
  37.         }) }}
  38.     </div>
  40.     {% if editmode %}
  41.         <div class="timeline-teaser__embed embed-responsive">
  42.             {{ pimcore_image('image', {
  43.                 thumbnail: 'timeline-teaser',
  44.                 imgAttributes: {
  45.                     class: 'js-lazy-img embed-responsive-item'
  46.                 },
  47.                 lowQualityPlaceholder: true
  48.             }) }}
  49.         </div>
  50.     {% elseif not pimcore_image('image').empty %}
  51.         {% set description = getImageDescription(pimcore_image('image').image) %}
  52.         <div class="timeline-teaser__embed embed-responsive">
  53.             {{ pimcore_image('image').image.thumbnail('timeline-teaser').html({
  54.                 imgAttributes: {
  55.                     class: 'js-lazy-img embed-responsive-item',
  56.                     title: description|default(''),
  57.                     alt: description|default(''),
  58.                 },
  59.                 lowQualityPlaceholder: true
  60.             })|raw }}
  61.         </div>
  62.     {% endif %}
  63. </div>