Mauricio Cattafi / foca-modal

Download as
Browse Code »

Commit 5f57ee0dec18084d582c9960dc86668cdce970f8

Authored by Eric Fernandez
2 parents e80493aa58 7d19d80579
Exists in master and in 1 other branch develop

Merge branch 'master' into 'develop' 

Master

See merge request !22
Showing 3 changed files   Show diff stats
src/js/controllerMail.js
Diff comments   View file @ 5f57ee0
File was created 1 angular.module('focaModal')
2 .controller('focaModalMailController', [
3 '$scope',
4 '$uibModalInstance',
5 'FileSaver',
6 'Blob',
7 'focaModalEnviarMailService',
8 'focaModalService',
9 'options',
10 function($scope, $uibModalInstance, FileSaver, Blob,
11 focaModalEnviarMailService, focaModalService, options) {
12
13 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,}))$/;
14 $scope.descargado = false;
15 $scope.correoEnviado = false;
16 $scope.correoNoEnviado = false;
17 $scope.esperando = false;
18 $scope.titulo = options.titulo;
19 $scope.mailCliente = options.envio.mailCliente;
20
21 $scope.aceptar = function() {
22 $uibModalInstance.close();
23 };
24 $scope.salir = function() {
25 $uibModalInstance.close($scope.descargado);
26 };
27 $scope.imprimir = function () {
28 $scope.descargado = true;
29 $scope.esperando = true;
30 focaModalEnviarMailService
31 .imprimirComprobante(options.descarga.url, options.options)
32 .then(function(res) {
33 var data = new Blob([res.data], {type: 'application/pdf'});
34
35 FileSaver.saveAs(
36 data,
37 options.descarga.nombre
38 );
39 $scope.esperando = false;
40 });
41 };
42 $scope.enviarCorreo = function(key) {
43 if (key === 13) {
44 if (!validarMail()) {
45 focaModalService.alert('Ingrese email/s válido/s');
46 return;
47 }
48 $scope.descargado = true;
49 $scope.esperando = true;
50 Object.assign(options.options, {receiver: $scope.mailCliente});
51
52 focaModalEnviarMailService
53 .enviarCorreo(options.envio.url, options.options)
54 .then(function() {
55 $scope.correoEnviado = true;
56 $scope.esperando = false;
57 }, function() {
58 $scope.esperando = false;
59 $scope.correoNoEnviado = true;
60 });
61 }
62 };
63 function validarMail() {
64 var emails = $scope.mailCliente.split(',');
65 var result = true;
66 emails.forEach(function(email) {
67 if (!regexMail.test(email.trim())) result = false;
68 });
69 return result;
70 }
71 }
72 ]);
73
1 angular.module('focaModal') 1 angular.module('focaModal')
2 .factory('focaModalService', [ 2 .factory('focaModalService', [
3 '$uibModal', 'API_ENDPOINT', '$http', 3 '$uibModal', 'API_ENDPOINT', '$http',
4 function($uibModal, API_ENDPOINT, $http) { 4 function($uibModal, API_ENDPOINT, $http) {
5 return { 5 return {
6 confirm: function(textoModal) { 6 confirm: function(textoModal) {
7 return $uibModal.open({ 7 return $uibModal.open({
8 templateUrl: 'modal-confirm.html', 8 templateUrl: 'modal-confirm.html',
9 controller: 'focaModalConfirmController', 9 controller: 'focaModalConfirmController',
10 animation: false, 10 animation: false,
11 backdrop: false, 11 backdrop: false,
12 resolve: { textoModal: function() { return textoModal; } } 12 resolve: { textoModal: function() { return textoModal; } }
13 }) 13 })
14 .result.then( 14 .result.then(
15 function(resultado) { 15 function(resultado) {
16 return resultado; 16 return resultado;
17 } 17 }
18 ); 18 );
19 }, 19 },
20 alert: function(textoModal) { 20 alert: function(textoModal) {
21 return $uibModal.open({ 21 return $uibModal.open({
22 templateUrl: 'modal-alert.html', 22 templateUrl: 'modal-alert.html',
23 controller: 'focaModalAlertController', 23 controller: 'focaModalAlertController',
24 animation: false, 24 animation: false,
25 backdrop: false, 25 backdrop: false,
26 resolve: { textoModal: function() { return textoModal; } } 26 resolve: { textoModal: function() { return textoModal; } }
27 }) 27 })
28 .result.then( 28 .result.then(
29 function(resultado) { 29 function(resultado) {
30 return resultado; 30 return resultado;
31 } 31 }
32 ); 32 );
33 }, 33 },
34 modal: function(parametrosModal) { 34 modal: function(parametrosModal) {
35 parametrosModal.size = (typeof parametrosModal.size === 'undefined') ? 35 parametrosModal.size = (typeof parametrosModal.size === 'undefined') ?
36 'lg' : parametrosModal.size; 36 'lg' : parametrosModal.size;
37 37
38 return $uibModal.open({ 38 return $uibModal.open({
39 templateUrl: 'foca-modal.html', 39 templateUrl: 'foca-modal.html',
40 controller: 'focaModalController', 40 controller: 'focaModalController',
41 size: parametrosModal.size, 41 size: parametrosModal.size,
42 resolve: { 42 resolve: {
43 parametrosModal: function() { return parametrosModal; } 43 parametrosModal: function() { return parametrosModal; }
44 } 44 }
45 }) 45 })
46 .result.then( 46 .result.then(
47 function(resultado) { 47 function(resultado) {
48 return resultado; 48 return resultado;
49 } 49 }
50 ); 50 );
51 }, 51 },
52 getEntidad: function(filters, query, tipo, json) { 52 getEntidad: function(filters, query, tipo, json) {
53 if (tipo === 'POST') { 53 if (tipo === 'POST') {
54 return $http.post(API_ENDPOINT.URL + query, json); 54 return $http.post(API_ENDPOINT.URL + query, json);
55 } else { 55 } else {
56 return $http.get(API_ENDPOINT.URL + query, {nombre: filters}); 56 return $http.get(API_ENDPOINT.URL + query, {nombre: filters});
57 } 57 }
58 }, 58 },
59 modalFecha: function(parametros) { 59 modalFecha: function(parametros) {
60 return $uibModal.open({ 60 return $uibModal.open({
61 templateUrl: 'foca-fecha.html', 61 templateUrl: 'foca-fecha.html',
62 controller: 'focaModalFechaController', 62 controller: 'focaModalFechaController',
63 size: 'md', 63 size: 'md',
64 resolve: { 64 resolve: {
65 parametros: function() { return parametros; } 65 parametros: function() { return parametros; }
66 } 66 }
67 }) 67 })
68 .result.then( 68 .result.then(
69 function(resultado) { 69 function(resultado) {
70 return resultado; 70 return resultado;
71 } 71 }
72 ); 72 );
73 }, 73 },
74 prompt: function(options) { 74 prompt: function(options) {
75 return $uibModal.open({ 75 return $uibModal.open({
76 templateUrl: 'modal-prompt.html', 76 templateUrl: 'modal-prompt.html',
77 controller: 'focaModalPromptController', 77 controller: 'focaModalPromptController',
78 size: 'md', 78 size: 'md',
79 resolve: { 79 resolve: {
80 options: function() {return options;}, 80 options: function() {return options;},
81 } 81 }
82 }) 82 })
83 .result.then( 83 .result.then(
84 function(resultado) { 84 function(resultado) {
85 return resultado; 85 return resultado;
86 } 86 }
87 ); 87 );
88 },
89 mail: function(options) {
90 return $uibModal.open({
91 templateUrl: 'modal-mail.html',
92 controller: 'focaModalMailController',
93 size: 'md',
94 resolve: {
95 options: function() {return options;},
96 }
97 })
98 .result.then(
99 function(resultado) {
100 return resultado;
101 }
102 );
88 } 103 }
89 }; 104 };
90 } 105 }
91 ]); 106 ]);
92 107
src/views/modal-mail.html
Diff comments   View file @ 5f57ee0
File was created 1 <div class="modal-header">
2 <h5 ng-bind="titulo"></h5>
3 </div>
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 class="form-control col-9"
16 ng-model="mailCliente"
17 ng-keypress="enviarCorreo($event.keyCode)"
18 teclado-virtual/>
19 <button
20 type="button"
21 class="btn btn-primary ml-auto"
22 ng-click="enviarCorreo(13)"
23 ladda="esperando"
24 >Enviar</button>
25 </div>
26 </div>
27 <hr>
28 <div>
29 <label>Descargar comprobante en este dispositivo</label>
30 <button
31 class="btn btn-primary float-right"
32 ng-click="imprimir()"
33 ladda="esperando"
34 >Descargar</button>
35 </div>
36 </div>
37 <div class="modal-footer">
38 <button
39 type="button"
40 class="btn btn-secondary"
41 ng-click="salir()"
42 ladda="esperando"
43 >Salir</button>
44 <button
45 type="button"
46 class="btn btn-primary"
47 ng-click="aceptar()"
48 ladda="esperando"
49 ng-disabled="!descargado"
50 >Aceptar</button>
51 </div>
52