templates/Default/news.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5.     <div class="container">
  7.         <section class="news section-first">
  9.             <h1 class="news__title section-title h1">News</h1>
  11.             <ul class="news__list">
  13.                 {% for item in news %}
  15.                     <li class="news__item">
  17.                         <div class="news__item-title h2">{{ item.title }}</div>
  19.                         <div class="news__item-info p3">
  20.                             {{ item.date | date('Y-m-d H:i T') }} {{ 'by'|trans }}
  21.                             <a href="{{ item.source }}">{{ item.author }}</a>, {{ item.country.title }}
  22.                         </div>
  24.                         <p class="news__item-desc p2">
  25.                             {{ item.text | striptags | cut(200, true, '...') | raw }}
  26.                         </p>
  28.                         <div class="news__bottom">
  29.                             <a href="{{ path('news_view', {slug: item.slug}) }}" class="news__item-link">
  30.                                 {{ 'Read more'|trans }}
  31.                             </a>
  32.                         </div>
  34.                     </li>
  36.                 {% else %}
  38.                     <p class="news__text p1">{{ 'News not yet added'|trans }}</p>
  40.                 {% endfor %}
  42.             </ul>
  44.             {% if pages > 1 %}
  46.                 <div class="news__pagination">
  48.                     {% if page > 1 %}
  49.                         <a class="news__arrow news__arrow--prev" href="{{ path('news', {page: page - 1}) }}"></a>
  50.                     {% else %}
  51.                         <span class="news__arrow news__arrow--prev news__arrow--disable"></span>
  52.                     {% endif %}
  54.                     {% if page < 5 and pages < 7 %}
  55.                         {% for p in range(1, pages) %}
  57.                             {% if page == p %}
  58.                                 <span class="news__page news__page--active">{{ p }}</span>
  59.                             {% else %}
  60.                                 <a class="news__page" href="{{ path('news', {page: p}) }}">{{ p }}</a>
  61.                             {% endif %}
  63.                         {% endfor %}
  64.                     {% endif %}
  66.                     {% if page < 5 and pages >= 7 %}
  68.                         {% for p in range(1, 5) %}
  70.                             {% if page == p %}
  71.                                 <span class="news__page news__page--active">{{ p }}</span>
  72.                             {% else %}
  73.                                 <a class="news__page" href="{{ path('news', {page: p}) }}">{{ p }}</a>
  74.                             {% endif %}
  76.                         {% endfor %}
  78.                         <div class="news__ellipsis">...</div>
  80.                         <a class="news__page" href="{{ path('news', {page: pages}) }}">{{ pages }}</a>
  82.                     {% endif %}
  84.                     {% if page >= 5 and page < pages - 3 %}
  86.                         <a class="news__page" href="{{ path('news', {page: 1}) }}">{{ 1 }}</a>
  88.                         <div class="news__ellipsis">...</div>
  90.                         <a class="news__page news__page--desktop"
  91.                            href="{{ path('news', {page: page - 2}) }}">{{ page - 2 }}</a>
  92.                         <a class="news__page" href="{{ path('news', {page: page - 1}) }}">{{ page - 1 }}</a>
  94.                         <span class="news__page news__page--active">{{ page }}</span>
  96.                         <a class="news__page" href="{{ path('news', {page: page + 1}) }}">{{ page + 1 }}</a>
  97.                         <a class="news__page news__page--desktop"
  98.                            href="{{ path('news', {page: page + 2}) }}">{{ page + 2 }}</a>
  100.                         <div class="news__ellipsis">...</div>
  102.                         <a class="news__page" href="{{ path('news', {page: pages}) }}">{{ pages }}</a>
  104.                     {% endif %}
  106.                     {% if page >= 5 and page >= pages - 3 %}
  108.                         <a class="news__page" href="{{ path('news', {page: 1}) }}">{{ 1 }}</a>
  110.                         <div class="news__ellipsis">...</div>
  112.                         {% for p in range(pages - 4, pages) %}
  113.                             {% if page == p %}
  114.                                 <span class="news__page news__page--active">{{ p }}</span>
  115.                             {% else %}
  116.                                 <a class="news__page" href="{{ path('news', {page: p}) }}">{{ p }}</a>
  117.                             {% endif %}
  118.                         {% endfor %}
  120.                     {% endif %}
  122.                     {% if page < pages %}
  123.                         <a class="news__arrow" href="{{ path('news', {page: page + 1}) }}"></a>
  124.                     {% else %}
  125.                         <span class="news__arrow news__arrow--disable"></span>
  126.                     {% endif %}
  128.                 </div>
  130.             {% endif %}
  132.         </section>
  134.     </div>
  136. {% endblock %}