templates/front/blog/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block meta %}
  4.     <title>Conseils et bons plans sur le blog Providders</title>
  5.     <meta name="description" content="Nos articles vous donneront quelques conseils sur la préparation de votre mariage, plus de {{ articles|length }} articles disponibles">
  6. {% endblock %}
  8. {% block body %}
  9.     <div class="page-header" style="background: url({{ asset('images/vacncance_blog.jpg') }}) no-repeat center;background-size: cover">
  10.         <div class="container">
  11.             <div
  12.                 class="row">
  13.                 <!-- page caption -->
  14.                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
  15.                     <div class="page-caption">
  16.                         <h1 class="page-title" style="box-shadow: black">Blog</h1>
  17.                         {% if categorySelected is defined %}
  18.                             <h2 style="color:white">{{ categorySelected.name }}</h2>
  19.                         {% endif %}
  20.                     </div>
  21.                 </div>
  22.                 <!-- /.page caption -->
  23.             </div>
  24.         </div>
  25.         <!-- page caption -->
  26.         <div class="page-breadcrumb">
  27.             <div class="container">
  28.                 <div class="row">
  29.                     <nav aria-label="breadcrumb">
  30.                         <ol class="breadcrumb">
  31.                             <li class="breadcrumb-item">
  32.                                 <a href="{{ path('front_home') }}" class="breadcrumb-link">Accueil</a>
  33.                             </li>
  34.                             <li class="breadcrumb-item active text-white" aria-current="page">Tous les articles ({{ articles|length }}
  35.                                 articles)</li>
  36.                         </ol>
  37.                     </nav>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.         <!-- page breadcrumb -->
  42.     </div>
  43.     <!-- /.page-header -->
  44.     <div class="content">
  45.         <div class="container">
  46.             <div class="row">
  47.                 <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
  48.                     <div class="row">
  49.                         {% for article in articles %}
  50.                             <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  51.                                 <div
  52.                                     class="post-block">
  53.                                     <!-- post vertical block -->
  54.                                     <div class="post-img zoomimg">
  55.                                         <a href="{{ path('front_blog_single', {'categorySlug': article.blogCategory.categorySlug, 'slug': article.slug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_BLOG_DIR') ~ article.image) }}" alt="{{ article.title }}" class="img-fluid"></a>
  56.                                     </div>
  57.                                     <div class="post-content">
  58.                                         <h2>
  59.                                             <a href="{{ path('front_blog_single', {'categorySlug': article.blogCategory.categorySlug, 'slug': article.slug}) }}" class="post-title">{{ article.title }}</a>
  60.                                         </h2>
  61.                                         <p class="meta">
  62.                                             <span class="meta-date">{{ article.publishedAt|format_datetime('full', 'short', locale='fr') }}</span>
  63.                                         </p>
  64.                                         {% set articleText = article.text|striptags %}
  65.                                         <p>{{ articleText|slice(0, 200) }}...</p>
  66.                                         <a href="{{ path('front_blog_single', {'categorySlug': article.blogCategory.categorySlug, 'slug': article.slug}) }}" class="btn-default-link">Lire l'article</a>
  67.                                     </div>
  68.                                 </div>
  69.                                 <!-- /.post vertical block -->
  70.                             </div>
  71.                         {% else %}
  72.                             <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  73.                                 <p>Aucun article
  74.                                     {% if categorySelected is defined %}pour la catégorie
  75.                                         {{ categorySelected.name }}
  76.                                     {% endif %}.</p>
  77.                             </div>
  78.                         {% endfor %}
  79.                         <!-- post paginations -->
  80.                         <div class="pagination">
  81.                             <nav aria-label="Page navigation example">
  82.                                 {{ knp_pagination_render(articles) }}
  83.                             </nav>
  84.                         </div>
  85.                         <!-- /.post paginations -->
  86.                     </div>
  87.                 </div>
  88.                 <!-- /. blog post -->
  89.                 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
  90.                     <div class="sidebar">
  91.                         <!-- /.widget -->
  92.                         <!-- widget-categories -->
  93.                             <div class="widget widget-category"> <h3 class="widget-title">Categories</h3>
  94.                             <ul class="angle">
  95.                                 {% for category in categories %}
  96.                                     <li>
  97.                                         <a href="{{ path('front_blog_category_list', {'categorySlug': category.categorySlug}) }}">{{ category.name }}</a>
  98.                                     </li>
  99.                                 {% endfor %}
  100.                             </ul>
  101.                         </div>
  103.                         <div class="widget widget-recent-post">
  104.                             <h3 class="widget-title">Derniers Articles</h3>
  105.                             <ul class="">
  106.                                 {% for lastArticle in lastArticles %}
  107.                                     <li>
  108.                                         <div class="row">
  109.                                             <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
  110.                                                 <div class="recent-post-img">
  111.                                                     <a href="{{ path('front_blog_single', {'categorySlug': lastArticle.blogCategory.categorySlug, 'slug': lastArticle.slug}) }}">
  112.                                                         <img src="{{ asset(constant('App\\Services\\File::IMAGE_BLOG_DIR') ~ lastArticle.image) }}" alt="{{ lastArticle.title }}"></a>
  113.                                                 </div>
  114.                                             </div>
  115.                                             <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-8">
  116.                                                 <div class="recent-post-content">
  117.                                                     <h4 class="recent-title">
  118.                                                         <a href="{{ path('front_blog_single', {'categorySlug': lastArticle.blogCategory.categorySlug, 'slug': lastArticle.slug}) }}">{{ lastArticle.title }}</a>
  119.                                                     </h4>
  120.                                                     <p class="meta font-italic text-default">{{ lastArticle.publishedAt|date('d/m/Y') }}</p>
  121.                                                 </div>
  122.                                             </div>
  123.                                         </div>
  124.                                     </li>
  125.                                 {% endfor %}
  126.                             </ul>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133. {% endblock %}