templates/news/news-list-ajax.html.twig line 1

Open in your IDE?
  1. {% for newsItem in newsList %}
  4.     {# news detail link #}
  5.     {% set detailLink = path('newslist', {
  6.         id: newsItem.id,
  7.         headline: toUri(newsItem.headline),
  8.         path: 'news-url-path'|trans
  9.     }) %}
  10.     {# news detail link #}
  12.             <div class="teaser news-overview-teaser news-teaser">
  13.                 {% for fieldItem in newsItem.content %}
  14.                     {% if fieldItem.type == "Gallery" %}
  15.                         {#  {% for image in fieldItem.GalleryImg.items %}#}
  16.                         {% if fieldItem.GalleryImg.items | length > 0 and fieldItem.GalleryImg.items[0] %}
  17.                             <a href="{{ detailLink }}">{{ fieldItem.GalleryImg.items[0].thumbnail('NewsTeaser').html | raw }}</a>
  18.                         {% endif %}
  19.                         {#{% endfor %}#}
  20.                     {% endif %}
  21.                 {% endfor %}
  22.                 <div class="content con-teaser ">
  23.                     <div class="date flex gap-10">
  24.                         <svg width="13" height="14.333" viewBox="0 0 13 14.333">
  25.                             <g id="Icon_feather-calendar" data-name="Icon feather-calendar"
  26.                                transform="translate(0.5 0.5)">
  27.                                 <path id="Pfad_4321" data-name="Pfad 4321"
  28.                                       d="M5.833,6h9.333A1.33,1.33,0,0,1,16.5,7.328V16.62a1.33,1.33,0,0,1-1.333,1.328H5.833A1.33,1.33,0,0,1,4.5,16.62V7.328A1.33,1.33,0,0,1,5.833,6Z"
  29.                                       transform="translate(-4.5 -4.615)" fill="none"
  30.                                       stroke="#6b675d"
  31.                                       stroke-linecap="round" stroke-linejoin="round"
  32.                                       stroke-width="1"/>
  33.                                 <path id="Pfad_4322" data-name="Pfad 4322" d="M24,3V5.771"
  34.                                       transform="translate(-15.333 -3)" fill="none" stroke="#6b675d"
  35.                                       stroke-linecap="round" stroke-linejoin="round"
  36.                                       stroke-width="1"/>
  37.                                 <path id="Pfad_4323" data-name="Pfad 4323" d="M12,3V5.771"
  38.                                       transform="translate(-8.667 -3)" fill="none" stroke="#6b675d"
  39.                                       stroke-linecap="round" stroke-linejoin="round"
  40.                                       stroke-width="1"/>
  41.                                 <path id="Pfad_4324" data-name="Pfad 4324" d="M4.5,15h12"
  42.                                       transform="translate(-4.5 -9.667)" fill="none"
  43.                                       stroke="#6b675d"
  44.                                       stroke-linecap="round" stroke-linejoin="round"
  45.                                       stroke-width="1"/>
  46.                             </g>
  47.                         </svg>
  48.                         <p>{{ newsItem.date | date('d.m.Y') }}</p>
  49.                     </div>
  50.                     <p class="teaser-headline title-headline"><a href="{{ detailLink }}">{{ newsItem.headline | u.truncate(35, '...') }}</a></p>
  51.                     <div class="basic colored no-margin secondary">
  52.                         <a href="{{ detailLink }}"><p>{{ newsItem.intro | u.truncate(125, '...') }}</p></a>
  53.                     </div>
  54.                     <div class="buttons-row no-margin">
  55.                         <button class="primary accent">
  56.                             <a href="{{ detailLink }}">
  57.                                 {{ 'Mehr'|trans }}
  58.                                 <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  59.                                     <g transform="translate(0 0.354)">
  60.                                         <g transform="translate(0)">
  61.                                             <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#b76e2b" stroke-linejoin="round" stroke-width="1"/>
  62.                                             <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#b76e2b" stroke-width="1"/>
  63.                                         </g>
  64.                                     </g>
  65.                                 </svg>
  66.                             </a>
  67.                         </button>
  68.                     </div>
  69.                 </div>
  70.             </div>
  72. {% endfor %}
  74. {# next page #}
  75. {% set nextPageAjax = path('news-list', { page: paginationVariables.current + 1 }) %}
  77. {# previous page #}
  78. {# {% set previousPageAjax = path('news-list', {page: paginationVariables.current - 1}) %} #}
  80. {# {% if paginationVariables.previous is defined %}
  81.     <a href="{{ previousPageAjax }}">Previous</a>
  82. {% endif %} #}
  85. {% if paginationVariables.next is defined %}
  86. {#<div class="load-more ajaxListeButton moreNewsLink" id="newsButtonContainer" style="width: 0; height: 0; pointer-events: none; display: none;">#}
  87.     <a href="{{ nextPageAjax }}" id="moreNewsLink" title="load more" class="button primary ajax-btn" data-url="{{ nextPageAjax }}">{#{{ 'mehr_laden_newsAjaxLink' | trans }}#}</a>
  88. {#</div>#}
  89. {% endif %}