templates/snippets/news.html.twig line 1

Open in your IDE?
  2. {% extends "layout-snippets.html.twig" %}
  4. {% block snippets %}
  6. <div class="apk-snippet-news">
  7.     <div class="uk-container apk-container-1500">
  9.         {% if lastnew|length == 0 %}
  10.             <div class="uk-text-center uk-text-bold">
  11.                 {{ "Aucun article n'est disponible"|trans }}
  12.             </div>
  13.         {% endif %}
  15.         <div class="uk-position-relative">
  16.         
  17.             <div class="uk-position-relative uk-visible-toggle" tabindex="-1" uk-slider="clsActivated: uk-transition-active; center: true; autoplay: true; autoplay-interval: 4000;" style="z-index: 2;">
  19.                 <ul class="uk-slider-items uk-grid">
  21.                     {% for new in lastnew %}
  23.                     {% if new.slug %}
  24.                         {% set link = path('newsDetail', {'slug': new.slug}) %}
  25.                     {% else %}
  26.                         {% set link = false %}
  27.                     {% endif %}
  29.                     <li class="uk-width-3-4@m">
  30.                         
  31.                         <div class="apk-container-content">
  32.                             <div uk-grid>
  34.                                 <div class="uk-width-2-3@s">
  35.                                     <div class="apk-content">
  36.                                         <p class="uk-margin-remove">{{ new.date|date('d/m/Y') }}</p>
  37.                                         <h3 class="uk-margin-bottom uk-margin-small-top">{{ new.titre }}</h3>
  38.                                         <p class="uk-margin-remove">{{ (new.description|nl2br)|raw }}</p>
  40.                                         <div class="uk-text-right uk-margin-top">
  41.                                             <a href="{{ link }}" class="uk-button uk-margin-top">{{ "Lire l'article"|trans }}</a>
  42.                                         </div>
  44.                                     </div>
  45.                                 </div>
  47.                                 <div class="uk-width-1-3@s uk-flex-first@s uk-margin-remove-top uk-position-relative" data-apk-href="{{ link }}">
  48.                                     {{ new.image.thumbnail('global-image').html()|raw }}
  50.                                     {% if new.categorie %}
  51.                                         <div class="uk-position-top-left apk-badge">{{ new.categorie }}</div>
  52.                                     {% endif %}
  53.                                 </div>
  55.                             </div>
  56.                         </div>
  58.                     </li>
  59.                     {% endfor %}
  62.                 </ul>
  64.                 <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
  65.                     
  66.                 <div class="uk-text-center uk-margin-top">
  67.                     <a href="/{{ app.request.locale }}/blog" class="uk-button uk-margin-top">{{ "Tous les articles"|trans }}</a>
  68.                 </div>
  70.             </div>
  72.             <div class="apk-div-bg-color"></div>
  74.         </div>
  76.     </div>
  77. </div>
  79. {% endblock %}