Use a modal window to confirm the blog post deletion

Author: javiereguiluz

app/Resources/translations/messages.en.xliff

@@ -80,21 +80,21 @@
                 <source>action.delete_post</source>
                 <target>Delete post</target>
             </trans-unit>
-            <trans-unit id="action.delete_post_confirmation">
-                <source>action.delete_post_confirmation</source>
+            <trans-unit id="delete_post_modal.title">
+                <source>delete_post_modal.title</source>
                 <target>Are you sure you want to delete this post?</target>
             </trans-unit>
-            <trans-unit id="title.confirmation_modal">
-                <source>title.confirmation_modal</source>
-                <target>Confirmation</target>
+            <trans-unit id="delete_post_modal.body">
+                <source>delete_post_modal.body</source>
+                <target>This action cannot be undone.</target>
             </trans-unit>
-            <trans-unit id="label.yes">
-                <source>label.yes</source>
-                <target>Yes</target>
+            <trans-unit id="label.delete_post">
+                <source>label.delete_post</source>
+                <target>Delete post</target>
             </trans-unit>
-            <trans-unit id="label.no">
-                <source>label.no</source>
-                <target>No</target>
+            <trans-unit id="label.cancel">
+                <source>label.cancel</source>
+                <target>Cancel</target>
             </trans-unit>
             <trans-unit id="action.create_post">
                 <source>action.create_post</source>

app/Resources/translations/messages.es.xliff

@@ -84,21 +84,21 @@
                 <source>action.delete_post</source>
                 <target>Borrar artículo</target>
             </trans-unit>
-            <trans-unit id="action.delete_post_confirmation">
-                <source>action.delete_post_confirmation</source>
+            <trans-unit id="delete_post_modal.title">
+                <source>delete_post_modal.title</source>
                 <target>¿Está seguro que quiere eliminar este artículo?</target>
             </trans-unit>
-            <trans-unit id="title.confirmation_modal">
-                <source>title.confirmation_modal</source>
-                <target>Confirmación</target>
+            <trans-unit id="delete_post_modal.body">
+                <source>delete_post_modal.body</source>
+                <target>Esta acción no se puede deshacer.</target>
             </trans-unit>
-            <trans-unit id="label.yes">
-                <source>label.yes</source>
-                <target>Sí</target>
+            <trans-unit id="label.delete_post">
+                <source>label.delete_post</source>
+                <target>Borrar artículo</target>
             </trans-unit>
-            <trans-unit id="label.no">
-                <source>label.no</source>
-                <target>No</target>
+            <trans-unit id="label.cancel">
+                <source>label.cancel</source>
+                <target>Cancelar</target>
             </trans-unit>
             <trans-unit id="action.create_post">
                 <source>action.create_post</source>

app/Resources/views/admin/blog/_form.html.twig

@@ -8,7 +8,7 @@
 
 {% if show_confirmation|default(false) %}
     {% set attr = {'data-confirmation': 'true'} %}
-    {{ include('default/_confirmation_modal.html.twig', {'message': 'action.delete_post_confirmation'|trans}) }}
+    {{ include('blog/_delete_post_confirmation.html.twig') }}
 {% endif %}
 
 {{ form_start(form, { attr: attr|default({}) }) }}

app/Resources/views/default/_confirmation_modal.html.twig renamed to app/Resources/views/blog/_delete_post_confirmation.html.twig

@@ -2,21 +2,16 @@
 <div class="modal fade" id="confirmationModal" tabindex="-1">
     <div class="modal-dialog">
         <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-                <h4 class="modal-title">{{ 'title.confirmation_modal'|trans }}</h4>
-            </div>
             <div class="modal-body">
-                {{ message }}
+                <h4>{{ 'delete_post_modal.title'|trans }}</h4>
+                <p>{{ 'delete_post_modal.body'|trans }}</p>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-danger" id="btnYes" data-dismiss="modal">
-                    {{ 'label.yes'|trans }}
-                </button>
                 <button type="button" class="btn btn-default" id="btnNo" data-dismiss="modal">
-                    {{ 'label.no'|trans }}
+                    {{ 'label.cancel'|trans }}
+                </button>
+                <button type="button" class="btn btn-danger" id="btnYes" data-dismiss="modal">
+                    {{ 'label.delete_post'|trans }}
                 </button>
             </div>
         </div>