evito cierre de modal al clickear fuera del mismo

Benjamin Rodriguez
1 parent a22a8c90dd
Showing 3 changed files with 27 additions and 3 deletions Show diff stats
src/js/service.js
src/views/modal-info.html
src/views/modal-mail.html
@@ -105,6 +105,7 @@ angular.module(&#39;focaModal&#39;)
                         templateUrl: 'modal-mail.html',
                         controller: 'focaModalMailController',
                         size: 'md',
+                        backdrop: false,
                         resolve: {
                             options: function() {return options;},
                         }
 <div class="focus-in">
-    
     <div class="modal-header">
         <h4>Información</h4>
     </div>
-
     <div class="modal-body">
         <p ng-bind="textoModal" class="line-break m-0 pb-2"></p>
         <!-- La versión está tipeada, después habria que hacer que se haga una consulta y devuelva la versión -->
-<div class="modal-header">
+<div class="modal-header" >
     <h5 ng-bind="titulo"></h5>
 </div>
 <div class="modal-body">
+    <div >
+        <label
+            class="col-12 bg-success text-white"
+            ng-show="correoEnviado">Correo enviado con éxito</label>
+        <label
+            class="col-12 bg-danger text-white"
+            ng-show="correoNoEnviado">Hubo un error al enviar el correo</label>
+        <label>Enviar correo a</label>
+        <div class="d-flex">
+            <input
+                type="email"
+                class="form-control col-9"
+                ng-model="mailCliente"
+                ng-keypress="enviarComprobante($event.keyCode)"
+                teclado-virtual/>
+            <button
+                type="button"
+                class="btn btn-enviar ml-auto"
+                ng-click="enviarComprobante(13)"
+                ladda="esperando"
+            >Enviar</button>
+        </div>
+    </div>
+    <hr>
     <div>
         <label>Descargar comprobante</label>
         <div class="col my-1 d-flex justify-content-end">
@@ -38,3 +62,4 @@
         ng-disabled="!descargado"
     >Aceptar</button>
 </div>
+</div>
...	...	@@ -105,6 +105,7 @@ angular.module('focaModal')
105	105	templateUrl: 'modal-mail.html',
106	106	controller: 'focaModalMailController',
107	107	size: 'md',
	108	+ backdrop: false,
108	109	resolve: {
109	110	options: function() {return options;},
110	111	}
1	1	<div class="focus-in">
2		-
3	2	<div class="modal-header">
4	3	<h4>Información</h4>
5	4	</div>
6		-
7	5	<div class="modal-body">
8	6	<p ng-bind="textoModal" class="line-break m-0 pb-2"></p>
9	7	<!-- La versión está tipeada, después habria que hacer que se haga una consulta y devuelva la versión -->
1		-<div class="modal-header">
	1	+<div class="modal-header" >
2	2	<h5 ng-bind="titulo"></h5>
3	3	</div>
4	4	<div class="modal-body">
	5	+ <div >
	6	+ <label
	7	+ class="col-12 bg-success text-white"
	8	+ ng-show="correoEnviado">Correo enviado con éxito</label>
	9	+ <label
	10	+ class="col-12 bg-danger text-white"
	11	+ ng-show="correoNoEnviado">Hubo un error al enviar el correo</label>
	12	+ <label>Enviar correo a</label>
	13	+ <div class="d-flex">
	14	+ <input
	15	+ type="email"
	16	+ class="form-control col-9"
	17	+ ng-model="mailCliente"
	18	+ ng-keypress="enviarComprobante($event.keyCode)"
	19	+ teclado-virtual/>
	20	+ <button
	21	+ type="button"
	22	+ class="btn btn-enviar ml-auto"
	23	+ ng-click="enviarComprobante(13)"
	24	+ ladda="esperando"
	25	+ >Enviar</button>
	26	+ </div>
	27	+ </div>
	28	+ <hr>
5	29	<div>
6	30	<label>Descargar comprobante</label>
7	31	<div class="col my-1 d-flex justify-content-end">
...	...	@@ -38,3 +62,4 @@
38	62	ng-disabled="!descargado"
39	63	>Aceptar</button>
40	64	</div>
	65	+</div>