templates/Frontend/news/news_paginated.html.twig line 1

Open in your IDE?
  1. {% extends 'Frontend/layout.html.twig' %}
  3. {% block content %}
  4.   {# dump(news) #}
  5.   <section id="news">
  6.     <article>
  7.       <div class="grid-container">
  8.         <div class="tabs-content" data-tabs-content="news-tabs">
  9.           <div class="tabs-panel is-active" id="all">
  10.             <aside class="listado">
  11.               <header>
  12.                 <h1>{% trans %}Hemeroteca{% endtrans %}</h1>
  13.               </header>
  14.               <div>{{ render(controller('App\\Controller\\Frontend\\SearchController::drawForm')) }}</div>
  15.               <div class="grid-x grid-margin-x grid-margin-y">
  16.                 {% for new in news %}
  17.                   {% if new.id == news_for_china_only %}
  18.                     {% if fromChina is not empty %}
  19.                       {# dump(new) #}
  20.                       <div class="cell small-12 medium-6 large-4">
  21.                         {% if new.getTranslations()[0].getTitle()|default %}
  22.                           {% set newsPath = path('new', { seoSlug: new.translations[0].getTitle()|make_url_phrase, id: new.getId() }) %}
  23.                         {% else %}
  24.                           {% set newsPath = '' %}
  25.                         {% endif %}
  26.                         {% if new.images[0] is defined %}
  27.                           {% set imgPath = IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_backendGallery.' ~ new.images[0].extension %}
  28.                         {% else %}
  29.                           {% set imgPath = '' %}
  30.                         {% endif %}
  31.                         <figure>
  32.                           <a href="{{ newsPath }}" title="{{ new.getTitle() }}"><img src="{{ imgPath }}" alt="{{ new.getTitle() }}" /></a>
  33.                         </figure>
  34.                         <div>
  35.                           <h3><a href="{{ newsPath }}" title="{{ new.translations[0].getTitle() }}">{{ new.translations[0].getTitle() }}</a></h3>
  36.                           {% for categ in new.getCategories() %}
  37.                             {# dump(categ) #}
  38.                             <a href="{{ path('newsByCateg', { seoSlugCategory: categ.getTranslations()[0].getName()|make_url_phrase, id: categ.getId() }) }}">{{ categ.translations[0].getName() }}</a>
  39.                           {% endfor %}
  40.                           <span>{{ new.publicationDate|date('d/m/Y') }}</span>
  41.                         </div>
  42.                       </div>
  43.                     {% endif %}
  44.                   {% else %}
  45.                     <div class="cell small-12 medium-6 large-4">
  46.                       {% if new.getTranslations()[0].getTitle()|default %}
  47.                         {% set newsPath = path('new', { seoSlug: new.translations[0].getTitle()|make_url_phrase, id: new.getId() }) %}
  48.                       {% else %}
  49.                         {% set newsPath = '' %}
  50.                       {% endif %}
  51.                       {% if new.images[0] is defined %}
  52.                         {% set imgPath = IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_backendGallery.' ~ new.images[0].extension %}
  53.                       {% else %}
  54.                         {% set imgPath = '' %}
  55.                       {% endif %}
  56.                       <figure>
  57.                         <a href="{{ newsPath }}" title="{{ new.getTitle() }}"><img src="{{ imgPath }}" alt="{{ new.getTitle() }}" /></a>
  58.                       </figure>
  59.                       <div>
  60.                         <h3><a href="{{ newsPath }}" title="{{ new.translations[0].getTitle() }}">{{ new.translations[0].getTitle() }}</a></h3>
  61.                         {% for categ in new.getCategories() %}
  62.                           {# dump(categ) #}
  63.                           <a href="{{ path('newsByCateg', { seoSlugCategory: categ.getTranslations()[0].getName()|make_url_phrase, id: categ.getId() }) }}">{{ categ.translations[0].getName() }}</a>
  64.                         {% endfor %}
  65.                         <span>{{ new.publicationDate|date('d/m/Y') }}</span>
  66.                       </div>
  67.                     </div>
  68.                   {% endif %}
  69.                 {% endfor %}
  70.               </div>
  71.               {% if totalPages > 1 %}
  72.                 {% set extremePagesLimit = 1 %} {# El nº de primeras y últimas páginas a mostrar #}
  73.                 {% set nearbyPagesLimit = 3 %} {# El nº de páginas que se muestran desde la página actual #}
  74.                 <nav aria-label="Pagination">
  75.                   <ul class="pagination">
  76.                     <li>
  77.                       <a href="{{ path('newsPaginated', { currentPage: currentPage - 1 }) }}" aria-label="Previous page"><img src="{{ asset('assets/images/icon/arrow-left.svg') }}" title="{% trans %}Anterior{% endtrans %}" /></a>
  78.                     </li>
  79.                     {% for i in 1..extremePagesLimit %}
  80.                       {% if i < currentPage - nearbyPagesLimit %}
  81.                         <li>
  82.                           <a href="{{ path('newsPaginated', { currentPage: i }) }}" aria-label="Page {{ i }}">{{ i }}</a>
  83.                         </li>
  84.                       {% endif %}
  85.                     {% endfor %}
  86.                     {% if extremePagesLimit + 1 < currentPage - nearbyPagesLimit %}
  87.                       <li class="ellipsis" aria-hidden="true"></li>
  88.                     {% endif %}
  89.                     {% for i in range(currentPage - nearbyPagesLimit, currentPage - 1) %}
  90.                       {% if i > 0 %}
  91.                         <li>
  92.                           <a href="{{ path('newsPaginated', { currentPage: i }) }}" aria-label="Page {{ i }}">{{ i }}</a>
  93.                         </li>
  94.                       {% endif %}
  95.                     {% endfor %}
  96.                     <li class="current">
  97.                       <a href="{{ path('newsPaginated', { currentPage: currentPage }) }}" aria-label="Page {{ currentPage }}">{{ currentPage }}</a>
  98.                     </li>
  99.                     {% if currentPage < totalPages %}
  100.                       {% for i in range(currentPage + 1, currentPage + nearbyPagesLimit) %}
  101.                         {% if i <= totalPages %}
  102.                           <li>
  103.                             <a href="{{ path('newsPaginated', { currentPage: i }) }}">{{ i }}</a>
  104.                           </li>
  105.                         {% endif %}
  106.                       {% endfor %}
  108.                       {% if totalPages - extremePagesLimit > currentPage + nearbyPagesLimit %}
  109.                         <li class="ellipsis" aria-hidden="true"></li>
  110.                       {% endif %}
  112.                       {% for i in range(totalPages - extremePagesLimit + 1, totalPages) %}
  113.                         {% if i > currentPage + nearbyPagesLimit %}
  114.                           <li>
  115.                             <a href="{{ path('newsPaginated', { currentPage: i }) }}" aria-label="Page {{ i }}">{{ i }}</a>
  116.                           </li>
  117.                         {% endif %}
  118.                       {% endfor %}
  119.                       <li class="pagination-next">
  120.                         <a href="{{ path('newsPaginated', { currentPage: currentPage + 1 <= totalPages ? currentPage + 1 : currentPage }) }}" aria-label="Next page"><img src="{{ asset('assets/images/icon/arrow.svg') }}" title="{% trans %}Siguiente{% endtrans %}" /></a>
  121.                       </li>
  122.                     {% endif %}
  123.                   </ul>
  124.                 </nav>
  125.               {% endif %}
  126.             </aside>
  127.           </div>
  128.         </div>
  129.       </div>
  130.     </article>
  131.   </section>
  132. {% endblock %}