templates/blog_category/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : catégorie {{ category.title }}{% endblock %}
  5. {% block body %}
  6. {# <h1>BlogCategory</h1>
  8.     <table class="table">
  9.         <tbody>
  10.             <tr>
  11.                 <th>Id</th>
  12.                 <td>{{ blog_category.id }}</td>
  13.             </tr>
  14.             <tr>
  15.                 <th>Title</th>
  16.                 <td>{{ blog_category.title }}</td>
  17.             </tr>
  18.         </tbody>
  19.     </table>
  21.     <a href="{{ path('app_blog_category_index') }}">back to list</a>
  23.     <a href="{{ path('app_blog_category_edit', {'id': blog_category.id}) }}">edit</a>
  25.     {{ include('blog_category/_delete_form.html.twig') }} #}
  27.     {# {{ dump(category) }} #}
  29. <section class="container py-5">
  31.     <div class="row">
  32.         <div class="col">
  33.             {# Breadcrumbs #}
  34.             <div class="row">
  35.                 <div class="col small">
  36.                     <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
  37.                         aria-label="breadcrumb">
  38.                         <ol class="breadcrumb small">
  39.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li>
  40.                             <li class="breadcrumb-item"><a href="{{ path('app_blog_category_index') }}" class="text-decoration-none text-dark">Catégories</a></li>
  41.                             <li class="breadcrumb-item active" aria-current="page">{{ category.title }}</li>
  42.                         </ol>
  43.                     </nav>
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </div>
  49.     <h1 class="text-center mb-4 color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="2000">Catégorie :
  50.         {{ category.title }}</h1>
  51.     <h5 class="text-center mb-4 color1 fw-700 text-uppercase">Liste des articles de cette catégorie</h5>
  53.     <div class="row row-cols-1 row-cols-md-4 g-4 mt-5">
  54.         {% for article in category.blogArticles %}
  55.             <div class="col blog-cards">
  56.                 <div class="card h-100">
  57.                     <img src="{{ asset('assets/img/articles/' ~ article.image ) }}" class="card-img-top img-fluid" style="max-height: 150px; width: 100%; object-fit: cover;" alt="{{ article.title }}">
  58.                     <div class="card-body">
  59.                         <h5 class="card-title">
  60.                             <a href="{{ path('app_blog_article_show', {'slug': article.slug}) }}" class="text-decoration-none color1">
  61.                                 {{ article.title }}
  62.                             </a>
  63.                         </h5>
  64.                         {# <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
  65.                             additional content. This content is a little bit longer.</p> #}
  66.                     </div>
  67.                     <div class="card-footer">
  68.                         <a href="{{ path('app_blog_article_show', {'slug': article.slug}) }}" class="text-decoration-none">
  69.                             <span class="button-difference text-uppercase">Lire la suite</span>
  70.                         </a>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         {% endfor %}
  75.     </div>
  77.     <div class="row mt-5">
  78.         <div class="col text-center">
  79.             <a class="btn btn-sm btn-primary" href="{{ path('app_blog_article_index') }}">Retour à la page du Blog</a>
  80.             <a class="btn btn-sm btn-primary" href="{{ path('app_blog_category_index') }}">Retour à la page des Catégories</a>
  81.         </div>
  82.     </div>
  84. </section>
  86. {% endblock %}