templates/Magazine/Includes/teaserGrid.html.twig line 1

Open in your IDE?
  1. <section class="content-block container container-md js-fade-in {{ styleModifier | default (null) }}">
  2.     {% if title|default('false') %}
  3.         {{ include('Includes/title-block.html.twig', {
  4.             title: title,
  5.         }) }}
  6.     {% endif %}
  8.     {% set items = [
  9.         {
  10.             'type': 'article',
  11.             'areaWide': true,
  12.             'article': gridArticles.current
  13.         },
  14.         {
  15.             'type': 'article',
  16.             'areaWide': false,
  17.             'article': gridArticles.next ?: gridArticles.current
  18.         },
  19.         {
  20.             'type': 'snippet',
  21.             'areaWide': false,
  22.             'id': 'snipppet-1'
  23.         },
  24.         {
  25.             'type': 'article',
  26.             'areaWide': false,
  27.             'article': gridArticles.next ?: gridArticles.current
  28.         },
  29.         {
  30.             'type': 'snippet',
  31.             'areaWide': false,
  32.             'id': 'snipppet-2'
  33.         },
  34.         {
  35.             'type': 'article',
  36.             'areaWide': false,
  37.             'article': gridArticles.next ?: gridArticles.current
  38.         },
  39.         {
  40.             'type': 'article',
  41.             'areaWide': false,
  42.             'article': gridArticles.next ?: gridArticles.current
  43.         },
  44.         {
  45.             'type': 'article',
  46.             'areaWide': false,
  47.             'article': gridArticles.next ?: gridArticles.current
  48.         },
  49.         {
  50.             'type': 'article',
  51.             'areaWide': false,
  52.             'article': gridArticles.next ?: gridArticles.current
  53.         },
  54.         {
  55.             'type': 'article',
  56.             'areaWide': true,
  57.             'article': gridArticles.next ?: gridArticles.current
  58.         },
  59.         {
  60.             'type': 'snippet',
  61.             'areaWide': false,
  62.             'id': 'snipppet-3'
  63.         },
  64.         {
  65.             'type': 'article',
  66.             'areaWide': false,
  67.             'article': gridArticles.next ?: gridArticles.current
  68.         },
  69.         {
  70.             'type': 'snippet',
  71.             'areaWide': false,
  72.             'id': 'snipppet-4'
  73.         },
  74.         {
  75.             'type': 'article',
  76.             'areaWide': false,
  77.             'article': gridArticles.next ?: gridArticles.current
  78.         },
  79.         {
  80.             'type': 'article',
  81.             'areaWide': false,
  82.             'article': gridArticles.next ?: gridArticles.current
  83.         },
  84.         {
  85.             'type': 'article',
  86.             'areaWide': false,
  87.             'article': gridArticles.next ?: gridArticles.current
  88.         },
  89.         {
  90.             'type': 'snippet',
  91.             'areaWide': false,
  92.             'id': 'snipppet-5'
  93.         },
  94.         {
  95.             'type': 'snippet',
  96.             'areaWide': false,
  97.             'id': 'snipppet-6'
  98.         },
  99.         {
  100.             'type': 'snippet',
  101.             'areaWide': false,
  102.             'id': 'snipppet-7'
  103.         },
  105.     ] %}
  107.     <section class="{{ styleModifier | default(null)}}">
  108.         <div class="row vertical-gutter-md--default vertical-gutter--4">
  109.             {% for item in items %}
  110.                 <div class="vertical-gutter__item {{ item.areaWide ? 'col-md-8' : 'col-md-4' }} js-fade-in">
  111.                     {% if item.type == 'article' and item.article %}
  112.                         {{ include('Magazine/Includes/articleTeaser.html.twig', item) }}
  113.                     {% elseif item.type == "snippet" %}
  114.                         {{ pimcore_snippet(item.id, {'height' : 530}) }}
  115.                     {% endif %}
  117.                     {#{% elseif item.teaserType == 'simple-text-teaser' %}
  118.                         {{ pattern('molecules-simple-text-teaser', item | merge(item)) }}
  119.                     {% elseif item.teaserType == 'social-media-teaser' %}
  120.                         {{ pattern('molecules-social-media-teaser', item | merge(item)) }}
  121.                     {% endif %}#}
  122.                 </div>
  123.             {% endfor %}
  124.         </div>
  125.     </section>
  127.     <div class="text-center mt-4">
  128.         <a href="{{ document.property('blogPortal').archiveDocument }}" class="btn btn-primary">
  129.             {{ 'magazin.Alle Artikel'|trans }}
  130.         </a>
  131.     </div>
  132. </section>