Marcelo Puebla / foca-modal

Commit ab82c56b5662addade3fd9c073b59501a6194e57

Authored by Marcelo Puebla 2019-11-08 18:00:35 -0300

Exists in develop

Merge branch 'master' into 'develop'

Master(benjamin)

See merge request !42

Showing 4 changed files Show diff stats

src/js/controllerMail.js

Diff comments View file @ ab82c56

1	angular.module('focaModal')	1	angular.module('focaModal')
2	.controller('focaModalMailController', [	2	.controller('focaModalMailController', [
3	'$scope',	3	'$scope',
4	'$uibModalInstance',	4	'$uibModalInstance',
5	'FileSaver',	5	'FileSaver',
6	'Blob',	6	'Blob',
7	'focaModalService',	7	'focaModalService',
8	'options',	8	'options',
9	function ($scope, $uibModalInstance, FileSaver, Blob,	9	function ($scope, $uibModalInstance, FileSaver, Blob,
10	focaModalService, options) {	10	focaModalService, options) {
11		11
12	var regexMail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;	12	var regexMail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
13	$scope.descargado = false;	13	$scope.descargado = false;
14	$scope.correoEnviado = false;	14	$scope.correoEnviado = false;
15	$scope.correoNoEnviado = false;	15	$scope.correoNoEnviado = false;
16	$scope.esperando = false;	16	$scope.esperando = false;
17	$scope.titulo = options.titulo;	17	$scope.titulo = options.titulo;
18	$scope.checkboxVar = false;	18	$scope.checkboxVar = false;
19		19
20	$scope.aceptar = function () {	20	$scope.aceptar = function () {
21	$uibModalInstance.close();	21	$uibModalInstance.close();
22	};	22	};
23	$scope.salir = function () {	23	$scope.salir = function () {
24	$uibModalInstance.close($scope.descargado);	24	$uibModalInstance.close($scope.descargado);
25	};	25	};
26	$scope.validarImpresion = function () {	26	$scope.validarImpresion = function () {
27	var rutaComprobante;	27	var rutaComprobante;
28	rutaComprobante = $scope.checkboxVar === true ? options.descargaSinValorizar : options.descarga;	28	rutaComprobante = $scope.checkboxVar === true ? options.descargaSinValorizar : options.descarga;
29	imprimir(rutaComprobante);	29	imprimir(rutaComprobante);
30	}	30	}
31	imprimir = function (rutaComprobante) {	31	imprimir = function (rutaComprobante) {
32	$scope.descargado = true;	32	$scope.descargado = true;
33	$scope.esperando = true;	33	$scope.esperando = true;
34	focaModalService	34	focaModalService
35	.imprimirComprobante(rutaComprobante.url, options.options)	35	.imprimirComprobante(rutaComprobante.url, options.options)
36	.then(function (res) {	36	.then(function (res) {
37	var data = new Blob([res.data], { type: 'application/pdf' });	37	var data = new Blob([res.data], { type: 'application/pdf' });
38		38
39	FileSaver.saveAs(	39	FileSaver.saveAs(
40	data,	40	data,
41	rutaComprobante.nombre	41	rutaComprobante.nombre
42	);	42	);
43	$scope.esperando = false;	43	$scope.esperando = false;
44	});	44	});
45	};	45	};
46	$scope.enviarComprobante = function () {	46	$scope.enviarComprobante = function () {
47	var rutaEnvioComprobante;	47	var rutaEnvioComprobante;
48	rutaEnvioComprobante = $scope.checkboxVar === true ? options.envioSinValorizar : options.envio;	48	rutaEnvioComprobante = $scope.checkboxVar === true ? options.envioSinValorizar : options.envio;
49	enviarCorreo(rutaEnvioComprobante, 13);	49	enviarCorreo(rutaEnvioComprobante, 13);
50	}	50	}
51	enviarCorreo = function (rutaEnvioComprobante, key) {	51	enviarCorreo = function (rutaEnvioComprobante, key) {
52	if (key === 13) {	52	if (key === 13) {
53	if (!validarMail()) {	53	if (!validarMail()) {
54	focaModalService.alert('Ingrese email/s válido/s');	54	focaModalService.alert('Ingrese email/s válido/s');
55	return;	55	return;
56	}	56	}
57	$scope.descargado = true;	57	$scope.descargado = true;
58	$scope.esperando = true;	58	$scope.esperando = true;
59	$scope.mailCliente = rutaEnvioComprobante.mailCliente;	59	rutaEnvioComprobante.mailCliente = $scope.mailCliente;
60	Object.assign(options.options, { receiver: $scope.mailCliente });	60	Object.assign(options.options, { receiver: $scope.mailCliente });
61		61
62	focaModalService	62	focaModalService
63	.enviarCorreo(rutaEnvioComprobante.url, options.options)	63	.enviarCorreo(rutaEnvioComprobante.url, options.options)
64	.then(function () {	64	.then(function () {
65	$scope.correoEnviado = true;	65	$scope.correoEnviado = true;
66	$scope.esperando = false;	66	$scope.esperando = false;
67	}, function () {	67	}, function () {
68	$scope.esperando = false;	68	$scope.esperando = false;
69	$scope.correoNoEnviado = true;	69	$scope.correoNoEnviado = true;
70	});	70	});
71	}	71	}
72	};	72	};
73	function validarMail() {	73	function validarMail() {
74	var emails = $scope.mailCliente.split(',');	74	var emails = $scope.mailCliente.split(',');
75	var result = true;	75	var result = true;
76	emails.forEach(function (email) {	76	emails.forEach(function (email) {
77	if (!regexMail.test(email.trim())) result = false;	77	if (!regexMail.test(email.trim())) result = false;
78	});	78	});
79	return result;	79	return result;
80	}	80	}
81	}	81	}
82	]);	82	]);
83		83

src/js/service.js

Diff comments View file @ ab82c56

 angular.module('focaModal')
     .factory('focaModalService', [
         '$uibModal', 'API_ENDPOINT', '$http',
         function($uibModal, API_ENDPOINT, $http) {
             return {
                 confirm: function(textoModal) {
                     return $uibModal.open({
                         templateUrl: 'modal-confirm.html',
                         controller: 'focaModalConfirmController',
                         animation: false,
                         backdrop: false,
                         resolve: { textoModal: function() { return textoModal; } }
                     })
                         .result.then(
                             function(resultado) {
                                 return resultado;
                             }
                         );
                 },
                 info: function(textoModal) {
                     return $uibModal.open({
                         templateUrl: 'modal-info.html',
                         controller: 'focaModalInfoController',
                         animation: false,
                         backdrop: false,
                         resolve: { textoModal: function() { return textoModal; } }
                     })
                         .result.then(
                             function(resultado) {
                                 return resultado;
                             }
                         );
                 },
                 alert: function(textoModal) {
                     return $uibModal.open({
                         templateUrl: 'modal-alert.html',
                         controller: 'focaModalAlertController',
                         animation: false,
                         backdrop: false,
                         resolve: { textoModal: function() { return textoModal; } }
                     })
                         .result.then(
                             function(resultado) {
                                 return resultado;
                             }
                         );
                 },
                 modal: function(parametrosModal) {
                     parametrosModal.size = (typeof parametrosModal.size  === 'undefined') ?
                         'lg' : parametrosModal.size;
                     return $uibModal.open({
                         templateUrl: 'foca-modal.html',
                         controller: 'focaModalController',
                         size: parametrosModal.size,
                         resolve: {
                             parametrosModal: function() { return parametrosModal; }
                         }
                     })
                         .result.then(
                             function(resultado) {
                                 return resultado;
                             }
                         );
                 },
                 getEntidad: function(filters, query, tipo, json) {
                     if (tipo === 'POST') {
                         return $http.post(API_ENDPOINT.URL + query, json);
                     } else {
                         return $http.get(API_ENDPOINT.URL + query, {nombre: filters});
                     }
                 },
                 modalFecha: function(parametros) {
                     return $uibModal.open({
                         templateUrl: 'foca-fecha.html',
                         controller: 'focaModalFechaController',
                         size: 'md',
                         resolve: {
                             parametros: function() { return parametros; }
                         }
                     })
                     .result.then(
                         function(resultado) {
                             return resultado;
                         }
                     );
                 },
                 prompt: function(options) {
                     return $uibModal.open({
                         templateUrl: 'modal-prompt.html',
                         controller: 'focaModalPromptController',
                         size: 'md',
                         resolve: {
                             options: function() {return options;},
                         }
                     })
                     .result.then(
                         function(resultado) {
                             return resultado;
                         }
                     );
                 },
                 mail: function(options) {
                     return $uibModal.open({
                         templateUrl: 'modal-mail.html',
                         controller: 'focaModalMailController',
                         size: 'md',
+                        backdrop: false,
                         resolve: {
                             options: function() {return options;},
                         }
                     })
                     .result.then(
                         function(resultado) {
                             return resultado;
                         }
                     );
                 },
                 imprimirComprobante: function(url, options) {
                     return $http.post(
                         API_ENDPOINT.URL + url,
                         options,
                         {responseType: 'arraybuffer'}
                     );
                 },
                 enviarCorreo: function(url, options) {
                     return $http.post(API_ENDPOINT.URL + url, options);
                 }
             };
         }
     ]);

src/views/modal-info.html

Diff comments View file @ ab82c56

1	<div class="focus-in">	1	<div class="focus-in">
2
3	<div class="modal-header">	2	<div class="modal-header">
4	<h4>Información</h4>	3	<h4>Información</h4>
5	</div>	4	</div>
6
7	<div class="modal-body">	5	<div class="modal-body">
8	<p ng-bind="textoModal" class="line-break m-0 pb-2"></p>	6	<p ng-bind="textoModal" class="line-break m-0 pb-2"></p>
9	<!-- La versión está tipeada, después habria que hacer que se haga una consulta y devuelva la versión -->	7	<!-- La versión está tipeada, después habria que hacer que se haga una consulta y devuelva la versión -->
10	<p class="m-0 border-bottom border-top pt-2 pb-2">DEBO® Distribuidores: Versión 2.0</p>	8	<p class="m-0 border-bottom border-top pt-2 pb-2">DEBO® Distribuidores: Versión 2.0</p>
11	<p class="mt-1">Ante un inconveniente con el sistema,</br>	9	<p class="mt-1">Ante un inconveniente con el sistema,</br>
12	comuniquese con nuestra <a href="http://focasoftware.com" target="__blank">mesa de ayuda</a></p>	10	comuniquese con nuestra <a href="http://focasoftware.com" target="__blank">mesa de ayuda</a></p>
13	<a href="http://focasoftware.com" target="__blank">	11	<a href="http://focasoftware.com" target="__blank">
14	<img src="img/logo-foca.png" class="w-25 rounded mx-auto d-block mt-4">	12	<img src="img/logo-foca.png" class="w-25 rounded mx-auto d-block mt-4">
15	</a>	13	</a>
16	</div>	14	</div>
17	<div class="modal-footer">	15	<div class="modal-footer">
18	<button class="btn btn-primary" ng-click="aceptar()" foca-focus="true">Aceptar</button>	16	<button class="btn btn-primary" ng-click="aceptar()" foca-focus="true">Aceptar</button>
19	</div>	17	</div>
20	</div>	18	</div>
21		19
22		20
23		21
24		22

src/views/modal-mail.html

Diff comments View file @ ab82c56

 <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">
             <button
                 class="btn btn-enviar float-right"
                 ng-click="validarImpresion()"
                 ladda="esperando"
             >Descargar</button>
         </div>
     </div>
 </div>
 <div class="modal-footer">
     <div class="custom-control custom-checkbox my-auto mr-5">
         <input
             type="checkbox"
             class="custom-control-input mr-5"
             id="check"
             ng-click="checkboxVar = !checkboxVar">
         <label class="custom-control-label disable-selection" for="check">
             Combrobante sin valorizar
         </label>
     </div>
     <button
         type="button"
         class="btn btn-secondary"
         ng-click="salir()"
         ladda="esperando"
     >Salir</button>
     <button
         type="button"
         class="btn btn-primary"
         ng-click="aceptar()"
         ladda="esperando"
         ng-disabled="!descargado"
     >Aceptar</button>
 </div>