From cc5d59a67e889591eb976912fbdfde23fe078f8c Mon Sep 17 00:00:00 2001
From: Jose Pinto <ejosepintog@gmail.com>
Date: Fri, 4 Jan 2019 15:13:48 -0300
Subject: [PATCH] siguiente input con enter, cols mobile

---
 src/js/controller.js                       | 30 +++++++++++++--
 src/views/foca-busqueda-cliente-modal.html | 59 ++++++++++++++++++++++--------
 2 files changed, 70 insertions(+), 19 deletions(-)

diff --git a/src/js/controller.js b/src/js/controller.js
index fd560ee..543b133 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -15,7 +15,7 @@ angular.module('focaBusquedaCliente')
             $scope.selectedClientes = -1;
             $scope.ingreso = false;
             $scope.regexCuit = new RegExp(/\b(20|23|24|27|30|33|34)(\D)?[0-9]{8}(\D)?[0-9]/g);
-
+            $scope.focused = 1;
 
             $scope.cliente = {
                 COD: 0,
@@ -132,6 +132,14 @@ angular.module('focaBusquedaCliente')
                 }
             };
 
+            $scope.focus = function(val) {
+                $scope.focused = val;
+            };
+
+            $scope.next = function(key) {
+                if (key === 13) $scope.focused++;
+            };
+
             $scope.seleccionarProvincia = function(key) {
                 if(key === 13) {
                     var modalInstance = $uibModal.open(
@@ -149,7 +157,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(provincia) {
                         $scope.cliente.provincia = provincia;
-                        $scope.focused = 3;
+                        $timeout(function() {
+                            $scope.focused = 5;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
@@ -178,7 +188,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(localidad) {
                         $scope.cliente.localidad = localidad;
-                        $scope.focused = 4;
+                        $timeout(function() {
+                            $scope.focused = 6;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
@@ -199,6 +211,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(iva) {
                         $scope.cliente.iva = iva;
+                        $timeout(function() {
+                            $scope.focused = 9;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
@@ -239,6 +254,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(zona) {
                         $scope.cliente.zona = zona;
+                        $timeout(function() {
+                            $scope.focused = 7;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
@@ -259,6 +277,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(tipoFactura) {
                         $scope.cliente.tipoFactura = tipoFactura;
+                        $timeout(function() {
+                            $scope.focused = 10;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
@@ -279,6 +300,9 @@ angular.module('focaBusquedaCliente')
                     );
                     modalInstance.result.then(function(tipoComprobante) {
                         $scope.cliente.tipoComprobante = tipoComprobante;
+                        $timeout(function() {
+                            $scope.focused = 12;
+                        });
                     }, function() {
                         //TODO: función llamada cuando cancela el modal
                     });
diff --git a/src/views/foca-busqueda-cliente-modal.html b/src/views/foca-busqueda-cliente-modal.html
index d839a83..862bc6b 100644
--- a/src/views/foca-busqueda-cliente-modal.html
+++ b/src/views/foca-busqueda-cliente-modal.html
@@ -1,10 +1,10 @@
 <div class="modal-header py-1">
     <div class="row w-100">
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-7">
             <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Cliente</h5>
             <h5 class="modal-title my-1" ng-show="ingreso">Crear Cliente</h5>
         </div>
-        <div ng-show="ingreso" class="col-lg-6">
+        <div ng-show="ingreso" class="col-lg-6 col-5 front-index">
             <div class="custom-control custom-checkbox mt-2">
                 <input 
                     type="checkbox"
@@ -114,28 +114,33 @@
                         <label>Nombre</label>
                         <input
                             type="text"
-                            foca-focus="ingreso"
                             class="form-control form-control-sm"
                             ng-model="cliente.NOM"
+                            teclado-virtual
                             placeholder="Ingrese nombre"
                             ng-required="true"
-                            teclado-virtual
+                            foca-focus="focused == 1 || ingreso"
+                            ng-focus="focus(1)"
+                            ng-keypress="next($event.keyCode)"
                         />
                     </div>
                 </div>
                 <div class="row">
-                    <div class="col-9">
+                    <div class="col-md-9 col-12">
                         <label>Domicilio</label>
                         <input
                             type="text"
                             class="form-control form-control-sm"
                             ng-model="cliente.DOM"
+                            teclado-virtual
                             placeholder="Ingrese domicilio"
                             ng-required="true"
-                            teclado-virtual
+                            ng-focus="focus(2)"
+                            foca-focus="focused == 2"
+                            ng-keypress="next($event.keyCode)"
                         />
                     </div>
-                    <div class="col-3">
+                    <div class="col-md-3 col-12">
                         <label>Código postal</label>
                         <input
                             type="text"
@@ -143,12 +148,15 @@
                             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-6">
+                    <div class="col-md-6 col-12">
                         <label>Provincia</label>
                         <div class="input-group">
                             <input
@@ -158,6 +166,8 @@
                                 ng-keypress="seleccionarProvincia($event.keyCode)"
                                 placeholder="Ingrese provincia"
                                 ng-required="true"
+                                ng-focus="focus(4)"
+                                foca-focus="focused == 4"
                                 teclado-virtual
                             />
                             <div class="input-group-append">
@@ -172,7 +182,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-6">
+                    <div class="col-md-6 col-12">
                         <label>Localidad</label>
                         <div class="input-group">
                             <input
@@ -182,6 +192,8 @@
                                 ng-keypress="seleccionarLocalidad($event.keyCode)"
                                 placeholder="Ingrese localidad"
                                 ng-required="true"
+                                foca-focus="focused == 5"
+                                ng-focus="focus(5)"
                                 teclado-virtual
                             />
                             <div class="input-group-append">
@@ -198,7 +210,7 @@
                     </div>
                 </div>
                 <div class="row">
-                    <div class="col-6">
+                    <div class="col-md-6 col-12">
                         <label>Zona</label>
                         <div class="input-group">
                             <input
@@ -208,6 +220,8 @@
                                 ng-keypress="seleccionarZona($event.keyCode)"
                                 placeholder="Ingrese zona"
                                 ng-required="true"
+                                ng-focus="focus(6)"
+                                foca-focus="focused == 6"
                                 teclado-virtual
                             />
                             <div class="input-group-append">
@@ -222,7 +236,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-6">
+                    <div class="col-md-6 col-12">
                         <label>Actividad</label>
                         <div class="input-group">
                             <input
@@ -232,6 +246,8 @@
                                 ng-keypress="seleccionarActividad($event.keyCode)"
                                 placeholder="Ingrese actividad"
                                 ng-required="true"
+                                ng-focus="focus(7)"
+                                foca-focus="focused == 7"
                                 teclado-virtual
                             />
                             <div class="input-group-append">
@@ -264,7 +280,7 @@
             </uib-tab>
             <uib-tab heading="Datos impositivos">
                 <div class="row">
-                    <div class="col-7">
+                    <div class="col-md-7 col-12">
                         <label>Responsabilidad ante el IVA</label>
                         <div class="input-group">
                             <input
@@ -273,6 +289,8 @@
                                 ng-model="cliente.iva.NOMBRE"
                                 ng-keypress="seleccionarIva($event.keyCode)"
                                 ng-required="true"
+                                ng-focus="focus(8)"
+                                foca-focus="focused == 8"
                                 teclado-virtual
                             />
                             <div class="input-group-append">
@@ -287,7 +305,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-5">
+                    <div class="col-md-5 col-12">
                         <label>Factura que emite</label>
                         <div class="input-group">
                             <input 
@@ -297,6 +315,8 @@
                                 ng-model="cliente.tipoFactura.NOMBRE"
                                 ng-required="true"
                                 ng-keypress="seleccionarTipoFactura(13)"
+                                ng-focus="focus(9)"
+                                foca-focus="focused == 9"
                                 teclado-virtual>
                             <div class="input-group-append">
                                 <button
@@ -312,7 +332,7 @@
                     </div>
                 </div>
                 <div class="row">
-                    <div class="col-4">
+                    <div class="col-md-4 col-12">
                         <label>CUIT</label>
                         <div class="input-group">
                             <input 
@@ -323,10 +343,13 @@
                                 ng-required="true"
                                 ng-pattern="regexCuit"
                                 ng-maxlength="13"
+                                ng-keypress="next($event.keyCode)"
+                                ng-focus="focus(10)"
+                                foca-focus="focused == 10"
                                 teclado-virtual>
                         </div>
                     </div>
-                    <div class="col-4">
+                    <div class="col-md-4 col-12">
                         <label>Clase de comprobante</label>
                         <div class="input-group">
                             <input 
@@ -336,6 +359,8 @@
                                 ng-keypress="seleccionarTipoComprobante($event.keyCode)"
                                 ng-model="cliente.tipoComprobante.NOMBRE"
                                 ng-required="true"
+                                ng-focus="focus(11)"
+                                foca-focus="focused == 11"
                                 teclado-virtual>
                             <div class="input-group-append">
                                 <button
@@ -349,7 +374,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-4">
+                    <div class="col-md-4 col-12">
                         <label>Forma de pago</label>
                         <div class="input-group">
                             <input 
@@ -359,6 +384,8 @@
                                 ng-model="cliente.formaPago.NOMBRE"
                                 ng-required="true"
                                 ng-keypress="seleccionarFormaPago($event.keyCode)"
+                                ng-focus="focus(12)"
+                                foca-focus="focused == 12"
                                 teclado-virtual>
                             <div class="input-group-append">
                                 <button
-- 
1.9.1