templates/frontend/artikel/_artikelteaser.html.twig line 1

Open in your IDE?
  1. {#
  2. Uebergabe Parameter:
  3. - artikel (Typ: ArtikelFrontendData)
  4. - isLeadArtikel (boolean, default = false)
  5. - cssStyle (string, default = "")
  6. #}
  8. {% if artikel is defined and artikel %}
  10. {% set isLeadArtikel = isLeadArtikel is defined %}
  11. {% set cssStyle = (cssStyle is defined) ? " "~cssStyle : "" %}
  13. <div class="article-teaser-box{{ cssStyle }}" data-click-url="{{ path('fe.artikel_detail', {'slug': artikel.slug}) }}">
  14. {% if artikel.images %}
  15. <div class="image" style="background-image: url('{{ asset(artikel.images.current.assetFilepath) }}')"></div>
  16. {#<div class="image lazy" data-src="{{ asset(artikel.images.current.assetFilepath) }}"></div>#}
  17. {% elseif artikel.video_youtube_id %}
  18. {# Video First Highresolution Image:
  19. https://medium.com/@simonlidesign/embedding-youtube-video-with-high-quality-thumbnail-956a41dda5c8
  20. #}
  21. {#<div class="image lazy" style="background-image: url('https://i.ytimg.com/vi/{{ artikel.video_youtube_id }}/maxresdefault.jpg')"></div>#}
  22. {#<div class="image lazy" data-src="https://i.ytimg.com/vi/{{ artikel.video_youtube_id }}/maxresdefault.jpg"></div>#}
  23. {#<div class="image lazy" data-src="https://img.youtube.com/vi/{{ artikel.video_youtube_id }}/sddefault.jpg"></div>#}
  25. {# DOKU: https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api#}
  26. <div class="image" style="background-image: url('https://img.youtube.com/vi/{{ artikel.video_youtube_id }}/0.jpg')"></div>
  27. {#<div class="image lazy" data-src="https://img.youtube.com/vi/{{ artikel.video_youtube_id }}/0.jpg"></div>#}
  28. {% else %}
  29. <div class="image" style="background-image: url('{{ asset('bundles/app/frontend/img/artikel-dummy.png') }}')"></div>
  30. {#<div class="image lazy" data-src="{{ asset('bundles/app/frontend/img/artikel-dummy.png') }}"></div>#}
  31. {% endif %}
  34. {% set artikelTypSign = "" %}
  35. {% if artikel.typ.isUWPlus %}
  36. {% set artikelTypSign = '<span class="sign uwplus">UW+</span>' %}
  37. {% elseif artikel.typ.isPublireportage %}
  38. {% set artikelTypSign = '<span class="sign publireportage">Publireportage</span>' %}
  39. {% endif %}
  41. <div class="info">
  42. {{ artikelTypSign|raw }}{% if artikel.spitzmarke %}<span class="spitzmarke">{{ artikel.spitzmarke }}</span>{% endif %}
  43. <span class="authored-at" {% if artikel.spitzmarke or artikelTypSign %}style="margin-left:auto"{% endif %}>{{ artikel.authored_at|date('d.m.Y') }}</span>
  44. </div>
  46. {% if isLeadArtikel %}
  47. <h1>{{ artikel.titel }}</h1>
  48. {% else %}
  49. <h2>{{ artikel.titel }}</h2>
  50. {% endif %}
  51. </div>
  53. {% endif %}