Luigi / foca-modal

Browse Code »

Commit bd0c464479e118e6253ded9b20f35b0d24a89466

Authored by Jose Pinto 2019-02-15 17:28:03 -0300

1 parent e21962d5ef

Exists in master and in 1 other branch

opcion textarea en modal prompt

Showing 3 changed files with 15 additions and 5 deletions Show diff stats

src/js/controller.js

Diff comments View file @ bd0c464

 angular.module('focaModal')
 .controller('focaModalConfirmController', [
     '$uibModalInstance', '$scope', 'textoModal',
     function($uibModalInstance, $scope, textoModal) {
         $scope.textoModal = textoModal;
         $scope.cancelar = function() {
             $uibModalInstance.dismiss(false);
         };
         $scope.aceptar = function() {
             $uibModalInstance.close(true);
         };
     }
 ])
 .controller('focaModalAlertController', [
     '$uibModalInstance', '$scope', 'textoModal',
     function($uibModalInstance, $scope, textoModal) {
         $scope.textoModal = textoModal;
         $scope.aceptar = function() {
             $uibModalInstance.close(true);
         };
     }
 ])
 .controller('focaModalFechaController', [
     '$uibModalInstance', '$scope', 'titulo',
     function($uibModalInstance, $scope, titulo) {
         $scope.titulo = titulo;
         $scope.fecha = new Date();
         $scope.cancelar = function() {
             $uibModalInstance.dismiss();
         };
         $scope.aceptar = function() {
             $uibModalInstance.close($scope.fecha);
         };
     }
 ])
 .controller('focaModalPromptController', [
-    '$uibModalInstance', '$scope', 'titulo', 'initValue',
+    '$uibModalInstance', '$scope', 'titulo', 'initValue', 'textarea',
-    function($uibModalInstance, $scope, titulo, initValue) {
+    function($uibModalInstance, $scope, titulo, initValue, textarea) {
+        $scope.textarea = textarea;
         $scope.titulo = titulo;
         $scope.value = initValue;
         $scope.cancelar = function() {
             $uibModalInstance.dismiss();
         };
         $scope.aceptar = function() {
             $uibModalInstance.close($scope.value);
         };
     }
 ]);

src/js/service.js

Diff comments View file @ bd0c464

 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;
                             }
                         );
                 },
                 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(titulo) {
                     return $uibModal.open({
                         templateUrl: 'foca-fecha.html',
                         controller: 'focaModalFechaController',
                         size: 'md',
                         resolve: {
                             titulo: function() {return titulo;}
                         }
                     })
                     .result.then(
                         function(resultado) {
                             return resultado;
                         }
                     );
                 },
-                prompt: function(titulo, initValue){
+                prompt: function(titulo, initValue, textarea){
+                    textarea = textarea ? true : false;
                     return $uibModal.open({
                         templateUrl: 'modal-prompt.html',
                         controller: 'focaModalPromptController',
                         size: 'md',
                         resolve: {
                             titulo: function() {return titulo;},
-                            initValue: function() {return initValue;}
+                            initValue: function() {return initValue;},
+                            textarea: function() {return textarea;}
                         }
                     })
                     .result.then(
                         function(resultado) {
                             return resultado;
                         }
                     );
                 }
             };
         }
     ]);

src/views/modal-prompt.html

Diff comments View file @ bd0c464

 <div class="modal-header">
     <h4 ng-bind="titulo"></h4>
 </div>
 <div class="modal-body">
     <input
         type="text"
         class="form-control"
-        ng-model="value">
+        ng-model="value"
+        ng-show="!textarea">
+    <textarea
+        rows="5"
+        class="form-control text-uppercase"
+        ng-model="value"
+        ng-show="textarea"></textarea>
 </div>
 <div class="modal-footer">
     <button class="btn btn-primary" ng-click="aceptar()" foca-focus="true">Aceptar</button>
     <button class="btn btn-default" ng-click="cancelar()">Cancelar</button>
 </div>