templates/pages/blog_index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/user_base.html.twig' %}
  3. {% block body %}
  4.     <div class="container py-5">
  5.         <div class="row">
  6.             <div class="col-lg-8">
  7.                 <h3>{{ "Actualité" | trans }}</h3>
  8.                 <div class="">
  9.                     {% for blog in blogs %}
  10.                         {% set trans = blog|translate %}
  12.                         <div class="mb-4">
  13.                             <article class="py-5">
  14.                                 <a href="{{ path('blog_view',  {slug: trans.slug}) }}"
  15.                                    class="img-wrap position-relative">
  16.                                     <img src={{ trans.image ?
  17.                                     vich_uploader_asset(trans, "imageFile") | imagine_filter('blog_list_thumb') :
  18.                                     "/img/product_default.png" | imagine_filter('blog_list_thumb') }} alt="{{ trans.title }}"
  19.                                          class="w-100" height="225"
  20.                                     >
  21.                                     <div class="article-date">{{ blog.createdAt | date("d M") }}</div>
  22.                                 </a>
  23.                                 <div class="mt-2">
  24.                                     <a href="#">
  25.                                         <h6 class="title">{{ trans.title }}</h6>
  26.                                     </a>
  27.                                     <p class="">
  28.                                         {{ trans.content|striptags|u.truncate(700, "...")|raw|nl2br }}
  29.                                     </p>
  30.                                     <div>
  31.                                         <div class="d-flex align-items-center">
  32.                                             <div class="mt-2">
  33.                                                 <p class="m-0 small">{{ "Catégories:" | trans }}
  34.                                                     {% for category in blog.categories %}
  35.                                                         {% set categoryTrans = category | translate %}
  36.                                                         <span class="badge bg-gray text-dark fw-bold">{{ categoryTrans.title }}</span>
  37.                                                     {% endfor %}
  38.                                                 </p>
  39.                                             </div>
  40.                                         </div>
  41.                                         <a href="{{ path('blog_view',  {slug: trans.slug}) }}"
  42.                                            class="btn btn-outline-primary btn-sm mt-3">
  43.                                             <span class="fas fa-chevron-circle-right pe-2"></span>
  44.                                             {{ "Lire la suite" | trans }}
  45.                                         </a>
  46.                                     </div>
  47.                                 </div>
  48.                             </article>
  49.                         </div>
  50.                         <div class="d-flex justify-content-center mt-3">
  51.                         </div>
  52.                     {% else %}
  53.                         <div class="text-center mt-4">
  54.                             <i class="fa fa-layer-group text-muted" style="font-size: 50px"></i>
  55.                             <p class="mt-3">{{ "Aucune actualité trouvée" | trans }}</p>
  56.                             <a class="btn btn-outline-primary"
  57.                                href="{{ path('blog_index') }}">{{ "Afficher tout" | trans }}</a>
  58.                         </div>
  59.                     {% endfor %}
  60.                     <div class="d-flex justify-content-center mt-3">
  61.                         {{ knp_pagination_render(blogs) }}
  62.                     </div>
  63.                 </div>
  65.             </div>
  66.             <div class="col-lg-4">
  67.                 {{ include('elements/blog/_blog_categorie.html.twig') }}
  68.             </div>
  69.         </div>
  70.     </div>
  71. {% endblock %}