templates/blog_category/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : Catégories du Blog{% endblock %}
  5. {% block body %}
  6. {# <h1>BlogCategory index</h1>
  8.     <table class="table">
  9.         <thead>
  10.             <tr>
  11.                 <th>Id</th>
  12.                 <th>Title</th>
  13.                 <th>actions</th>
  14.             </tr>
  15.         </thead>
  16.         <tbody>
  17.         {% for category in categories %}
  18.             <tr>
  19.                 <td>{{ category.id }}</td>
  20.                 <td>{{ category.title }}</td>
  21.                 <td>
  22.                     <a href="{{ path('app_blog_category_show', {'slug': category.slug}) }}">show</a>
  23.                     <a href="{{ path('app_blog_category_edit', {'id': blog_category.id}) }}">edit</a>
  24.                 </td>
  25.             </tr>
  26.         {% else %}
  27.             <tr>
  28.                 <td colspan="3">no records found</td>
  29.             </tr>
  30.         {% endfor %}
  31.         </tbody>
  32.     </table>
  34.     <a href="{{ path('app_blog_category_new') }}">Create new</a> #}
  36.     {# {{ dump() }} #}
  38. <section class="container py-5 mb-5">
  40.     <div class="row">
  41.         <div class="col">
  42.             {# Breadcrumbs #}
  43.             <div class="row">
  44.                 <div class="col small">
  45.                     <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;);"
  46.                         aria-label="breadcrumb">
  47.                         <ol class="breadcrumb small">
  48.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li>
  49.                             <li class="breadcrumb-item"><a href="{{ path('app_blog_article_index') }}" class="text-decoration-none text-dark">Blog</a></li>
  50.                             <li class="breadcrumb-item active" aria-current="page">Catégories</li>
  51.                         </ol>
  52.                     </nav>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  58.     <h1 class="text-center mb-4 color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="2000">Toutes les Catégories du Blog</h1>
  60.     <div class="row row-cols-1 row-cols-md-4 g-4 mt-4">
  61.         {% for category in categories %}
  62.             <div class="col">
  63.                 <div class="card h-100">
  64.                     <div class="card-body">
  65.                         <h4 class="card-title text-center color1">
  66.                             {{ category.title }}
  67.                             <span class="text-xsmall px-2 py-1 border">
  68.                                 {{ category.blogArticles|length }}
  69.                             </span>
  70.                         </h4>
  71.                         <p class="text-center">
  72.                             <a href="{{ path('app_blog_category_show', {'slug': category.slug}) }}" class="text-decoration-none">
  73.                                 <span class="button-categories text-uppercase">Tous les articles de la Catégorie</span>
  74.                             </a>
  75.                         </p>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         {% endfor %}
  80.     </div>
  82. </section>
  84. {% endblock %}