Jose Pinto / foca-modal-cheque

Download as
Browse Code »

Commit 696658a387baf453f1390fd002dfc3be76d7dd69

Authored by Jose Pinto
1 parent be17b0970f
Exists in master

agrego precio sugerido y foca-focus a todos los campos

Showing 2 changed files with 43 additions and 12 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ 696658a
... ... @@ -5,7 +5,8 @@ angular.module('focaModalCheque')
5 5 '$scope',
6 6 '$uibModalInstance',
7 7 '$uibModal',
8   - function($filter, $scope, $uibModalInstance, $uibModal) {
  8 + 'sugerido',
  9 + function($filter, $scope, $uibModalInstance, $uibModal, sugerido) {
9 10 $scope.cheque = {
10 11 banco: {
11 12 desbco: ''//Nombre del banco
... ... @@ -18,6 +19,11 @@ angular.module('focaModalCheque')
18 19 },
19 20 fechaEmision: new Date()
20 21 };
  22 + $scope.focused = 1;
  23 +
  24 + if(sugerido && sugerido < 0) {
  25 + $scope.cheque.importe = Math.abs(sugerido);
  26 + }
21 27  
22 28 $scope.seleccionarBanco = function(key) {
23 29 if(key === 13) {
... ... @@ -32,6 +38,7 @@ angular.module(&#39;focaModalCheque&#39;)
32 38 );
33 39 modalInstance.result.then(function(banco) {
34 40 $scope.cheque.banco = banco;
  41 + $scope.focused = 2;
35 42 }, function() {
36 43 //TODO: función llamada cuando cancela el modal
37 44 });
... ... @@ -53,6 +60,7 @@ angular.module(&#39;focaModalCheque&#39;)
53 60 );
54 61 modalInstance.result.then(function(provincia) {
55 62 $scope.cheque.provincia = provincia;
  63 + $scope.focused = 3;
56 64 }, function() {
57 65 //TODO: función llamada cuando cancela el modal
58 66 });
... ... @@ -82,6 +90,7 @@ angular.module(&#39;focaModalCheque&#39;)
82 90 );
83 91 modalInstance.result.then(function(localidad) {
84 92 $scope.cheque.localidad = localidad;
  93 + $scope.focused = 4;
85 94 }, function() {
86 95 //TODO: función llamada cuando cancela el modal
87 96 });
src/views/modal-cheque.html
Diff comments   View file @ 696658a
... ... @@ -10,13 +10,14 @@
10 10 <div class="col-12 col-md-10 input-group">
11 11 <input
12 12 type="text"
13   - foca-focus="true"
14 13 teclado-virtual
15 14 class="form-control form-control-sm"
16 15 placeholder="Nombre del banco o código"
17 16 ng-model="cheque.banco.desbco"
18 17 ng-required="true"
19 18 ng-keypress="seleccionarBanco($event.keyCode)"
  19 + foca-focus="focused == 1"
  20 + ng-focus="focused = 1"
20 21 />
21 22 <div class="input-group-append">
22 23 <button
... ... @@ -40,7 +41,9 @@
40 41 placeholder="Nombre o Código de Provincia "
41 42 ng-model="cheque.provincia.NOMBRE"
42 43 ng-required="true"
43   - ng-keypress="seleccionarProvincia($event.keyCode)"/>
  44 + ng-keypress="seleccionarProvincia($event.keyCode)"
  45 + foca-focus="focused == 2"
  46 + ng-focus="focused = 2"/>
44 47 <div class="input-group-append">
45 48 <button
46 49 ladda="searchLoading"
... ... @@ -63,7 +66,9 @@
63 66 placeholder="Nombre o código del lugar"
64 67 ng-model="cheque.localidad.NOMBRE"
65 68 ng-required="true"
66   - ng-keypress="seleccionarLocalidad($event.keyCode)"/>
  69 + ng-keypress="seleccionarLocalidad($event.keyCode)"
  70 + foca-focus="focused == 3"
  71 + ng-focus="focused = 3"/>
67 72 <div class="input-group-append">
68 73 <button
69 74 ladda="searchLoading"
... ... @@ -85,7 +90,10 @@
85 90 class="form-control form-control-sm"
86 91 placeholder="Librador"
87 92 ng-model="cheque.librador"
88   - ng-required="true"/>
  93 + ng-required="true"
  94 + ng-keypress="focused = 5"
  95 + foca-focus="focused == 4"
  96 + ng-focus="focused = 4"/>
89 97 </div>
90 98 <div class="col-12 col-md-2">
91 99 <label class="form-control-sm">Cheque:</label>
... ... @@ -97,7 +105,10 @@
97 105 class="form-control form-control-sm"
98 106 placeholder="Número"
99 107 ng-model="cheque.numero"
100   - ng-required="true"/>
  108 + ng-required="true"
  109 + ng-keypress="focused = 6"
  110 + foca-focus="focused == 5"
  111 + ng-focus="focused = 5"/>
101 112 </div>
102 113 <div class="col-6 col-md-7 input-group mb-2">
103 114 <div class="input-group-prepend">
... ... @@ -109,7 +120,10 @@
109 120 class="form-control form-control-sm"
110 121 placeholder="Importe"
111 122 ng-model="cheque.importe"
112   - ng-required="true"/>
  123 + ng-keypress="focused = 7; datepickerOpen = true"
  124 + ng-required="true"
  125 + foca-focus="focused == 6"
  126 + ng-focus="focused = 6"/>
113 127 </div>
114 128 <div class="col-12 col-md-2">
115 129 <label class="form-control-sm">Emisión:</label>
... ... @@ -129,8 +143,10 @@
129 143 show-button-bar="false"
130 144 is-open="datepickerOpen"
131 145 on-open-focus="false"
132   - ng-focus="datepickerOpen = true"
133   - ng-required="true"/>
  146 + ng-focus="datepickerOpen = true; focused = 7"
  147 + ng-required="true"
  148 + foca-focus="focused == 7"
  149 + ng-blur="focused = 8"/>
134 150 </div>
135 151 <div class="col-12 col-md-2">
136 152 <label class="form-control-sm">Presentación:</label>
... ... @@ -150,14 +166,20 @@
150 166 show-button-bar="false"
151 167 is-open="datepicker2Open"
152 168 on-open-focus="false"
153   - ng-focus="datepicker2Open = true"
154   - ng-required="true"/>
  169 + ng-focus="datepicker2Open = true; focused = 8"
  170 + ng-required="true"
  171 + foca-focus="focused == 8"
  172 + ng-blur="focused = 9"/>
155 173 </div>
156 174 <div class="col-12 col-md-2">
157 175 <label class="form-control-sm">Observaciones:</label>
158 176 </div>
159 177 <div class="col-12 col-md-10">
160   - <textarea teclado-virtual ng-model="cheque.observaciones" class="form-control form-control-sm"></textarea>
  178 + <textarea teclado-virtual
  179 + ng-model="cheque.observaciones"
  180 + class="form-control form-control-sm"
  181 + foca-focus="focused == 9"
  182 + ng-focus="focused = 9"></textarea>
161 183 </div>
162 184 </div>
163 185 </form>