From 7e6ab8cdafd9b0a076c7f3eface3bed738900c8c Mon Sep 17 00:00:00 2001
From: Luigi <fluigipanettieri@gmail.com>
Date: Tue, 18 Jun 2019 12:08:09 -0300
Subject: [PATCH] Modal para crear nuevo cliente

---
 src/js/controller.js                    |  48 ++-
 src/js/controllerCliente.js             | 132 ++++----
 src/views/foca-modal-cliente.html       |   2 +-
 src/views/foca-modal-nuevo-cliente.html | 515 ++++++++++++++++++++++++++++++++
 4 files changed, 639 insertions(+), 58 deletions(-)
 create mode 100644 src/views/foca-modal-nuevo-cliente.html

diff --git a/src/js/controller.js b/src/js/controller.js
index 0d0c78e..65285e4 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -8,12 +8,17 @@ angular.module('focaAbmCliente')
                 NOM: undefined,
                 COD: undefined
             };
-            $scope.vendedor = {};
-            
-            $scope.botonCliente = [{
-                label: 'Cliente',
-                image: 'cliente.png'
-            }];
+
+            $scope.botonCliente = [
+                {
+                    label: 'Cliente',
+                    image: 'cliente.png'
+                },
+                {
+                    label: 'Nuevo Cliente',
+                    image: 'nuevoCliente.png'
+                }
+            ];
 
             $scope.botonera = [
                 {
@@ -43,6 +48,7 @@ angular.module('focaAbmCliente')
             });
 
             $scope.seleccionarCliente = function() {
+                $scope.$broadcast('cleanCabecera');
                 var datos = null;
                 focaAbmClienteService.getAllClientes()
                         .then(function (res) {
@@ -80,6 +86,36 @@ angular.module('focaAbmCliente')
                         });
             };
 
+            $scope.seleccionarNuevoCliente = function () {
+                if ($scope.cliente.NOM !== undefined && $scope.cliente.COD !== undefined) {
+                    $scope.$broadcast('cleanCabecera');
+                    $scope.cliente= {};
+                }
+                var modalInstanceCliente = $uibModal.open(
+                    {
+                        ariaLabelledBy: '',
+                        templateUrl: 'foca-modal-nuevo-cliente.html',
+                        controller: 'focaModalClienteController',
+                        resolve: {
+                            idCliente: function () { return null; },
+                        },
+                        size: 'lg',
+                    }
+                );
+                modalInstanceCliente.result
+                        .then( function(data) {
+                        if (data) {
+                            $scope.cliente.NOM = data.NOM;
+                            $scope.cliente.COD = data.COD;
+                            $scope.$broadcast('cleanCabecera');
+                            $scope.$broadcast('addCabecera', {
+                                    label: 'Cliente:',
+                                    valor: $filter('rellenarDigitos')($scope.cliente.NOM)
+                                });
+                        }
+                    });
+            };
+
             $scope.seleccionarDatosCliente = function () {
                 if ($scope.cliente.NOM === undefined || $scope.cliente.COD === undefined) {
                     focaModalService.alert('Seleccione cliente');
diff --git a/src/js/controllerCliente.js b/src/js/controllerCliente.js
index d255b58..edfd769 100644
--- a/src/js/controllerCliente.js
+++ b/src/js/controllerCliente.js
@@ -4,59 +4,88 @@ angular.module('focaAbmCliente')
         'focaAbmClienteService', 'idCliente',
         function ($scope, $timeout, $uibModalInstance, focaModalService,
             focaAbmClienteService, idCliente) {
-        $scope.cliente = {
-            provincia: {},
-            localidad: {},
-            zona: {},
-            actividad: {},
-            cobrador: {},
-            vendedor: {},
-            iva: {},
-            tipoFactura: {},
-            tipoComprobante: {},
-            formaPago: {}
+
+        $scope.clienteTemplate = {
+            COD: 0,
+            ES_MAY: true,
+            cuit1: '',
+            cuit2: '',
+            cuit3: '',
+            provincia: {
+                NOMBRE: ''
+            },
+            localidad: {
+                NOMBRE: ''
+            },
+            iva: {
+                NOMBRE: ''
+            },
+            actividad: {
+                NOM: ''
+            },
+            zona: {
+                NOM: ''
+            },
+            tipoFactura: {
+                NOMBRE: ''
+            },
+            tipoComprobante: {
+                NOMBRE: ''
+            },
+            formaPago: {
+                NOMBRE: ''
+            },
+            cobrador: {
+                NOM: ''
+            }
         };
+
+        $scope.cliente = angular.copy($scope.clienteTemplate);
+        $scope.vendedor = {};
+        
         $scope.regexCuit = new RegExp(/\b(20|23|24|27|30|33|34)(\D)?[0-9]{8}(\D)?[0-9]/);
         $scope.vendedor = {};
 
-        focaAbmClienteService.obtenerClientePorCodigo(idCliente)
-            .then(function (res) {
-                var data = res.data[0];
-                $scope.cliente.codigo = data.COD;
-                $scope.cliente.DOM = data.DOM;
-                $scope.cliente.NOM = data.NOM;
-                $scope.cliente.CPO = data.CPO;
-                $scope.cliente.provincia.ID = data.PCX;
-                $scope.cliente.provincia.NOMBRE = data.PCI;
-                $scope.cliente.localidad.ID = data.LOX;
-                $scope.cliente.localidad.NOMBRE = data.LOC;
-                $scope.cliente.zona.ID = data.zona.ID;
-                $scope.cliente.zona.NOM = data.zona.NOM;
-                $scope.cliente.actividad.NOM = data.actividad.NOM;
-                $scope.cliente.actividad.ID = data.actividad.ID;
-                $scope.cliente.cobrador.NOM = data.cobrador ? data.cobrador.NOM : '';
-                $scope.cliente.cobrador.NUM = data.cobrador ? data.cobrador.NUM : undefined;
-                $scope.cliente.cobrador.ID = data.cobrador ? data.cobrador.id : undefined;
-                $scope.vendedor.NOM = data.vendedor.NOM;
-                $scope.vendedor.id = data.vendedor.id;
-                $scope.cliente.MAIL = data.MAIL;
-                $scope.cliente.TEL = data.TEL;
-                $scope.cliente.iva.NOMBRE = data.iva.NOMBRE;
-                $scope.cliente.tipoFactura.NOMBRE = data.tipoFactura.NOMBRE;
-                $scope.cliente.tipoFactura.ID = data.tipoFactura.ID;
-                var cuit = data.CUIT.split('-');
-                $scope.cliente.cuit1 = cuit[0];
-                $scope.cliente.cuit2 = cuit[1];
-                $scope.cliente.cuit3 = cuit[2];
-                $scope.cliente.tipoComprobante.NOMBRE = data.tipoComprobante.NOMBRE;
-                $scope.cliente.tipoComprobante.ID = data.tipoComprobante.ID;
-                $scope.cliente.formaPago.NOMBRE = data.formaPago.NOMBRE;
-                $scope.cliente.formaPago.ID = data.formaPago.ID;
-                $scope.cliente.ES_PROS = data.ES_PROS;
-                $scope.cliente.ES_MAY = data.ES_MAY;
-                $scope.editando = true;
-            })
-            .catch(function (e) { console.log(e); });
+        if (idCliente) {
+            focaAbmClienteService.obtenerClientePorCodigo(idCliente)
+                .then(function (res) {
+                    var data = res.data[0];
+                    $scope.cliente.COD = data.COD;
+                    $scope.cliente.DOM = data.DOM;
+                    $scope.cliente.NOM = data.NOM;
+                    $scope.cliente.CPO = data.CPO;
+                    $scope.cliente.provincia.ID = data.PCX;
+                    $scope.cliente.provincia.NOMBRE = data.PCI;
+                    $scope.cliente.localidad.ID = data.LOX;
+                    $scope.cliente.localidad.NOMBRE = data.LOC;
+                    $scope.cliente.zona.ID = data.zona.ID;
+                    $scope.cliente.zona.NOM = data.zona.NOM;
+                    $scope.cliente.actividad.NOM = data.actividad.NOM;
+                    $scope.cliente.actividad.ID = data.actividad.ID;
+                    $scope.cliente.cobrador.NOM = data.cobrador ? data.cobrador.NOM : '';
+                    $scope.cliente.cobrador.NUM = data.cobrador ? data.cobrador.NUM : undefined;
+                    $scope.cliente.cobrador.ID = data.cobrador ? data.cobrador.id : undefined;
+                    $scope.vendedor.NOM = data.vendedor.NOM;
+                    $scope.vendedor.id = data.vendedor.id;
+                    $scope.cliente.MAIL = data.MAIL;
+                    $scope.cliente.TEL = data.TEL;
+                    $scope.cliente.iva.NOMBRE = data.iva.NOMBRE;
+                    $scope.cliente.tipoFactura.NOMBRE = data.tipoFactura.NOMBRE;
+                    $scope.cliente.tipoFactura.ID = data.tipoFactura.ID;
+                    var cuit = data.CUIT.split('-');
+                    $scope.cliente.cuit1 = cuit[0];
+                    $scope.cliente.cuit2 = cuit[1];
+                    $scope.cliente.cuit3 = cuit[2];
+                    $scope.cliente.tipoComprobante.NOMBRE = data.tipoComprobante.NOMBRE;
+                    $scope.cliente.tipoComprobante.ID = data.tipoComprobante.ID;
+                    $scope.cliente.formaPago.NOMBRE = data.formaPago.NOMBRE;
+                    $scope.cliente.formaPago.ID = data.formaPago.ID;
+                    $scope.cliente.ES_PROS = data.ES_PROS;
+                    $scope.cliente.ES_MAY = data.ES_MAY;
+                    $scope.editando = true;
+                })
+                .catch(function (e) { console.log(e); });
+        }
         
         $scope.cancel = function () {
             $uibModalInstance.dismiss('cancel');
@@ -122,7 +151,8 @@ angular.module('focaAbmCliente')
             var cliente = crearCopia();
             focaAbmClienteService
                 .guardarCliente(cliente)
-                .then(function () {
+                .then(function (data) {
+                    cliente.COD = data.data.COD;
                     $uibModalInstance.close(cliente);
                 })
                 .catch(function (e) {
@@ -476,7 +506,7 @@ angular.module('focaAbmCliente')
         
         function crearCopia() {
             var cliente = angular.copy($scope.cliente);
-            cliente.COD = cliente.codigo;
+            cliente.COD = cliente.COD;
             cliente.CPO = cliente.CPO;
             cliente.PCX = parseInt(cliente.provincia.ID);
             cliente.LOX = parseInt(cliente.localidad.ID);
diff --git a/src/views/foca-modal-cliente.html b/src/views/foca-modal-cliente.html
index 7b1c76d..d6caaa9 100644
--- a/src/views/foca-modal-cliente.html
+++ b/src/views/foca-modal-cliente.html
@@ -26,7 +26,7 @@
                             <input
                                 type="text"
                                 class="form-control form-control-sm"
-                                ng-model="cliente.codigo"
+                                ng-model="cliente.COD"
                                 readonly
                             />
                         </div>
diff --git a/src/views/foca-modal-nuevo-cliente.html b/src/views/foca-modal-nuevo-cliente.html
new file mode 100644
index 0000000..003847b
--- /dev/null
+++ b/src/views/foca-modal-nuevo-cliente.html
@@ -0,0 +1,515 @@
+<div class="modal-header py-1">
+    <div class="row w-100">
+        <div class="col-lg-4 col-7">
+            <h5 class="modal-title my-1">Crear Cliente</h5>
+        </div>
+        <div class="col-lg-3 col-5 front-index">
+            <div class="custom-control custom-checkbox mt-2">
+                <input
+                    type="checkbox"
+                    class="custom-control-input" 
+                    id="checkProspecto"
+                    ng-model="cliente.ES_PROS">
+                <label class="custom-control-label" for="checkProspecto">¿Es prospecto?</label>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="modal-body" id="modal-body">
+    <form name="formCliente">
+        <fieldset>
+            <uib-tabset class="tabs-right">
+                <uib-tab heading="Datos cliente">
+                    <div class="row">
+                        <div class="col-3 mt-2">
+                            <label>Código</label>
+                            <input
+                                type="text"
+                                class="form-control form-control-sm"
+                                ng-model="cliente.COD"
+                                readonly
+                            />
+                        </div>
+                        <div class="col-9 mt-2">
+                            <label>Nombre</label>
+                            <input
+                                type="text"
+                                class="form-control form-control-sm"
+                                ng-model="cliente.NOM"
+                                teclado-virtual
+                                placeholder="Ingrese nombre"
+                                ng-required="true"
+                                foca-focus="focused == 1"
+                                ng-focus="focus(1)"
+                                ng-keypress="next($event.keyCode)"
+                            />
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-9 col-12 mt-2">
+                            <label>Domicilio</label>
+                            <input
+                            type="text"
+                            class="form-control form-control-sm"
+                            ng-model="cliente.DOM"
+                            teclado-virtual
+                            placeholder="Ingrese domicilio"
+                            ng-required="true"
+                            ng-focus="focus(2)"
+                            foca-focus="focused == 2"
+                            ng-keypress="next($event.keyCode)"
+                            />
+                        </div>
+                        <div class="col-md-3 col-12 mt-2">
+                            <label>Código postal</label>
+                            <input
+                            type="text"
+                            class="form-control form-control-sm"
+                            ng-model="cliente.CPO"
+                            placeholder="Ingrese CP"
+                            ng-required="true"
+                            ng-focus="focus(3)"
+                            foca-focus="focused == 3"
+                            ng-keypress="next($event.keyCode)"
+                            teclado-virtual
+                            />
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Provincia</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="cliente.provincia.NOMBRE"
+                                    ng-keypress="seleccionarProvincia($event.keyCode)"
+                                    placeholder="Seleccione provincia"
+                                    ng-required="true"
+                                    ng-focus="focus(4)"
+                                    foca-focus="focused == 4"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.provincia.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click=
+                                    "cliente.provincia.NOMBRE  = '';
+                                    cliente.provincia.ID  = undefined"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarProvincia(13)"
+                                    ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Localidad</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="cliente.localidad.NOMBRE"
+                                    ng-keypress="seleccionarLocalidad($event.keyCode)"
+                                    placeholder="Seleccione localidad"
+                                    ng-required="true"
+                                    foca-focus="focused == 5"
+                                    ng-focus="focus(5)"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.localidad.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.localidad.NOMBRE = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarLocalidad(13)"
+                                    ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Zona</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="cliente.zona.NOM"
+                                    ng-keypress="seleccionarZona($event.keyCode)"
+                                    placeholder="Seleccione zona"
+                                    ng-required="true"
+                                    ng-focus="focus(6)"
+                                    foca-focus="focused == 6"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.zona.NOM !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.zona.NOM = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarZona(13)"
+                                    ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-12 mt-2">
+                            <label> Actividad </label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="cliente.actividad.NOM"
+                                    ng-keypress="seleccionarActividad($event.keyCode)"
+                                    placeholder="Seleccione actividad"
+                                    ng-required="true"
+                                    ng-focus="focus(7)"
+                                    foca-focus="focused == 7"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.actividad.NOM !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.actividad.NOM = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarActividad(13)"
+                                        ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Cobrador</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="cliente.cobrador.NOM"
+                                    ng-keypress="seleccionarCobrador($event.keyCode)"
+                                    placeholder="Seleccione cobrador"
+                                    ng-focus="focus(8)"
+                                    foca-focus="focused == 8"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.cobrador.NOM !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.cobrador.NOM = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarCobrador(13)"
+                                        ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Vendedor</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    ng-model="vendedor.NOM"
+                                    ng-keypress="seleccionarVendedor($event.keyCode)"
+                                    placeholder="Seleccione vendedor"
+                                    ng-focus="focus(9)"
+                                    foca-focus="focused == 9"
+                                    teclado-virtual
+                                />
+                                <button
+                                    ng-show="vendedor.NOM !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="vendedor.NOM = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarVendedor(13)"
+                                    ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Email</label>
+                            <div class="input-group">
+                                <input 
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    placeholder="Ingrese Email"
+                                    ng-model="cliente.MAIL"
+                                    ng-required="true"
+                                    ng-keypress="next($event.keyCode)"
+                                    ng-focus="focus(10)"
+                                    foca-focus="focused == 10"
+                                    teclado-virtual>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-12 mt-2">
+                            <label>Telefono</label>
+                            <div class="input-group">
+                                <input 
+                                    foca-tipo-input
+                                    limite-numeros-max="20"
+                                    class="form-control form-control-sm"
+                                    placeholder="Ingrese Telefono"
+                                    ng-model="cliente.TEL"
+                                    ng-required="true"
+                                    ng-keypress="next($event.keyCode)"
+                                    ng-focus="focus(11)"
+                                    foca-focus="focused == 11"
+                                    teclado-virtual>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 d-flex mt-3">
+                            <div class="custom-control custom-checkbox mt-auto">
+                                <input 
+                                    type="checkbox"
+                                    class="custom-control-input"
+                                    id="checkDistribuidor"
+                                    ng-model="cliente.ES_MAY"
+                                    checked
+                                    disabled="disabled">
+                                <label class="custom-control-label" for="checkDistribuidor">¿Este cliente es distribuidor?</label>
+                            </div>
+                        </div>
+                    </div>
+                </uib-tab>
+                <uib-tab heading="Datos impositivos">
+                    <div class="row">
+                        <div class="col-md-7 col-12 mt-2">
+                            <label>Responsabilidad ante el IVA</label>
+                            <div class="input-group">
+                                <input
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    placeholder="Seleccione responsabilidad ante el IVA"
+                                    ng-model="cliente.iva.NOMBRE"
+                                    ng-keypress="seleccionarIva($event.keyCode)"
+                                    ng-required="true"
+                                    ng-focus="focus(12)"
+                                    foca-focus="focused == 12"
+                                    teclado-virtual
+                                />
+                                <button 
+                                    ng-show="cliente.iva.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.iva.NOMBRE = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                    <div class="input-group-append">
+                                        <button
+                                            ladda="searchLoading"
+                                            class="btn btn-outline-secondary"
+                                            type="button"
+                                            ng-click="seleccionarIva(13)"
+                                            ><i class="fa fa-search" aria-hidden="true"></i>
+                                        </button>
+                                    </div>
+                            </div>
+                        </div>
+                        <div class="col-md-5 col-12 mt-2">
+                            <label>Factura que emite</label>
+                            <div class="input-group">
+                                <input 
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    placeholder="Seleccione factura que emite"
+                                    ng-model="cliente.tipoFactura.NOMBRE"
+                                    ng-required="true"
+                                    ng-keypress="seleccionarTipoFactura(13)"
+                                    ng-focus="focus(13)"
+                                    foca-focus="focused == 13"
+                                    teclado-virtual>
+                                <button 
+                                    ng-show="cliente.tipoFactura.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.tipoFactura.NOMBRE = ''"
+                                ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarTipoFactura(13)"
+                                        ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class= "col-md-4 col-12 mt-2">
+                            <label>CUIT</label>
+                            <div class="d-flex">
+                                <input 
+                                    type="text"
+                                    class="text-center form-control form-control-sm col-2"
+                                    limite-numeros-max="2"
+                                    ng-model="cliente.cuit1"
+                                    ng-required="true"
+                                    ng-keypress="pasarCampoCuit(1)"
+                                    ng-focus="focus(14)"
+                                    foca-focus="focused == 14"
+                                    teclado-virtual
+                                    foca-tipo-input
+                                >
+                                <span class="m-1"> - </span>
+                                <input 
+                                    type="text"
+                                    class="text-center form-control form-control-sm col-5"
+                                    maxlength="8"
+                                    limite-numeros-max="8"
+                                    ng-keypress="pasarCampoCuit(2)"
+                                    ng-model="cliente.cuit2"
+                                    ng-required="true"
+                                    ng-focus="focus(15)"
+                                    foca-focus="cuitActivo == 2 || focused == 15"
+                                    teclado-virtual
+                                    foca-tipo-input
+                                > 
+                                <span class="m-1"> - </span>
+                                <input 
+                                    type="text"
+                                    class="text-center form-control form-control-sm col-2"
+                                    maxlength="1"
+                                    limite-numeros-max="1"
+                                    ng-keypress="pasarCampoCuit(3)"
+                                    ng-model="cliente.cuit3"
+                                    ng-required="true"
+                                    ng-focus="focus(16)"
+                                    foca-focus="cuitActivo == 3 || focused == 16"
+                                    teclado-virtual
+                                    foca-tipo-input
+                                >
+                            </div>
+                        </div>
+                        <div class="col-md-4 col-12 mt-2">
+                            <label>Clase de comprobante</label>
+                            <div class="input-group">
+                                <input 
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    placeholder="Seleccione clase de comprobante"
+                                    ng-keypress="seleccionarTipoComprobante($event.keyCode)"
+                                    ng-model="cliente.tipoComprobante.NOMBRE"
+                                    ng-required="true"
+                                    ng-focus="focus(17)"
+                                    foca-focus="focused == 17"
+                                    teclado-virtual>
+                                <button 
+                                    ng-show="cliente.tipoComprobante.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.tipoComprobante.NOMBRE = ''"
+                                    ><i class="fa fa-times"></i>
+                                </button>    
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarTipoComprobante(13)"
+                                        ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-4 col-12 mt-2">
+                            <label>Forma de pago</label>
+                            <div class="input-group">
+                                <input 
+                                    type="text"
+                                    class="form-control form-control-sm"
+                                    placeholder="Seleccione forma de pago"
+                                    ng-model="cliente.formaPago.NOMBRE"
+                                    ng-required="true"
+                                    ng-keypress="seleccionarFormaPago($event.keyCode)"
+                                    ng-focus="focus(18)"
+                                    foca-focus="focused == 18"
+                                    teclado-virtual>
+                                <button 
+                                    ng-show="cliente.formaPago.NOMBRE !== ''"
+                                    type="button"
+                                    class="clear-input"
+                                    ng-click="cliente.formaPago.NOMBRE = ''"
+                                    ><i class="fa fa-times"></i>
+                                </button>
+                                <div class="input-group-append">
+                                    <button
+                                        ladda="searchLoading"
+                                        class="btn btn-outline-secondary"
+                                        type="button"
+                                        ng-click="seleccionarFormaPago(13)"
+                                        ><i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </uib-tab>
+            </uib-tabset>
+        </fieldset>
+    </form>
+</div>
+<div class="modal-footer py-1">
+    <button 
+        class="btn btn-sm btn-secondary"
+        type="button"
+        data-dismiss="modal"
+        ng-click="cancel()">Cancelar
+    </button>
+    <button
+        class="btn btn-sm btn-primary"
+        type="button"
+        ng-click="guardar()"
+        >Guardar
+    </button>
+</div>
-- 
1.9.1