Luigi / foca-modal

Download as
Browse Code ยป

Commit 155974d4b94218cd584f80eed653664fb34c54ed

Authored by Eric Fernandez
2 parents 4876136024 89b0e837f4
Exists in master and in 1 other branch develop

Merge branch 'master' into 'master' 

modal prompt

See merge request !4
Showing 3 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ 155974d
1 angular.module('focaModal') 1 angular.module('focaModal')
2 .controller('focaModalConfirmController', [ 2 .controller('focaModalConfirmController', [
3 '$uibModalInstance', '$scope', 'textoModal', 3 '$uibModalInstance', '$scope', 'textoModal',
4 function($uibModalInstance, $scope, textoModal) { 4 function($uibModalInstance, $scope, textoModal) {
5 $scope.textoModal = textoModal; 5 $scope.textoModal = textoModal;
6 $scope.cancelar = function() { 6 $scope.cancelar = function() {
7 $uibModalInstance.dismiss(false); 7 $uibModalInstance.dismiss(false);
8 }; 8 };
9 $scope.aceptar = function() { 9 $scope.aceptar = function() {
10 $uibModalInstance.close(true); 10 $uibModalInstance.close(true);
11 }; 11 };
12 } 12 }
13 ]) 13 ])
14 .controller('focaModalAlertController', [ 14 .controller('focaModalAlertController', [
15 '$uibModalInstance', '$scope', 'textoModal', 15 '$uibModalInstance', '$scope', 'textoModal',
16 function($uibModalInstance, $scope, textoModal) { 16 function($uibModalInstance, $scope, textoModal) {
17 $scope.textoModal = textoModal; 17 $scope.textoModal = textoModal;
18 $scope.aceptar = function() { 18 $scope.aceptar = function() {
19 $uibModalInstance.close(true); 19 $uibModalInstance.close(true);
20 }; 20 };
21 } 21 }
22 ]) 22 ])
23 .controller('focaModalFechaController', [ 23 .controller('focaModalFechaController', [
24 '$uibModalInstance', '$scope', 'titulo', 24 '$uibModalInstance', '$scope', 'titulo',
25 function($uibModalInstance, $scope, titulo) { 25 function($uibModalInstance, $scope, titulo) {
26 $scope.titulo = titulo; 26 $scope.titulo = titulo;
27 $scope.fecha = new Date(); 27 $scope.fecha = new Date();
28 $scope.cancelar = function() { 28 $scope.cancelar = function() {
29 $uibModalInstance.dismiss(); 29 $uibModalInstance.dismiss();
30 }; 30 };
31 $scope.aceptar = function() { 31 $scope.aceptar = function() {
32 $uibModalInstance.close($scope.fecha); 32 $uibModalInstance.close($scope.fecha);
33 }; 33 };
34 } 34 }
35 ])
36 .controller('focaModalPromptController', [
37 '$uibModalInstance', '$scope', 'titulo', 'initValue',
38 function($uibModalInstance, $scope, titulo, initValue) {
39 $scope.titulo = titulo;
40 $scope.value = initValue;
41 $scope.cancelar = function() {
42 $uibModalInstance.dismiss();
43 };
44 $scope.aceptar = function() {
45 $uibModalInstance.close($scope.value);
46 };
47 }
35 ]); 48 ]);
36 49
1 angular.module('focaModal') 1 angular.module('focaModal')
2 .service('focaModalService', [ 2 .service('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(columnas, query, titulo) { 34 modal: function(columnas, query, titulo) {
35 return $uibModal.open({ 35 return $uibModal.open({
36 templateUrl: 'foca-modal.html', 36 templateUrl: 'foca-modal.html',
37 controller: 'focaModalController', 37 controller: 'focaModalController',
38 size: 'lg', 38 size: 'lg',
39 resolve: { 39 resolve: {
40 columnas: function() { return columnas; }, 40 columnas: function() { return columnas; },
41 query: function() { return query; }, 41 query: function() { return query; },
42 titulo: function() {return titulo;} 42 titulo: function() {return titulo;}
43 } 43 }
44 }) 44 })
45 .result.then( 45 .result.then(
46 function(resultado) { 46 function(resultado) {
47 return resultado; 47 return resultado;
48 } 48 }
49 ); 49 );
50 }, 50 },
51 getEntidad: function(filters, query) { 51 getEntidad: function(filters, query) {
52 return $http.get(API_ENDPOINT.URL + query, {nombre: filters}); 52 return $http.get(API_ENDPOINT.URL + query, {nombre: filters});
53 }, 53 },
54 modalFecha: function(titulo) { 54 modalFecha: function(titulo) {
55 return $uibModal.open({ 55 return $uibModal.open({
56 templateUrl: 'foca-fecha.html', 56 templateUrl: 'foca-fecha.html',
57 controller: 'focaModalFechaController', 57 controller: 'focaModalFechaController',
58 size: 'md', 58 size: 'md',
59 resolve: { 59 resolve: {
60 titulo: function() {return titulo;} 60 titulo: function() {return titulo;}
61 } 61 }
62 }) 62 })
63 .result.then( 63 .result.then(
64 function(resultado) { 64 function(resultado) {
65 return resultado; 65 return resultado;
66 } 66 }
67 ); 67 );
68 },
69 prompt: function(titulo, initValue){
70 return $uibModal.open({
71 templateUrl: 'modal-prompt.html',
72 controller: 'focaModalPromptController',
73 size: 'md',
74 resolve: {
75 titulo: function() {return titulo;},
76 initValue: function() {return initValue;}
77 }
78 })
79 .result.then(
80 function(resultado) {
81 return resultado;
82 }
83 );
68 } 84 }
69 }; 85 };
70 } 86 }
71 ]); 87 ]);
72 88
src/views/modal-prompt.html
Diff comments   View file @ 155974d
File was created 1 <div class="modal-header">
2 <h4 ng-bind="titulo"></h4>
3 </div>
4 <div class="modal-body">
5 <input
6 type="text"
7 class="form-control"
8 ng-model="value">
9 </div>
10 <div class="modal-footer">
11 <button class="btn btn-primary" ng-click="aceptar()" foca-focus="true">Aceptar</button>
12 <button class="btn btn-default" ng-click="cancelar()">Cancelar</button>
13 </div>
14