templates/magazines/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des Magazines{% endblock %}
  5. {% block body %}
  6. <div class="container mt-4">
  7. <div class="d-flex justify-content-between align-items-center mb-4">
  8. <h1>Magazines</h1>
  9. <div>
  10. <a href="{{ path('magazines_search') }}" class="btn btn-outline-secondary mr-2">
  11. <i class="fas fa-search"></i> Rechercher
  12. </a>
  13. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  14. <a href="{{ path('magazine_new') }}" class="btn btn-primary">
  15. <i class="fas fa-plus"></i> Nouveau magazine
  16. </a>
  17. {% endif %}
  18. </div>
  19. </div>
  21. {% for message in app.flashes('success') %}
  22. <div class="alert alert-success">{{ message }}</div>
  23. {% endfor %}
  25. {% if magazines|length > 0 %}
  26. <div class="row">
  27. {% for magazine in magazines %}
  28. <div class="col-md-4 col-lg-3 mb-4">
  29. <div class="card h-100">
  30. {% if images[magazine.id] is defined %}
  31. <img src="data:image/jpeg;base64,{{ images[magazine.id] }}"
  32. class="card-img-top"
  33. alt="{{ magazine.nom }}"
  34. style="height: 200px; object-fit: cover;">
  35. {% else %}
  36. <div class="card-img-top bg-secondary d-flex align-items-center justify-content-center"
  37. style="height: 200px;">
  38. <i class="fas fa-book fa-3x text-white"></i>
  39. </div>
  40. {% endif %}
  41. <div class="card-body">
  42. <h5 class="card-title">{{ magazine.nom }}</h5>
  43. {% if magazine.editeur %}
  44. <p class="card-text text-muted small">{{ magazine.editeur }}</p>
  45. {% endif %}
  46. <p class="card-text">
  47. <span class="badge badge-info">{{ magazine.nbnum }} numéro(s)</span>
  48. {% if magazine.statut %}
  49. <span class="badge badge-success">En cours</span>
  50. {% else %}
  51. <span class="badge badge-secondary">Terminé</span>
  52. {% endif %}
  53. </p>
  54. </div>
  55. <div class="card-footer">
  56. <a href="{{ path('magazine_detail', {id: magazine.id}) }}" class="btn btn-sm btn-outline-primary">
  57. Voir les numéros
  58. </a>
  59. </div>
  60. </div>
  61. </div>
  62. {% endfor %}
  63. </div>
  65. <div class="d-flex justify-content-center mt-4">
  66. {{ knp_pagination_render(pagination, '@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') }}
  67. </div>
  68. {% else %}
  69. <div class="alert alert-info">
  70. Aucun magazine enregistré pour le moment.
  71. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  72. <a href="{{ path('magazine_new') }}">Créer le premier magazine</a>
  73. {% endif %}
  74. </div>
  75. {% endif %}
  76. </div>
  77. {% endblock %}