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

Open in your IDE?
  1. {% extends 'Frontend/layout.html.twig' %}
  3. {% block content %}
  4.   {# dump(category) #} {# dump(news) #}
  5.   <section id="news">
  6.     <!-- CATEGORY TABS -->
  7.     <article>
  8.       <div class="grid-container">
  9.         <div class="tabs-content" data-tabs-content="news-tabs">
  10.           <div class="tabs-panel is-active" id="all">
  11.             <aside class="listado">
  12.               <header>
  13.                 <h1>{{ category.translations[0].getName() }}</h1>
  14.               </header>
  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.                       <div class="cell small-12 medium-6 large-4">
  20.                         {% if new.getTranslations()[0].getTitle()|default %}
  21.                           {% set newsPath = path('new', { seoSlug: new.getTranslations()[0].getTitle()|make_url_phrase, id: new.getId() }) %}
  22.                         {% else %}
  23.                           {% set newsPath = '' %}
  24.                         {% endif %}
  25.                         {% if new.images[0] is defined %}
  26.                           {% set imgPath = IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_backendGallery.' ~ new.images[0].extension %}
  27.                         {% else %}
  28.                           {% set imgPath = '' %}
  29.                         {% endif %}
  30.                         <figure>
  31.                           <a href="{{ newsPath }}" title="{{ new.getTranslations()[0].getTitle() }}"><img src="{{ imgPath }}" alt="{{ new.getTranslations()[0].getTitle() }}" /></a>
  32.                         </figure>
  33.                         <div>
  34.                           <h3><a href="{{ newsPath }}" title="{{ new.getTranslations()[0].getTitle() }}">{{ new.getTranslations()[0].getTitle() }}</a></h3>
  35.                           {% for categ in new.getCategories() %}
  36.                             {# dump(categ) #}
  37.                             <a href="{{ path('newsByCateg', { seoSlugCategory: categ.getTranslations()[0].getName()|make_url_phrase, id: categ.getId() }) }}">{{ categ.getTranslations[0].getName() }}</a>
  38.                           {% endfor %}
  39.                           <span>{{ new.publicationDate|date('d/m/Y') }}</span>
  40.                         </div>
  41.                       </div>
  42.                     {% endif %}
  43.                   {% else %}
  44.                     <div class="cell small-12 medium-6 large-4">
  45.                       {% if new.getTranslations()[0].getTitle()|default %}
  46.                         {% set newsPath = path('new', { seoSlug: new.getTranslations()[0].getTitle()|make_url_phrase, id: new.getId() }) %}
  47.                       {% else %}
  48.                         {% set newsPath = '' %}
  49.                       {% endif %}
  50.                       {% if new.images[0] is defined %}
  51.                         {% set imgPath = IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_backendGallery.' ~ new.images[0].extension %}
  52.                       {% else %}
  53.                         {% set imgPath = '' %}
  54.                       {% endif %}
  55.                       <figure>
  56.                         <a href="{{ newsPath }}" title="{{ new.getTranslations()[0].getTitle() }}"><img src="{{ imgPath }}" alt="{{ new.getTranslations()[0].getTitle() }}" /></a>
  57.                       </figure>
  58.                       <div>
  59.                         <h3><a href="{{ newsPath }}" title="{{ new.getTranslations()[0].getTitle() }}">{{ new.getTranslations()[0].getTitle() }}</a></h3>
  60.                         {% for categ in new.getCategories() %}
  61.                           {# dump(categ) #}
  62.                           <a href="{{ path('newsByCateg', { seoSlugCategory: categ.getTranslations()[0].getName()|make_url_phrase, id: categ.getId() }) }}">{{ categ.getTranslations[0].getName() }}</a>
  63.                         {% endfor %}
  64.                         <span>{{ new.publicationDate|date('d/m/Y') }}</span>
  65.                       </div>
  66.                     </div>
  67.                   {% endif %}
  68.                 {% endfor %}
  69.               </div>
  70.             </aside>
  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('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, 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('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, 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('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, currentPage: i }) }}" aria-label="Page {{ i }}">{{ i }}</a>
  93.                       </li>
  94.                     {% endif %}
  95.                   {% endfor %}
  96.                   <li class="current">
  97.                     <a href="{{ path('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, 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('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, 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('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, currentPage: i }) }}" aria-label="Page {{ i }}">{{ i }}</a>
  116.                         </li>
  117.                       {% endif %}
  118.                     {% endfor %}
  119.                     <li class="pagination-next">
  120.                       <a href="{{ path('newsByCateg', { id: category.getId(), seoSlugCategory: category.getTranslations()[0].getName()|make_url_phrase, 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.           </div>
  127.         </div>
  128.       </div>
  129.     </article>
  130.   </section>
  131. {% endblock %}