Browse Source

Commentaires dans un card

François 6 years ago
parent
commit
f065c2ea31
1 changed files with 17 additions and 11 deletions
  1. 17 11
      src/AppBundle/Resources/views/videotheque/voirfilm.html.twig

+ 17 - 11
src/AppBundle/Resources/views/videotheque/voirfilm.html.twig

@@ -94,18 +94,24 @@
             </div>
         </div>
         <div class="col-4">
-            <h2>Commentaires</h2>
-            {{ include('@App/videotheque/form_commentaire.html.twig') }}
-            <div class="list-group">
-                {% for commentaire in commentaires %}
-                    <div class="list-group-item">
-                        {#{% if commentaire.user == app.user %}
-                            <a type="button" data-toggle="modal" data-target="#supprcommentaire" class="float-lg-right" id="supp_commentaire" href="#"><i class="fa fa-trash" style="color: Tomato"></i></a>
-                        {% endif %}#}
-                        <h5 class="mb-1"><strong>Posté par {{ commentaire.user.username }}</strong></h5>
-                        <p class="mb-1">{{ commentaire.contenu }}</p>
+            <div class="card border-info">
+                <div class="card-header">
+                    <h5>Commentaires</h5>
+                </div>
+                <div class="card-body">
+                    {{ include('@App/videotheque/form_commentaire.html.twig') }}
+                    <div class="list-group">
+                        {% for commentaire in commentaires %}
+                            <div class="list-group-item">
+                                {#{% if commentaire.user == app.user %}
+                                    <a type="button" data-toggle="modal" data-target="#supprcommentaire" class="float-lg-right" id="supp_commentaire" href="#"><i class="fa fa-trash" style="color: Tomato"></i></a>
+                                {% endif %}#}
+                                <p class="mb-1"><strong>Posté par {{ commentaire.user.username }}</strong></p>
+                                <p class="mb-1">{{ commentaire.contenu }}</p>
+                            </div>
+                        {% endfor %}
                     </div>
-                {% endfor %}
+                </div>
             </div>
         </div>
     </div>