Commit db3b64aa1c935546094a22d7cc04790428829fc1

Authored by Eric Fernandez
Exists in master

Merge branch 'master' into 'master'

Master

See merge request !3
src/js/controller.js
1 angular.module('focaAbmVendedorCobrador') 1 angular.module('focaAbmVendedorCobrador')
2 .controller('focaAbmVendedoresCobradoresController', [ 2 .controller('focaAbmVendedoresCobradoresController', [
3 '$scope', 'focaAbmVendedorCobradorService', '$location', '$filter', 3 '$scope', 'focaAbmVendedorCobradorService', '$location', '$filter',
4 '$uibModal', 'focaBotoneraLateralService', 4 '$uibModal', 'focaBotoneraLateralService',
5 function($scope, focaAbmVendedorCobradorService, $location, $filter, 5 function($scope, focaAbmVendedorCobradorService, $location, $filter,
6 $uibModal, focaBotoneraLateralService) { 6 $uibModal, focaBotoneraLateralService) {
7 7
8 $scope.now = new Date(); 8 $scope.now = new Date();
9 $scope.vendedoresCobradores = []; 9 $scope.vendedoresCobradores = [];
10 $scope.filters = ''; 10 $scope.filters = '';
11 $scope.numPerPage = 10; 11 $scope.numPerPage = 10;
12 $scope.currentPageVendedoresCobradores = []; 12 $scope.currentPageVendedoresCobradores = [];
13 $scope.filteredVendedoresCobradores = []; 13 $scope.filteredVendedoresCobradores = [];
14 14
15 //SETEO BOTONERA LATERAL 15 //SETEO BOTONERA LATERAL
16 focaBotoneraLateralService.showSalir(true); 16 focaBotoneraLateralService.showSalir(true);
17 focaBotoneraLateralService.showPausar(false); 17 focaBotoneraLateralService.showPausar(false);
18 focaBotoneraLateralService.showCancelar(false); 18 focaBotoneraLateralService.showCancelar(false);
19 focaBotoneraLateralService.showGuardar(false); 19 focaBotoneraLateralService.showGuardar(false);
20 20
21 actualizarTabla(); 21 actualizarTabla();
22 22
23 $scope.editar = function(id) { 23 $scope.editar = function(id) {
24 $location.path('/vendedor-cobrador/' + id); 24 $location.path('/vendedor-cobrador/' + id);
25 }; 25 };
26 26
27 $scope.eliminar = function(id) { 27 $scope.eliminar = function(id) {
28 focaAbmVendedorCobradorService 28 focaAbmVendedorCobradorService
29 .eliminarVendedorCobrador(id) 29 .eliminarVendedorCobrador(id)
30 .then(function() { 30 .then(function() {
31 actualizarTabla(); 31 actualizarTabla();
32 }); 32 });
33 }; 33 };
34 34
35 $scope.selectPage = function(page) { 35 $scope.selectPage = function(page) {
36 var start = (page - 1) * $scope.numPerPage; 36 var start = (page - 1) * $scope.numPerPage;
37 var end = start + $scope.numPerPage; 37 var end = start + $scope.numPerPage;
38 $scope.paginas = []; 38 $scope.paginas = [];
39 $scope.paginas = calcularPages(page); 39 $scope.paginas = calcularPages(page);
40 $scope.currentPageVendedoresCobradores = 40 $scope.currentPageVendedoresCobradores =
41 $scope.filteredVendedoresCobradores.slice(start, end); 41 $scope.filteredVendedoresCobradores.slice(start, end);
42 $scope.currentPage = page; 42 $scope.currentPage = page;
43 }; 43 };
44 44
45 $scope.resetPage = function() { 45 $scope.resetPage = function() {
46 $scope.currentPage = 1; 46 $scope.currentPage = 1;
47 $scope.selectPage(1); 47 $scope.selectPage(1);
48 }; 48 };
49 49
50 $scope.search = function() { 50 $scope.search = function() {
51 $scope.filteredVendedoresCobradores = $filter('filter')( 51 $scope.filteredVendedoresCobradores = $filter('filter')(
52 $scope.vendedoresCobradores, {$: $scope.filters} 52 $scope.vendedoresCobradores, {$: $scope.filters}
53 ); 53 );
54 54
55 $scope.lastPage = Math.ceil( 55 $scope.lastPage = Math.ceil(
56 $scope.filteredVendedoresCobradores.length / $scope.numPerPage 56 $scope.filteredVendedoresCobradores.length / $scope.numPerPage
57 ); 57 );
58 58
59 $scope.resetPage(); 59 $scope.resetPage();
60 }; 60 };
61 61
62 function calcularPages(paginaActual) { 62 function calcularPages(paginaActual) {
63 var paginas = []; 63 var paginas = [];
64 paginas.push(paginaActual); 64 paginas.push(paginaActual);
65 65
66 if(paginaActual - 1 > 1) { 66 if(paginaActual - 1 > 1) {
67 67
68 paginas.unshift(paginaActual - 1); 68 paginas.unshift(paginaActual - 1);
69 if(paginaActual - 2 > 1) { 69 if(paginaActual - 2 > 1) {
70 paginas.unshift(paginaActual - 2); 70 paginas.unshift(paginaActual - 2);
71 } 71 }
72 } 72 }
73 73
74 if(paginaActual + 1 < $scope.lastPage) { 74 if(paginaActual + 1 < $scope.lastPage) {
75 paginas.push(paginaActual + 1); 75 paginas.push(paginaActual + 1);
76 if(paginaActual + 2 < $scope.lastPage) { 76 if(paginaActual + 2 < $scope.lastPage) {
77 paginas.push(paginaActual + 2); 77 paginas.push(paginaActual + 2);
78 } 78 }
79 } 79 }
80 80
81 if(paginaActual !== 1) { 81 if(paginaActual !== 1) {
82 paginas.unshift(1); 82 paginas.unshift(1);
83 } 83 }
84 84
85 if(paginaActual !== $scope.lastPage) { 85 if(paginaActual !== $scope.lastPage) {
86 paginas.push($scope.lastPage); 86 paginas.push($scope.lastPage);
87 } 87 }
88 88
89 return paginas; 89 return paginas;
90 } 90 }
91 91
92 function primera() { 92 function primera() {
93 $scope.selectedClientes = 0; 93 $scope.selectedClientes = 0;
94 } 94 }
95 95
96 function anterior() { 96 function anterior() {
97 if ($scope.selectedClientes === 0 && $scope.currentPage > 1) { 97 if ($scope.selectedClientes === 0 && $scope.currentPage > 1) {
98 retrocederPagina(); 98 retrocederPagina();
99 } else { 99 } else {
100 $scope.selectedClientes--; 100 $scope.selectedClientes--;
101 } 101 }
102 } 102 }
103 103
104 function siguiente() { 104 function siguiente() {
105 if ($scope.selectedClientes < $scope.currentPageVendedoresCobradores.length - 1 ) { 105 if ($scope.selectedClientes < $scope.currentPageVendedoresCobradores.length - 1 ) {
106 $scope.selectedClientes++; 106 $scope.selectedClientes++;
107 } else { 107 } else {
108 avanzarPagina(); 108 avanzarPagina();
109 } 109 }
110 } 110 }
111 111
112 function retrocederPagina() { 112 function retrocederPagina() {
113 if ($scope.currentPage > 1) { 113 if ($scope.currentPage > 1) {
114 $scope.selectPage($scope.currentPage - 1); 114 $scope.selectPage($scope.currentPage - 1);
115 $scope.selectedClientes = $scope.numPerPage - 1; 115 $scope.selectedClientes = $scope.numPerPage - 1;
116 } 116 }
117 } 117 }
118 118
119 function avanzarPagina() { 119 function avanzarPagina() {
120 if ($scope.currentPage < $scope.lastPage) { 120 if ($scope.currentPage < $scope.lastPage) {
121 $scope.selectPage($scope.currentPage + 1); 121 $scope.selectPage($scope.currentPage + 1);
122 $scope.selectedClientes = 0; 122 $scope.selectedClientes = 0;
123 } 123 }
124 } 124 }
125 125
126 function actualizarTabla() { 126 function actualizarTabla() {
127 focaAbmVendedorCobradorService.getVendedoresCobradores().then(function(res) { 127 focaAbmVendedorCobradorService.getVendedoresCobradores().then(function(res) {
128 $scope.vendedoresCobradores = res.data; 128 $scope.vendedoresCobradores = res.data;
129 $scope.search(); 129 $scope.search();
130 }); 130 });
131 } 131 }
132 } 132 }
133 ]) 133 ])
134 .controller('focaAbmVendedorCobradorController', [ 134 .controller('focaAbmVendedorCobradorController', [
135 '$scope', 'focaAbmVendedorCobradorService', '$routeParams', 'focaBotoneraLateralService', 135 '$scope', 'focaAbmVendedorCobradorService', '$routeParams', 'focaBotoneraLateralService',
136 '$timeout', '$uibModal', '$location', 'focaModalService', 136 '$timeout', '$uibModal', '$location', 'focaModalService',
137 function($scope, focaAbmVendedorCobradorService, $routeParams, focaBotoneraLateralService, 137 function($scope, focaAbmVendedorCobradorService, $routeParams, focaBotoneraLateralService,
138 $timeout, $uibModal, $location, focaModalService) { 138 $timeout, $uibModal, $location, focaModalService) {
139 139
140 $scope.now = new Date(); 140 $scope.now = new Date();
141 $scope.focused = 0;
141 $scope.vendedorCobrador = { 142 $scope.vendedorCobrador = {
142 CodVen: 0, 143 CodVen: 0,
143 ES_COBRADOR: false, 144 ES_COBRADOR: false,
144 DNI: ' ', 145 DNI: ' ',
145 ClaVen: '', 146 ClaVen: '',
146 ComVen: '0.00', 147 ComVen: '0.00',
147 provincia: { 148 provincia: {
148 NOMBRE: '' 149 NOMBRE: ''
149 }, 150 },
150 localidad: { 151 localidad: {
151 NOMBRE: '' 152 NOMBRE: ' '
152 } 153 }
153 }; 154 };
155 $scope.options = [
156 {
157 label: 'Vendedor',
158 value: null
159 },
160 {
161 label: 'Cobrador',
162 value: true
163 }
164 ];
154 //SETEO BOTONERA LATERAL 165 //SETEO BOTONERA LATERAL
155 $timeout(function() { 166 $timeout(function() {
156 focaBotoneraLateralService.showSalir(false); 167 focaBotoneraLateralService.showSalir(false);
157 focaBotoneraLateralService.showPausar(true); 168 focaBotoneraLateralService.showPausar(true);
158 focaBotoneraLateralService.showCancelar(true); 169 focaBotoneraLateralService.showCancelar(false);
159 focaBotoneraLateralService.showGuardar(true, $scope.guardar); 170 focaBotoneraLateralService.showGuardar(true, $scope.guardar);
171 focaBotoneraLateralService.addCustomButton('Salir', $scope.cancelar);
160 }); 172 });
161 173
162 focaAbmVendedorCobradorService 174 focaAbmVendedorCobradorService
163 .getVendedorCobradorById($routeParams.id) 175 .getVendedorCobradorById($routeParams.id)
164 .then(function(res) { 176 .then(function(res) {
165 if(res.data){ 177 if(res.data){
166 $scope.vendedorCobrador = res.data; 178 $scope.vendedorCobrador = res.data;
167 delete $scope.vendedorCobrador.FCVEN; 179 delete $scope.vendedorCobrador.FCVEN;
168 delete $scope.vendedorCobrador.FEC; 180 delete $scope.vendedorCobrador.FEC;
169 } 181 }
170 }); 182 });
171 183
172 $scope.guardar = function() { 184 $scope.guardar = function() {
173 if($scope.vendedorCobrador.ClaVen !== $scope.vendedorCobrador.ClaVen2) { 185 if($scope.vendedorCobrador.ClaVen !== $scope.vendedorCobrador.ClaVen2) {
174 focaModalService.alert('Las contraseñas deben coincidir'); 186 focaModalService.alert('Las contraseñas deben coincidir');
175 return; 187 return;
176 } 188 }
177 $scope.vendedorCobrador.PciVen = $scope.vendedorCobrador.provincia.ID; 189 $scope.vendedorCobrador.PciVen = $scope.vendedorCobrador.provincia.ID;
178 $scope.vendedorCobrador.LocVen = $scope.vendedorCobrador.localidad.ID; 190 $scope.vendedorCobrador.LocVen = $scope.vendedorCobrador.localidad.ID;
179 191
180 delete $scope.vendedorCobrador.provincia; 192 delete $scope.vendedorCobrador.provincia;
181 delete $scope.vendedorCobrador.localidad; 193 delete $scope.vendedorCobrador.localidad;
182 delete $scope.vendedorCobrador.ClaVen2; 194 delete $scope.vendedorCobrador.ClaVen2;
183 195
184 focaAbmVendedorCobradorService 196 focaAbmVendedorCobradorService
185 .guardarVendedorCobrador($scope.vendedorCobrador) 197 .guardarVendedorCobrador($scope.vendedorCobrador)
186 .then(function() { 198 .then(function() {
187 $location.path('/vendedor-cobrador'); 199 $location.path('/vendedor-cobrador');
188 }); 200 });
189 }; 201 };
190 202
191 $scope.seleccionarProvincia = function(key) { 203 $scope.seleccionarProvincia = function(key) {
192 if(key === 13) { 204 if(key === 13) {
193 var modalInstance = $uibModal.open( 205 var modalInstance = $uibModal.open(
194 { 206 {
195 ariaLabelledBy: 'Búsqueda de provincias', 207 ariaLabelledBy: 'Búsqueda de provincias',
196 templateUrl: 'modal-provincias.html', 208 templateUrl: 'modal-provincias.html',
197 controller: 'focaModalProvinciaController', 209 controller: 'focaModalProvinciaController',
198 size: 'md', 210 size: 'md',
199 resolve: { 211 resolve: {
200 filters: function() { 212 filters: function() {
201 return $scope.vendedorCobrador.provincia.NOMBRE; 213 return $scope.vendedorCobrador.provincia.NOMBRE;
202 } 214 }
203 } 215 }
204 } 216 }
205 ); 217 );
206 modalInstance.result.then(function(provincia) { 218 modalInstance.result.then(function(provincia) {
207 $scope.vendedorCobrador.provincia = provincia; 219 $scope.vendedorCobrador.provincia = provincia;
208 $timeout(function() { 220 $timeout(function() {
209 $scope.focused = 5; 221 $scope.focused = 5;
210 }); 222 });
211 }, function() { 223 }, function() {
212 //TODO: función llamada cuando cancela el modal 224 //TODO: función llamada cuando cancela el modal
213 }); 225 });
214 } 226 }
215 }; 227 };
216 $scope.seleccionarLocalidad = function(key) { 228 $scope.seleccionarLocalidad = function(key) {
217 if(!$scope.vendedorCobrador.provincia.ID) { 229 if(!$scope.vendedorCobrador.provincia.ID) {
218 //TODO: Poner modal alert de foca 230 //TODO: Poner modal alert de foca
219 alert('Seleccione una provincia'); 231 alert('Seleccione una provincia');
220 return; 232 return;
221 } 233 }
222 if(key === 13) { 234 if(key === 13) {
223 var modalInstance = $uibModal.open( 235 var modalInstance = $uibModal.open(
224 { 236 {
225 ariaLabelledBy: 'Búsqueda de localidades', 237 ariaLabelledBy: 'Búsqueda de localidades',
226 templateUrl: 'modal-localidades.html', 238 templateUrl: 'modal-localidades.html',
227 controller: 'focaModalLocalidadController', 239 controller: 'focaModalLocalidadController',
228 size: 'md', 240 size: 'md',
229 resolve: { 241 resolve: {
230 filters: { 242 filters: {
231 idProvincia: $scope.vendedorCobrador.provincia.ID, 243 idProvincia: $scope.vendedorCobrador.provincia.ID,
232 busqueda: $scope.vendedorCobrador.localidad.NOMBRE 244 busqueda: $scope.vendedorCobrador.localidad.NOMBRE
233 } 245 }
234 } 246 }
235 } 247 }
236 ); 248 );
237 modalInstance.result.then(function(localidad) { 249 modalInstance.result.then(function(localidad) {
238 $scope.vendedorCobrador.localidad = localidad; 250 $scope.vendedorCobrador.localidad = localidad;
251 $timeout(function() {
252 $scope.focused = 6;
253 });
239 }, function() { 254 }, function() {
240 //TODO: función llamada cuando cancela el modal 255 //TODO: función llamada cuando cancela el modal
241 }); 256 });
242 } 257 }
243 }; 258 };
259
260 $scope.cancelar = function() {
261 $location.path('/vendedor-cobrador');
262 };
263
264 $scope.next = function(key) {
265 if(key === 13) $scope.focused++;
266 };
244 } 267 }
245 ]); 268 ]);
246 269
src/views/foca-abm-vendedor-cobrador-item.html
1 <div class="row"> 1 <div class="row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Vendedores / Cobradores'" 3 titulo="'Vendedores / Cobradores'"
4 fecha="now" 4 fecha="now"
5 class="mb-0 col-lg-12" 5 class="mb-0 col-lg-12"
6 ></foca-cabecera-facturador> 6 ></foca-cabecera-facturador>
7 </div> 7 </div>
8 <div class="row"> 8 <div class="row">
9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded"> 9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
10 <form name="formVendedorCobrador" class="px-3" autocomplete="off"> 10 <form name="formVendedorCobrador" class="px-3" autocomplete="off">
11 <div class="row mt-3"> 11 <div class="row mt-3">
12 <div class="form-group d-flex mb-2 col-md-6"> 12 <div class="form-group d-flex mb-2 col-md-6">
13 <label class="col-form-label col-md-4">Código</label> 13 <label class="col-form-label col-md-4">Tipo</label>
14 <div class="input-group col-md-8 pl-0"> 14 <div class="col-md-8 pl-0">
15 <input 15 <select
16 class="form-control form-control-sm" 16 class="form-control form-control-sm"
17 type="text" 17 ng-model="vendedorCobrador.ES_COBRADOR"
18 ng-value="vendedorCobrador.CodVen | rellenarDigitos: 4: 0" 18 ng-options="option.value as option.label for option in options"
19 readonly 19 foca-focus="focused == 0"
20 /> 20 ng-focus="focused = 0">
21 </div> 21 </select>
22 </div> 22 </div>
23 </div>
23 <div class="form-group d-flex mb-2 col-md-6"> 24 <div class="form-group d-flex mb-2 col-md-6">
24 <label class="col-form-label col-md-4">Nombre</label> 25 <label class="col-form-label col-md-4">Nombre</label>
25 <div class="input-group col-md-8 pl-0"> 26 <div class="input-group col-md-8 pl-0">
26 <input 27 <input
27 class="form-control form-control-sm" 28 class="form-control form-control-sm"
28 type="text" 29 type="text"
29 teclado-virtual 30 teclado-virtual
30 ng-model="vendedorCobrador.NomVen" 31 ng-model="vendedorCobrador.NomVen"
31 ng-focus="focused = 3" 32 foca-focus="focused == 1"
33 ng-focus="focused = 1"
32 ng-keypress="next($event.keyCode)" 34 ng-keypress="next($event.keyCode)"
33 autocomplete="off" 35 autocomplete="off"
36 uppercase-only
34 /> 37 />
35 </div> 38 </div>
36 </div> 39 </div>
37 <div class="form-group d-flex mb-2 col-md-6"> 40 <div class="form-group d-flex mb-2 col-md-6">
38 <label class="col-form-label col-md-4">Domicilio</label> 41 <label class="col-form-label col-md-4">Domicilio</label>
39 <div class="input-group col-md-8 pl-0"> 42 <div class="input-group col-md-8 pl-0">
40 <input 43 <input
41 class="form-control form-control-sm" 44 class="form-control form-control-sm"
42 type="text" 45 type="text"
43 teclado-virtual 46 teclado-virtual
44 ng-model="vendedorCobrador.DomVen" 47 ng-model="vendedorCobrador.DomVen"
45 ng-required="true" 48 ng-required="true"
46 ng-focus="focused = 1" 49 foca-focus="focused == 2"
50 ng-focus="focused = 2"
47 ng-keypress="next($event.keyCode)" 51 ng-keypress="next($event.keyCode)"
48 autocomplete="off" 52 autocomplete="off"
53 uppercase-only
49 /> 54 />
50 </div> 55 </div>
51 </div> 56 </div>
52 <div class="form-group d-flex mb-2 col-md-6"> 57 <div class="form-group d-flex mb-2 col-md-6">
53 <label class="col-form-label col-md-4">Código postal</label> 58 <label class="col-form-label col-md-4">Código postal</label>
54 <div class="input-group col-md-8 pl-0"> 59 <div class="input-group col-md-8 pl-0">
55 <input 60 <input
56 class="form-control form-control-sm" 61 class="form-control form-control-sm"
57 type="text" 62 foca-tipo-input
58 teclado-virtual 63 teclado-virtual
59 ng-model="vendedorCobrador.CPoVen" 64 ng-model="vendedorCobrador.CPoVen"
60 ng-required="true" 65 ng-required="true"
61 ng-focus="focused = 1" 66 foca-focus="focused == 3"
67 ng-focus="focused = 3"
62 ng-keypress="next($event.keyCode)" 68 ng-keypress="next($event.keyCode)"
63 autocomplete="off" 69 autocomplete="off"
70 string-to-number
64 /> 71 />
65 </div> 72 </div>
66 </div> 73 </div>
67 <div class="form-group d-flex mb-2 col-md-6"> 74 <div class="form-group d-flex mb-2 col-md-6">
68 <label class="col-form-label col-md-4">Provincia</label> 75 <label class="col-form-label col-md-4">Provincia</label>
69 <div class="input-group col-md-8 pl-0"> 76 <div class="input-group col-md-8 pl-0">
70 <input 77 <input
71 type="text" 78 type="text"
72 class="form-control form-control-sm" 79 class="form-control form-control-sm"
73 ng-model="vendedorCobrador.provincia.NOMBRE" 80 ng-model="vendedorCobrador.provincia.NOMBRE"
74 ng-keypress="seleccionarProvincia($event.keyCode)" 81 ng-keypress="seleccionarProvincia($event.keyCode)"
75 ng-required="true" 82 ng-required="true"
76 ng-focus="focus(8)" 83 foca-focus="focused == 4"
77 foca-focus="focused == 8" 84 ng-focus="focused = 4"
78 teclado-virtual 85 teclado-virtual
79 /> 86 />
80 <div class="input-group-append"> 87 <div class="input-group-append">
81 <button 88 <button
82 ladda="searchLoading" 89 ladda="searchLoading"
83 class="btn btn-outline-secondary form-control-sm" 90 class="btn btn-outline-secondary form-control-sm"
84 type="button" 91 type="button"
85 ng-click="seleccionarProvincia(13)" 92 ng-click="seleccionarProvincia(13)"
86 > 93 >
87 <i class="fa fa-search" aria-hidden="true"></i> 94 <i class="fa fa-search" aria-hidden="true"></i>
88 </button> 95 </button>
89 </div> 96 </div>
90 </div> 97 </div>
91 </div> 98 </div>
92 <div class="form-group d-flex mb-2 col-md-6"> 99 <div class="form-group d-flex mb-2 col-md-6">
93 <label class="col-form-label col-md-4">Localidad</label> 100 <label class="col-form-label col-md-4">Localidad</label>
94 <div class="input-group col-md-8 pl-0"> 101 <div class="input-group col-md-8 pl-0">
95 <input 102 <input
96 type="text" 103 type="text"
97 class="form-control form-control-sm" 104 class="form-control form-control-sm"
98 ng-model="vendedorCobrador.localidad.NOMBRE" 105 ng-model="vendedorCobrador.localidad.NOMBRE"
99 ng-keypress="seleccionarLocalidad($event.keyCode)" 106 ng-keypress="seleccionarLocalidad($event.keyCode)"
100 ng-required="true" 107 ng-required="true"
101 ng-focus="focus(8)" 108 foca-focus="focused == 5"
102 foca-focus="focused == 8" 109 ng-focus="focused = 5"
103 teclado-virtual 110 teclado-virtual
104 autocomplete="off" 111 autocomplete="off"
105 /> 112 />
106 <div class="input-group-append"> 113 <div class="input-group-append">
107 <button 114 <button
108 ladda="searchLoading" 115 ladda="searchLoading"
109 class="btn btn-outline-secondary form-control-sm" 116 class="btn btn-outline-secondary form-control-sm"
110 type="button" 117 type="button"
111 ng-click="seleccionarLocalidad(13)" 118 ng-click="seleccionarLocalidad(13)"
112 > 119 >
113 <i class="fa fa-search" aria-hidden="true"></i> 120 <i class="fa fa-search" aria-hidden="true"></i>
114 </button> 121 </button>
115 </div> 122 </div>
116 </div> 123 </div>
117 </div> 124 </div>
118 <div class="form-group d-flex mb-2 col-md-6"> 125 <div class="form-group d-flex mb-2 col-md-6">
119 <label class="col-form-label col-md-4">Teléfono</label> 126 <label class="col-form-label col-md-4">Teléfono</label>
120 <div class="input-group col-md-8 pl-0"> 127 <div class="input-group col-md-8 pl-0">
121 <input 128 <input
122 class="form-control form-control-sm" 129 class="form-control form-control-sm"
123 type="text" 130 foca-tipo-input
124 teclado-virtual 131 teclado-virtual
125 ng-model="vendedorCobrador.TelVen" 132 ng-model="vendedorCobrador.TelVen"
126 ng-required="true" 133 ng-required="true"
127 ng-focus="focused = 1" 134 foca-focus="focused == 6"
135 ng-focus="focused = 6"
128 ng-keypress="next($event.keyCode)" 136 ng-keypress="next($event.keyCode)"
129 autocomplete="off" 137 autocomplete="off"
138 string-to-number
130 /> 139 />
131 </div> 140 </div>
132 </div> 141 </div>
133 <div class="form-group d-flex mb-2 col-md-6"> 142 <div class="form-group d-flex mb-2 col-md-6">
134 <label class="col-form-label col-md-4">DNI</label> 143 <label class="col-form-label col-md-4">DNI</label>
135 <div class="input-group col-md-8 pl-0"> 144 <div class="input-group col-md-8 pl-0">
136 <input 145 <input
137 class="form-control form-control-sm" 146 class="form-control form-control-sm"
138 type="text" 147 foca-tipo-input
139 teclado-virtual 148 teclado-virtual
140 ng-model="vendedorCobrador.DNI" 149 ng-model="vendedorCobrador.DNI"
141 ng-required="true" 150 ng-required="true"
142 ng-focus="focused = 1" 151 foca-focus="focused == 7"
152 ng-focus="focused = 7"
143 ng-keypress="next($event.keyCode)" 153 ng-keypress="next($event.keyCode)"
144 autocomplete="off" 154 autocomplete="off"
155 string-to-number
145 /> 156 />
146 </div> 157 </div>
147 </div> 158 </div>
148 <div class="form-group d-flex mb-2 col-md-6"> 159 <div class="form-group d-flex mb-2 col-md-6">
149 <label class="col-form-label col-md-4">Nueva contraseña</label> 160 <label class="col-form-label col-md-4">Nueva contraseña</label>
150 <div class="input-group col-md-8 pl-0"> 161 <div class="input-group col-md-8 pl-0">
151 <input 162 <input
152 class="form-control form-control-sm" 163 class="form-control form-control-sm"
153 type="password" 164 type="password"
154 teclado-virtual 165 teclado-virtual
155 ng-model="vendedorCobrador.ClaVen" 166 ng-model="vendedorCobrador.ClaVen"
156 ng-required="true" 167 ng-required="true"
157 ng-focus="focused = 4" 168 foca-focus="focused == 8"
169 ng-focus="focused = 8"
158 ng-keypress="next($event.keyCode)" 170 ng-keypress="next($event.keyCode)"
159 autocomplete="off" 171 autocomplete="off"
160 /> 172 />
161 </div> 173 </div>
162 </div> 174 </div>
163 <div class="form-group d-flex mb-2 col-md-6"> 175 <div class="form-group d-flex mb-2 col-md-6">
164 <label class="col-form-label col-md-4">Repita contraseña</label> 176 <label class="col-form-label col-md-4">Repita contraseña</label>
165 <div class="input-group col-md-8 pl-0"> 177 <div class="input-group col-md-8 pl-0">
166 <input 178 <input
167 class="form-control form-control-sm" 179 class="form-control form-control-sm"
168 type="password" 180 type="password"
169 teclado-virtual 181 teclado-virtual
170 ng-model="vendedorCobrador.ClaVen2" 182 ng-model="vendedorCobrador.ClaVen2"
171 ng-required="true" 183 ng-required="true"
172 ng-focus="focused = 2" 184 foca-focus="focused == 9"
185 ng-focus="focused = 9"
173 ng-keypress="next($event.keyCode)" 186 ng-keypress="next($event.keyCode)"
174 autocomplete="off" 187 autocomplete="off"
175 /> 188 />
176 </div> 189 </div>
177 </div> 190 </div>
178 <div class="form-group d-flex mb-2 col-md-6"> 191 <div class="form-group d-flex mb-2 col-md-6">
179 <label class="col-form-label col-md-4">Porcentaje de comisión</label> 192 <label class="col-form-label col-md-4">Porcentaje de comisión</label>
180 <div class="input-group col-md-8 pl-0"> 193 <div class="input-group col-md-8 pl-0">
181 <input 194 <input
182 class="form-control form-control-sm" 195 class="form-control form-control-sm"
183 type="text" 196 foca-tipo-input
184 teclado-virtual 197 teclado-virtual
185 ng-model="vendedorCobrador.ComVen" 198 ng-model="vendedorCobrador.ComVen"
186 ng-required="true" 199 ng-required="true"
187 ng-focus="focused = 2" 200 foca-focus="focused == 10"
201 ng-focus="focused = 10"
188 ng-keypress="next($event.keyCode)" 202 ng-keypress="next($event.keyCode)"
189 autocomplete="off" 203 autocomplete="off"
204 string-to-number
190 /> 205 />
191 </div> 206 </div>
192 </div> 207 </div>
193 <div class="form-group d-flex mb-2 col-md-6">
194 <div class="custom-control custom-checkbox ml-auto">
195 <input
196 type="checkbox"
197 class="custom-control-input"