templates/admin/article/index.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  3. {% block title %}Gestion des articles{% endblock %}
  5. {% block body %}
  6. <div class="d-flex justify-content-between align-items-center mb-4">
  7.     <h1><i class="fas fa-newspaper"></i> Articles</h1>
  8.     <div>
  9.         <a href="{{ path('admin_article_new') }}" class="btn btn-primary">
  10.             <i class="fas fa-plus"></i> Nouvel article
  11.         </a>
  12.     </div>
  13. </div>
  15. <div class="card mb-4">
  16.     <div class="card-body">
  17.         <div class="btn-group" role="group">
  18.             <a href="{{ path('admin_articles') }}" 
  19.                class="btn btn-sm btn-outline-secondary {% if current_status == '' %}active{% endif %}">
  20.                 Tous
  21.             </a>
  22.             <a href="{{ path('admin_articles', {status: 'draft'}) }}" 
  23.                class="btn btn-sm btn-outline-secondary {% if current_status == 'draft' %}active{% endif %}">
  24.                 Brouillons
  25.             </a>
  26.             <a href="{{ path('admin_articles', {status: 'pending'}) }}" 
  27.                class="btn btn-sm btn-outline-warning {% if current_status == 'pending' %}active{% endif %}">
  28.                 En attente
  29.             </a>
  30.             <a href="{{ path('admin_articles', {status: 'published'}) }}" 
  31.                class="btn btn-sm btn-outline-success {% if current_status == 'published' %}active{% endif %}">
  32.                 Publiés
  33.             </a>
  34.             <a href="{{ path('admin_articles', {status: 'rejected'}) }}" 
  35.                class="btn btn-sm btn-outline-danger {% if current_status == 'rejected' %}active{% endif %}">
  36.                 Rejetés
  37.             </a>
  38.         </div>
  39.     </div>
  40. </div>
  42. <div class="card">
  43.     <div class="card-body">
  44.         <div class="table-responsive">
  45.             <table class="table table-hover">
  46.                 <thead>
  47.                     <tr>
  48.                         <th>ID</th>
  49.                         <th>Titre</th>
  50.                         <th>Catégorie</th>
  51.                         <th>Statut</th>
  52.                         <th>IA</th>
  53.                         <th>Vues</th>
  54.                         <th>Date création</th>
  55.                         <th>Actions</th>
  56.                     </tr>
  57.                 </thead>
  58.                 <tbody>
  59.                     {% for article in articles %}
  60.                     <tr>
  61.                         <td>{{ article.id }}</td>
  62.                         <td>
  63.                             <strong>{{ article.title|slice(0, 60) }}</strong>
  64.                             {% if article.isFeatured %}
  65.                             <i class="fas fa-star text-warning" title="À la une"></i>
  66.                             {% endif %}
  67.                         </td>
  68.                         <td>
  69.                             <span class="badge bg-secondary">{{ article.category.name }}</span>
  70.                         </td>
  71.                         <td>
  72.                             {% set status_class = {
  73.                                 'draft': 'secondary',
  74.                                 'pending': 'warning',
  75.                                 'published': 'success',
  76.                                 'rejected': 'danger',
  77.                                 'archived': 'dark'
  78.                             } %}
  79.                             <span class="badge bg-{{ status_class[article.status] }}">
  80.                                 {{ article.status }}
  81.                             </span>
  82.                         </td>
  83.                         <td>
  84.                             {% if article.isAiGenerated %}
  85.                             <i class="fas fa-robot text-primary"></i>
  86.                             {% endif %}
  87.                         </td>
  88.                         <td>{{ article.viewCount }}</td>
  89.                         <td>{{ article.createdAt|date('d/m/Y H:i') }}</td>
  90.                         <td>
  91.                             <div class="btn-group btn-group-sm">
  92.                                 <a href="{{ path('admin_article_edit', {id: article.id}) }}" 
  93.                                    class="btn btn-outline-primary">
  94.                                     <i class="fas fa-edit"></i>
  95.                                 </a>
  96.                                 <a href="{{ path('article_preview', {id: article.id}) }}" 
  97.                                    class="btn btn-outline-info" 
  98.                                    target="_blank">
  99.                                     <i class="fas fa-eye"></i>
  100.                                 </a>
  101.                                 {% if article.status != 'published' %}
  102.                                 <form method="post" 
  103.                                       action="{{ path('admin_article_publish', {id: article.id}) }}" 
  104.                                       style="display:inline;">
  105.                                     <button type="submit" 
  106.                                             class="btn btn-outline-success"
  107.                                             onclick="return confirm('Publier cet article ?')">
  108.                                         <i class="fas fa-check"></i>
  109.                                     </button>
  110.                                 </form>
  111.                                 {% endif %}
  112.                             </div>
  113.                         </td>
  114.                     </tr>
  115.                     {% else %}
  116.                     <tr>
  117.                         <td colspan="8" class="text-center text-muted">Aucun article</td>
  118.                     </tr>
  119.                     {% endfor %}
  120.                 </tbody>
  121.             </table>
  122.         </div>
  124.         {% if articles.pageCount > 1 %}
  125.         <div class="mt-3">
  126.             {{ knp_pagination_render(articles) }}
  127.         </div>
  128.         {% endif %}
  129.     </div>
  130. </div>
  131. {% endblock %}