add modal delete productos

fuel/app/classes/controller/listacompra/index.php

@@ -48,7 +48,8 @@ class Controller_Listacompra_Index extends \Controller_App{
 
         //Pasar la leyenda para la info funcionamiento de la página
         $view->leyenda = "En esta pantalla se han cargado todos los ingredientes necesarios para realizar el menú personalizado que has elegido. Puedes añadir ingredientes nuevos, eliminar algunos o eliminarlos todos. Ten siempre tu lista de la compra a mano. Te damos la posibilidad de hacer la compra a través de  la web  DelSuper  en el supermercado que prefieras en un solo click. Si pulsas en el botón hacer compra en Del Super te redireccionamos a su web con todos estos ingredientes seleccionados.";
-
+        //Pasar texto de confirmacion de accion
+        $view->action = "¿Estás seguro de que quieres borrar los productos de la lista de la compra?";
         return Response::forge($view);
     }
 

fuel/app/views/listacompra/index.twig

@@ -40,10 +40,10 @@
                 <!--botones-->
                 <div class="row ">
                     <div class="col-md-6">
-                        <button  class="btn btn-custom btn-delete mt20" ><i class="fa fa-trash"></i> Todos</button>
+                        <button  class="btn btn-custom btn-delete mt20" data-toggle="modal" data-target="#modalDelete" ><i class="fa fa-trash"></i> Todos</button>
                     </div>
                     <div class="col-md-6">
-                        <button  class="btn btn-custom btn-delete mt20" ><i class="fa fa-trash"></i> Marcados</button>
+                        <button  class="btn btn-custom btn-delete mt20"  data-toggle="modal" data-target="#modalDelete"><i class="fa fa-trash"></i> Marcados</button>
                     </div>
                 </div>
                 <a  class="btn btn-custom btn-other mt20" data-toggle="modal" data-target="#modalProducto"><i class="fa fa-plus"></i> Productos</a>
@@ -59,6 +59,8 @@
     </div>
     <!--modal add producto-->
     {% include 'modal_add_product.twig' %}
+    <!--modal delete-->
+    {% include 'modals/modal_delete.twig' %}
 {% endblock %}
 
 

fuel/app/views/modals/modal_delete.twig

+
+<!-- Modal DELETE PRODUCTOS -->
+<div class="modal fade" id="modalDelete" tabindex="-1" role="dialog" aria-labelledby="modalDelete">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+
+            <div class="modal-body">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <div class="text-center">
+                    <img src="assets/img/listacompra/delete.png" class="img-responsive-custom"/>
+                </div>
+                <h2 class="text-center">¿BORRAR?</h2>
+
+                <div class="content text-center pb40">
+                    {{ action }}
+                </div>
+                <div class="modal-footer">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <button type="button" class="btn btn-custom btn-other" data-dismiss="modal">Cancelar</button>
+                        </div>
+                        <div class="col-md-6">
+                            <button type="button" class="btn btn-custom btn-danger">Sí, borrarlos</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file