templates/magazines/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ magazine.nom }}{% endblock %}
  5. {% block body %}
  6. <div class="container mt-4">
  7. <nav aria-label="breadcrumb">
  8. <ol class="breadcrumb">
  9. <li class="breadcrumb-item"><a href="{{ path('magazines_list') }}">Magazines</a></li>
  10. <li class="breadcrumb-item active">{{ magazine.nom }}</li>
  11. </ol>
  12. </nav>
  14. {% for message in app.flashes('success') %}
  15. <div class="alert alert-success">{{ message }}</div>
  16. {% endfor %}
  18. <div class="row mb-4">
  19. <div class="col-md-3">
  20. {% if magazineImage %}
  21. <img src="data:image/jpeg;base64,{{ magazineImage }}"
  22. class="img-fluid rounded"
  23. alt="{{ magazine.nom }}">
  24. {% else %}
  25. <div class="bg-secondary d-flex align-items-center justify-content-center rounded"
  26. style="height: 250px;">
  27. <i class="fas fa-book fa-4x text-white"></i>
  28. </div>
  29. {% endif %}
  30. </div>
  31. <div class="col-md-9">
  32. <div class="d-flex justify-content-between align-items-start">
  33. <h1>{{ magazine.nom }}</h1>
  34. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  35. <a href="{{ path('magazine_edit', {id: magazine.id}) }}" class="btn btn-outline-secondary">
  36. <i class="fas fa-edit"></i> Modifier
  37. </a>
  38. {% endif %}
  39. </div>
  41. {% if magazine.editeur %}
  42. <p class="lead">Éditeur : {{ magazine.editeur }}</p>
  43. {% endif %}
  45. <div class="row">
  46. <div class="col-md-6">
  47. <ul class="list-unstyled">
  48. <li><strong>Nombre de numéros :</strong> {{ magazine.nbnum }}</li>
  49. <li>
  50. <strong>Statut :</strong>
  51. {% if magazine.statut %}
  52. <span class="badge badge-success">En cours de publication</span>
  53. {% else %}
  54. <span class="badge badge-secondary">Publication terminée</span>
  55. {% endif %}
  56. </li>
  57. {% if magazine.debpub %}
  58. <li><strong>Début de publication :</strong> {{ magazine.debpub|date('m/Y') }}</li>
  59. {% endif %}
  60. {% if magazine.findeb %}
  61. <li><strong>Fin de publication :</strong> {{ magazine.findeb|date('m/Y') }}</li>
  62. {% endif %}
  63. </ul>
  64. </div>
  65. </div>
  67. {% if magazine.commentaire %}
  68. <div class="mt-3">
  69. <h5>Commentaire</h5>
  70. <p>{{ magazine.commentaire|nl2br }}</p>
  71. </div>
  72. {% endif %}
  73. </div>
  74. </div>
  76. <hr>
  78. <div class="d-flex justify-content-between align-items-center mb-3">
  79. <h3>Numéros</h3>
  80. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  81. <div>
  82. <a href="{{ path('numero_new', {id: magazine.id}) }}" class="btn btn-success">
  83. <i class="fas fa-plus"></i> Ajouter un numéro
  84. </a>
  85. <a href="{{ path('numeros_new_multiple', {id: magazine.id}) }}" class="btn btn-primary">
  86. <i class="fas fa-plus-circle"></i> Ajouter plusieurs numéros
  87. </a>
  88. </div>
  89. {% endif %}
  90. </div>
  92. {% if numeros|length > 0 %}
  93. <div class="row">
  94. {% for numero in numeros %}
  95. <div class="col-md-3 col-lg-2 mb-4">
  96. <div class="card h-100">
  97. {% if images[numero.id] is defined %}
  98. <img src="data:image/jpeg;base64,{{ images[numero.id] }}"
  99. class="card-img-top"
  100. alt="N°{{ numero.num }}"
  101. style="height: 150px; object-fit: cover;">
  102. {% else %}
  103. <div class="card-img-top bg-light d-flex align-items-center justify-content-center"
  104. style="height: 150px;">
  105. <span class="h4 text-muted">N°{{ numero.num }}</span>
  106. </div>
  107. {% endif %}
  108. <div class="card-body p-2">
  109. <h6 class="card-title mb-1">N°{{ numero.num }}</h6>
  110. {% if numero.dateParution %}
  111. <small class="text-muted">{{ numero.dateParution|date('m/Y') }}</small>
  112. {% endif %}
  113. {% if numero.prix %}
  114. <br><small class="text-success">
  115. {{ numero.prix|number_format(2, ',', ' ') }}
  116. {% if numero.monnaie %}{{ numero.monnaie.symbole }}{% else %}€{% endif %}
  117. </small>
  118. {% endif %}
  119. </div>
  120. <div class="card-footer p-2">
  121. <a href="{{ path('numero_detail', {id: numero.id}) }}" class="btn btn-sm btn-outline-primary btn-block">
  122. Détails
  123. </a>
  124. </div>
  125. </div>
  126. </div>
  127. {% endfor %}
  128. </div>
  130. <div class="d-flex justify-content-center mt-4">
  131. {{ knp_pagination_render(pagination, '@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') }}
  132. </div>
  133. {% else %}
  134. <div class="alert alert-info">
  135. Aucun numéro enregistré pour ce magazine.
  136. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  137. <a href="{{ path('numero_new', {id: magazine.id}) }}">Ajouter le premier numéro</a>
  138. {% endif %}
  139. </div>
  140. {% endif %}
  141. </div>
  142. {% endblock %}