templates/bundles/ElementsPresseBundle/Includes/Texte/Teaser.html.twig line 1

Open in your IDE?
  1. {% set presseText = presseText %}
  2. {% set detailUrl = presseLinkGenerator(presseText) %}
  3. {% set textLength = 250 %}
  4. {% set categories = presseText.getCategories|default([]) %}
  6. <article class="news-teaser stretch-link img-zoom-hover">
  7.     {% if presseText.previewImage is not empty %}
  8.         <div class="ratio ratio-3x2 ratio-5x4-xs">
  9.             {{ presseText.previewImage.thumbnail('news-teaser').getHtml({
  10.                 imgAttributes: {
  11.                     class: 'ratio-item js-lazy-img news-teaser__img',
  12.                 },
  13.                 lowQualityPlaceholder: true,
  14.             })|raw }}
  15.         </div>
  16.     {% endif %}
  17.     <div class="news-teaser__content">
  18.         <div>
  19.             <ul class="news-teaser__category-container list-unstyled">
  20.                 {% for category in categories %}
  21.                     <li class="category-tag">{{ category.getName(app.request.locale) }}</li>
  22.                 {% endfor %}
  23.             </ul>
  25.             <div class="news-teaser__date">
  26.                 <span class="news-teaser__date-item">{{ presseText.publishDate|date('l')|trans }}</span><span class="news-teaser__dot"></span><span class="news-teaser__date-item">{{ presseText.publishDate|date('d.m.Y') }}</span>
  27.             </div>
  29.             <h3 class="news-teaser__title"><a href="{{ detailUrl }}">{{ presseText.getName(app.request.locale) }}</a></h3>
  30.         </div>
  31.         <a href="{{ detailUrl }}" class="news-teaser__link stretch-link__link link-primary">
  32.             {{ 'presse-bundle.text-overview.teaser.readMore'|trans }} <span class="link-primary__icon icon icon-arrow" aria-hidden="true"></span>
  33.         </a>
  34.     </div>
  35. </article>