Marcelo Puebla / foca-busqueda-cliente

Download as
Browse Code »

Commit cc5d59a67e889591eb976912fbdfde23fe078f8c

Authored by Jose Pinto
1 parent 75c33a9ec8
Exists in master and in 1 other branch develop

siguiente input con enter, cols mobile

Showing 2 changed files with 70 additions and 19 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ cc5d59a
... ... @@ -15,7 +15,7 @@ angular.module('focaBusquedaCliente')
15 15 $scope.selectedClientes = -1;
16 16 $scope.ingreso = false;
17 17 $scope.regexCuit = new RegExp(/\b(20|23|24|27|30|33|34)(\D)?[0-9]{8}(\D)?[0-9]/g);
18   -
  18 + $scope.focused = 1;
19 19  
20 20 $scope.cliente = {
21 21 COD: 0,
... ... @@ -132,6 +132,14 @@ angular.module('focaBusquedaCliente')
132 132 }
133 133 };
134 134  
  135 + $scope.focus = function(val) {
  136 + $scope.focused = val;
  137 + };
  138 +
  139 + $scope.next = function(key) {
  140 + if (key === 13) $scope.focused++;
  141 + };
  142 +
135 143 $scope.seleccionarProvincia = function(key) {
136 144 if(key === 13) {
137 145 var modalInstance = $uibModal.open(
... ... @@ -149,7 +157,9 @@ angular.module('focaBusquedaCliente')
149 157 );
150 158 modalInstance.result.then(function(provincia) {
151 159 $scope.cliente.provincia = provincia;
152   - $scope.focused = 3;
  160 + $timeout(function() {
  161 + $scope.focused = 5;
  162 + });
153 163 }, function() {
154 164 //TODO: función llamada cuando cancela el modal
155 165 });
... ... @@ -178,7 +188,9 @@ angular.module('focaBusquedaCliente')
178 188 );
179 189 modalInstance.result.then(function(localidad) {
180 190 $scope.cliente.localidad = localidad;
181   - $scope.focused = 4;
  191 + $timeout(function() {
  192 + $scope.focused = 6;
  193 + });
182 194 }, function() {
183 195 //TODO: función llamada cuando cancela el modal
184 196 });
... ... @@ -199,6 +211,9 @@ angular.module('focaBusquedaCliente')
199 211 );
200 212 modalInstance.result.then(function(iva) {
201 213 $scope.cliente.iva = iva;
  214 + $timeout(function() {
  215 + $scope.focused = 9;
  216 + });
202 217 }, function() {
203 218 //TODO: función llamada cuando cancela el modal
204 219 });
... ... @@ -239,6 +254,9 @@ angular.module('focaBusquedaCliente')
239 254 );
240 255 modalInstance.result.then(function(zona) {
241 256 $scope.cliente.zona = zona;
  257 + $timeout(function() {
  258 + $scope.focused = 7;
  259 + });
242 260 }, function() {
243 261 //TODO: función llamada cuando cancela el modal
244 262 });
... ... @@ -259,6 +277,9 @@ angular.module('focaBusquedaCliente')
259 277 );
260 278 modalInstance.result.then(function(tipoFactura) {
261 279 $scope.cliente.tipoFactura = tipoFactura;
  280 + $timeout(function() {
  281 + $scope.focused = 10;
  282 + });
262 283 }, function() {
263 284 //TODO: función llamada cuando cancela el modal
264 285 });
... ... @@ -279,6 +300,9 @@ angular.module('focaBusquedaCliente')
279 300 );
280 301 modalInstance.result.then(function(tipoComprobante) {
281 302 $scope.cliente.tipoComprobante = tipoComprobante;
  303 + $timeout(function() {
  304 + $scope.focused = 12;
  305 + });
282 306 }, function() {
283 307 //TODO: función llamada cuando cancela el modal
284 308 });
src/views/foca-busqueda-cliente-modal.html
Diff comments   View file @ cc5d59a
1 1 <div class="modal-header py-1">
2 2 <div class="row w-100">
3   - <div class="col-lg-4">
  3 + <div class="col-lg-4 col-7">
4 4 <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Cliente</h5>
5 5 <h5 class="modal-title my-1" ng-show="ingreso">Crear Cliente</h5>
6 6 </div>
7   - <div ng-show="ingreso" class="col-lg-6">
  7 + <div ng-show="ingreso" class="col-lg-6 col-5 front-index">
8 8 <div class="custom-control custom-checkbox mt-2">
9 9 <input
10 10 type="checkbox"
... ... @@ -114,28 +114,33 @@
114 114 <label>Nombre</label>
115 115 <input
116 116 type="text"
117   - foca-focus="ingreso"
118 117 class="form-control form-control-sm"
119 118 ng-model="cliente.NOM"
  119 + teclado-virtual
120 120 placeholder="Ingrese nombre"
121 121 ng-required="true"
122   - teclado-virtual
  122 + foca-focus="focused == 1 || ingreso"
  123 + ng-focus="focus(1)"
  124 + ng-keypress="next($event.keyCode)"
123 125 />
124 126 </div>
125 127 </div>
126 128 <div class="row">
127   - <div class="col-9">
  129 + <div class="col-md-9 col-12">
128 130 <label>Domicilio</label>
129 131 <input
130 132 type="text"
131 133 class="form-control form-control-sm"
132 134 ng-model="cliente.DOM"
  135 + teclado-virtual
133 136 placeholder="Ingrese domicilio"
134 137 ng-required="true"
135   - teclado-virtual
  138 + ng-focus="focus(2)"
  139 + foca-focus="focused == 2"
  140 + ng-keypress="next($event.keyCode)"
136 141 />
137 142 </div>
138   - <div class="col-3">
  143 + <div class="col-md-3 col-12">
139 144 <label>Código postal</label>
140 145 <input
141 146 type="text"
... ... @@ -143,12 +148,15 @@
143 148 ng-model="cliente.CPO"
144 149 placeholder="Ingrese CP"
145 150 ng-required="true"
  151 + ng-focus="focus(3)"
  152 + foca-focus="focused == 3"
  153 + ng-keypress="next($event.keyCode)"
146 154 teclado-virtual
147 155 />
148 156 </div>
149 157 </div>
150 158 <div class="row">
151   - <div class="col-6">
  159 + <div class="col-md-6 col-12">
152 160 <label>Provincia</label>
153 161 <div class="input-group">
154 162 <input
... ... @@ -158,6 +166,8 @@
158 166 ng-keypress="seleccionarProvincia($event.keyCode)"
159 167 placeholder="Ingrese provincia"
160 168 ng-required="true"
  169 + ng-focus="focus(4)"
  170 + foca-focus="focused == 4"
161 171 teclado-virtual
162 172 />
163 173 <div class="input-group-append">
... ... @@ -172,7 +182,7 @@
172 182 </div>
173 183 </div>
174 184 </div>
175   - <div class="col-6">
  185 + <div class="col-md-6 col-12">
176 186 <label>Localidad</label>
177 187 <div class="input-group">
178 188 <input
... ... @@ -182,6 +192,8 @@
182 192 ng-keypress="seleccionarLocalidad($event.keyCode)"
183 193 placeholder="Ingrese localidad"
184 194 ng-required="true"
  195 + foca-focus="focused == 5"
  196 + ng-focus="focus(5)"
185 197 teclado-virtual
186 198 />
187 199 <div class="input-group-append">
... ... @@ -198,7 +210,7 @@
198 210 </div>
199 211 </div>
200 212 <div class="row">
201   - <div class="col-6">
  213 + <div class="col-md-6 col-12">
202 214 <label>Zona</label>
203 215 <div class="input-group">
204 216 <input
... ... @@ -208,6 +220,8 @@
208 220 ng-keypress="seleccionarZona($event.keyCode)"
209 221 placeholder="Ingrese zona"
210 222 ng-required="true"
  223 + ng-focus="focus(6)"
  224 + foca-focus="focused == 6"
211 225 teclado-virtual
212 226 />
213 227 <div class="input-group-append">
... ... @@ -222,7 +236,7 @@
222 236 </div>
223 237 </div>
224 238 </div>
225   - <div class="col-6">
  239 + <div class="col-md-6 col-12">
226 240 <label>Actividad</label>
227 241 <div class="input-group">
228 242 <input
... ... @@ -232,6 +246,8 @@
232 246 ng-keypress="seleccionarActividad($event.keyCode)"
233 247 placeholder="Ingrese actividad"
234 248 ng-required="true"
  249 + ng-focus="focus(7)"
  250 + foca-focus="focused == 7"
235 251 teclado-virtual
236 252 />
237 253 <div class="input-group-append">
... ... @@ -264,7 +280,7 @@
264 280 </uib-tab>
265 281 <uib-tab heading="Datos impositivos">
266 282 <div class="row">
267   - <div class="col-7">
  283 + <div class="col-md-7 col-12">
268 284 <label>Responsabilidad ante el IVA</label>
269 285 <div class="input-group">
270 286 <input
... ... @@ -273,6 +289,8 @@
273 289 ng-model="cliente.iva.NOMBRE"
274 290 ng-keypress="seleccionarIva($event.keyCode)"
275 291 ng-required="true"
  292 + ng-focus="focus(8)"
  293 + foca-focus="focused == 8"
276 294 teclado-virtual
277 295 />
278 296 <div class="input-group-append">
... ... @@ -287,7 +305,7 @@
287 305 </div>
288 306 </div>
289 307 </div>
290   - <div class="col-5">
  308 + <div class="col-md-5 col-12">
291 309 <label>Factura que emite</label>
292 310 <div class="input-group">
293 311 <input
... ... @@ -297,6 +315,8 @@
297 315 ng-model="cliente.tipoFactura.NOMBRE"
298 316 ng-required="true"
299 317 ng-keypress="seleccionarTipoFactura(13)"
  318 + ng-focus="focus(9)"
  319 + foca-focus="focused == 9"
300 320 teclado-virtual>
301 321 <div class="input-group-append">
302 322 <button
... ... @@ -312,7 +332,7 @@
312 332 </div>
313 333 </div>
314 334 <div class="row">
315   - <div class="col-4">
  335 + <div class="col-md-4 col-12">
316 336 <label>CUIT</label>
317 337 <div class="input-group">
318 338 <input
... ... @@ -323,10 +343,13 @@
323 343 ng-required="true"
324 344 ng-pattern="regexCuit"
325 345 ng-maxlength="13"
  346 + ng-keypress="next($event.keyCode)"
  347 + ng-focus="focus(10)"
  348 + foca-focus="focused == 10"
326 349 teclado-virtual>
327 350 </div>
328 351 </div>
329   - <div class="col-4">
  352 + <div class="col-md-4 col-12">
330 353 <label>Clase de comprobante</label>
331 354 <div class="input-group">
332 355 <input
... ... @@ -336,6 +359,8 @@
336 359 ng-keypress="seleccionarTipoComprobante($event.keyCode)"
337 360 ng-model="cliente.tipoComprobante.NOMBRE"
338 361 ng-required="true"
  362 + ng-focus="focus(11)"
  363 + foca-focus="focused == 11"
339 364 teclado-virtual>
340 365 <div class="input-group-append">
341 366 <button
... ... @@ -349,7 +374,7 @@
349 374 </div>
350 375 </div>
351 376 </div>
352   - <div class="col-4">
  377 + <div class="col-md-4 col-12">
353 378 <label>Forma de pago</label>
354 379 <div class="input-group">
355 380 <input
... ... @@ -359,6 +384,8 @@
359 384 ng-model="cliente.formaPago.NOMBRE"
360 385 ng-required="true"
361 386 ng-keypress="seleccionarFormaPago($event.keyCode)"
  387 + ng-focus="focus(12)"
  388 + foca-focus="focused == 12"
362 389 teclado-virtual>
363 390 <div class="input-group-append">
364 391 <button