templates/news/detail.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {#
  4.     {% use AppBundle/Helper/Apik %}
  5. #}
  8. {% block content %}
  10. <!-- #main -->
  11. <main id="main" role="main">
  12.         
  13.     <div class="apk-page-detail-news">
  14.         <div class="uk-container apk-container-1400">
  16.             <div class="uk-grid" uk-grid>
  18.                 <div class="uk-width-3-5@m">
  20.                     <div class="apk-first-content">
  21.                         <h1>{{ (new.titre|nl2br)|raw }}</h1>
  22.                         {{ new.image.thumbnail('news-image').html()|raw }}
  24.                         <div class="apk-date uk-margin-top">
  25.                             <div class="uk-grid" uk-grid>
  27.                                 <div class="uk-width-expand" style="margin-top: 5px;">
  28.                                     <div class="uk-flex">
  29.                                         <img src="/static/img/pictos/horloge-noir.svg" width="25" style="width:25px; height:auto; margin-right:10px;" alt="">
  30.                                         <div>
  31.                                             <p class="uk-margin-remove">{{ new.date|date('d/m/Y') }}</p>
  32.                                         </div>
  33.                                     </div>
  34.                                 </div>
  36.                                 <div class="uk-width-auto">
  37.                                     {% if new.categorie %}
  38.                                     <div class="apk-badge">
  39.                                         {{ new.categorie }}
  40.                                     </div>
  41.                                     {% endif %}
  42.                                 </div>
  43.                                 
  44.                             </div>
  45.                         </div>
  47.                         {{ new.texte|raw }}
  49.                     </div>
  51.                 </div>
  53.                 <div class="uk-width-2-5@m">
  54.                     <div class="apk-others-news-content">
  56.                         <h2>{{ "Autres actualités"|trans }}</h2>
  58.                         {% for othernew in othernews %}
  60.                         {% if othernew.slug %}
  61.                             {% set link = path('newsDetail', {'slug': othernew.slug}) %}
  62.                         {% else %}
  63.                             {% set link = false %}
  64.                         {% endif %}
  67.                         <div class="uk-child-width-1-2@s" uk-grid>
  68.                             
  69.                             <div>
  70.                                 <div data-apk-href="{{ link }}">
  71.                                     {{ othernew.image.thumbnail('news-image').html()|raw }}
  72.                                 </div>
  74.                                 <div class="uk-flex" style="margin-top: 10px;">
  75.                                     <img src="/static/img/pictos/horloge-noir.svg" width="25" style="width:25px; height:auto; margin-right:10px;" alt="">
  76.                                     <p class="uk-margin-remove">{{ othernew.date|date('d/m/Y') }}</p>
  77.                                 </div>
  78.                             </div>
  80.                             <div>
  81.                                 <h3><a href="{{ link }}">{{ (othernew.titre|nl2br)|raw }}</a></h3>
  82.                                 <a href="{{ link }}" class="uk-button uk-button-orange">{{ "Lire plus"|trans }}</a>
  83.                             </div>
  85.             
  86.                         </div>
  87.                         {% endfor %}
  89.                     </div>
  91.                 </div>
  93.             </div>
  95.         </div>
  96.     </div>
  98. </main><!-- end #main -->
  101. {% endblock %}
  103. {% block inlinescripts %}
  104.         
  105. {% endblock inlinescripts %}