Ref #3: ajout de l'auteur + modal de conf de suppression pour l'affic…

…hage des détails d'une annonce.
AAAsso · Jun 20, 2017 · 72f54a3 · 72f54a3
1 parent 522508a
commit 72f54a3
Showing 1 changed file with 31 additions and 3 deletions.
diff --git a/app/Resources/views/annonce/detail.html.twig b/app/Resources/views/annonce/detail.html.twig
@@ -23,6 +23,8 @@
         <dl class="dl-horizontal">
             <dt>Titre</dt>
             <dd>{{ annonce.titre }}</dd>
+            <dt>Auteur</dt>
+            <dd>{{ annonce.createur.pseudo }}</dd>
             <dt>Sera publiée le</dt>
             <dd>{% if annonce.datePublication %}{{ annonce.datePublication|date('d F Y à H:i') }}{% endif %}</dd>
             <dt>Contenu</dt>
@@ -34,11 +36,37 @@
         </dl>
     </div>
     <div class="col-md-6">
-        {{ form_start(form_supprimer) }}
-            <button class="btn btn-danger" type="submit" ><span class="glyphicon glyphicon-trash"></span> Supprimer l'annonce</button>
-        {{ form_end(form_supprimer) }}
+        <button class="btn btn-danger" data-toggle="modal" data-target="#modal-{{ annonce.slug }}"><span class="glyphicon glyphicon-trash"></span> Supprimer l'annonce</button>
     </div>
     <div class="col-md-6 text-right">
         <a href="{{ path('annonce_editer', { 'slug': annonce.slug }) }}" class="btn btn-primary"><span class="glyphicon glyphicon-edit"></span> Éditer l'annonce</a>
     </div>
+
+    <div id="modal-confirmation-suppression">
+        <div id="modal-{{ annonce.slug }}" class="modal fade" tabindex="-1" role="dialog">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-body">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <p>Voulez-vous supprimer l'annonce {{ annonce.titre }} ?</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="modal-footer text-left">
+                        <div class="row">
+                            <div class="col-md-6 text-left">
+                                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-left"></span> Annuler</button>
+                            </div>
+                            <div class="col-md-6 text-right">
+                                {{ form_start(form_supprimer) }}
+                                    <button class="btn btn-danger" type="submit"><span class="glyphicon glyphicon-trash"></span> Confirmer la suppression</button>
+                                {{ form_end(form_supprimer) }}
+                            </div>
+                        </div>
+                    </div>
+                </div><!-- /.modal-content -->
+            </div><!-- /.modal-dialog -->
+        </div><!-- /.modal -->
+    </div>
 {% endblock %}