templates/blog/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ "metas.blog.titre"|trans }}{%  endblock %}
  4. {% block description %}{{ "metas.blog.desc"|trans }}{%  endblock %}
  6. {% block stylesheets %}
  7.     {{ encore_entry_link_tags('blog') }}
  8. {% endblock %}
  10.  {% block javascripts %}
  11.      {{ encore_entry_script_tags('blog') }}
  12.  {% endblock %}
  15. {% block body %}
  16.   <div id="blocDr">
  17.     <div class="container position-relative text-center">
  18.       <h2 class="text-dark">Blog</h2>
  19.       <span><span><a href="{{ path('home')}}">Home</a></span> » <span>Blog</span></span>
  20.     </div>
  21.   </div>
  24.     <div class="container pt-2">
  25.       <div class="row">
  26.         <div class="col-md-8 col-lg-9">
  27.           <div id="posts" class="row">
  28.               {% for article in articles %}
  29.                   <div id="{{  loop.index }}" class="mt-2 item col-md-6">
  30.                       <div class="well border">
  31.                           {%  if article.image is not empty %}
  32.                               <img src="{{ asset('images/blog/'~article.image) }}" alt="{{  article.translate.titre }}" class="thumbnail w-100" />
  33.                           {% endif %}
  34.                           <div class="content p-3">
  35.                               <a href="{{  path('blog.show', {'slug': article.translate.slug}) }}" class="h6 fw-800"><h2>{{  article.translate.titre }}</h2></a>
  36.                               <div>
  37.                                 <p class="text-dark small fw-200 pb-0 pr-2">{{  article.datePublication|date('d/m/Y') }} |
  39.                                     {%  for c in article.categories %}
  40.                                         <a class="text-dark"  href="{{ path('blog.category', {'slug': c.translate.slug} ) }}">{{  c.translate.nom }}</a>{%  if loop.last == false %}<span class="text-dark small pr-2">,</span>{%  endif %}
  41.                                     {%  endfor %}
  42.                                 </p>
  43.                               </div>
  44.                               <div class="small text-grey">
  45.                                   {{ unescape(article.translate.contenu) | raw  }}
  46.                               </div>
  48.                           </div>
  49.                       </div>
  50.                   </div>
  51.               {%  endfor %}
  52.           </div>
  55.           <div class="w-100 text-center pt-5 pb-5">
  56.               <ul class="pagination justify-content-center">
  57.                   <li class="page-item  {% if (current_page-1) <= 0 %}disabled{%  endif %}"><a class="page-link" href="{{ path('blog.page', { 'page': current_page-1 }) }}">Précedent</a></li>
  58.                   {% for i in 1..pages %}
  59.                     {% if i > 0 %}
  60.                       <li class="page-item {% if i == current_page %} active {%  endif %}"><a class="page-link" href="{{ path('blog.page', {  'page': i }) }}">{{  i }}</a></li>
  61.                     {% endif %}
  62.                   {%  endfor %}
  63.                   <li class="page-item {% if (current_page+1) > pages %}disabled{%  endif %}"><a class="page-link" href="{{ path('blog.page', { 'page': current_page+1 }) }}">Suivant</a></li>
  64.               </ul>
  65.           </div>
  66.         </div>
  67.         <div class="col-md-4 col-lg-3  p-0 m-0">
  68.           <div class="mb-5">
  69.             {{ render(controller('App\\Controller\\BlogController::lastArticles'))}}
  70.           </div>
  72.           {{ render(controller('App\\Controller\\BlogController::categories'))}}
  73.         </div>
  74.       </div>
  75.     </div>
  76. {% endblock %}