Commit 60460e97001efeab6d8ca62986e347408237fa10
1 parent
c523318992
Exists in
master
Espacio - Condicion "ng-disabled"
Showing
1 changed file
with
3 additions
and
3 deletions
Show diff stats
src/views/foca-abm-vehiculos-item.html
1 | <div class="row"> | 1 | <div class="row"> |
2 | <foca-cabecera-facturador | 2 | <foca-cabecera-facturador |
3 | titulo="'Vehiculo / ' + tipo" | 3 | titulo="'Vehiculo / ' + tipo" |
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="formVehiculo" class="px-3"> | 10 | <form name="formVehiculo" class="px-3"> |
11 | <input type="hidden" name="id" ng-model="sector.id" /> | 11 | <input type="hidden" name="id" ng-model="sector.id" /> |
12 | <div class="row mt-3"> | 12 | <div class="row mt-3"> |
13 | <div class="form-group d-flex mb-2 col-md-6"> | 13 | <div class="form-group d-flex mb-2 col-md-6"> |
14 | <label class="col-form-label col-md-4">Unidad</label> | 14 | <label class="col-form-label col-md-4">Unidad</label> |
15 | <div class="input-group col-md-8 pl-0"> | 15 | <div class="input-group col-md-8 pl-0"> |
16 | <input | 16 | <input |
17 | class="form-control" | 17 | class="form-control" |
18 | type="text" | 18 | type="text" |
19 | teclado-virtual | 19 | teclado-virtual |
20 | ng-model="vehiculo.codigo" | 20 | ng-model="vehiculo.codigo" |
21 | foca-focus="focused == 1" | 21 | foca-focus="focused == 1" |
22 | ng-focus="focused = 1" | 22 | ng-focus="focused = 1" |
23 | ng-keypress="next($event.keyCode)" | 23 | ng-keypress="next($event.keyCode)" |
24 | ng-disabled="!nuevo" | 24 | ng-disabled="!nuevo" |
25 | /> | 25 | /> |
26 | </div> | 26 | </div> |
27 | </div> | 27 | </div> |
28 | <div class="form-group d-flex mb-2 col-md-6"> | 28 | <div class="form-group d-flex mb-2 col-md-6"> |
29 | <label class="col-form-label col-md-4">Dominio tractor</label> | 29 | <label class="col-form-label col-md-4">Dominio tractor</label> |
30 | <div class="input-group col-md-8 pl-0"> | 30 | <div class="input-group col-md-8 pl-0"> |
31 | <input | 31 | <input |
32 | class="form-control" | 32 | class="form-control" |
33 | type="text" | 33 | type="text" |
34 | teclado-virtual | 34 | teclado-virtual |
35 | ng-model="vehiculo.tractor" | 35 | ng-model="vehiculo.tractor" |
36 | ng-required="true" | 36 | ng-required="true" |
37 | foca-focus="focused == 2" | 37 | foca-focus="focused == 2" |
38 | ng-focus="focused = 2" | 38 | ng-focus="focused = 2" |
39 | ng-keypress="next($event.keyCode)" | 39 | ng-keypress="next($event.keyCode)" |
40 | /> | 40 | /> |
41 | </div> | 41 | </div> |
42 | </div> | 42 | </div> |
43 | <div class="form-group d-flex mb-2 col-md-6"> | 43 | <div class="form-group d-flex mb-2 col-md-6"> |
44 | <label class="col-form-label col-md-4">Dominio semi</label> | 44 | <label class="col-form-label col-md-4">Dominio semi</label> |
45 | <div class="input-group col-md-8 pl-0"> | 45 | <div class="input-group col-md-8 pl-0"> |
46 | <input | 46 | <input |
47 | class="form-control" | 47 | class="form-control" |
48 | type="text" | 48 | type="text" |
49 | teclado-virtual | 49 | teclado-virtual |
50 | ng-model="vehiculo.semi" | 50 | ng-model="vehiculo.semi" |
51 | ng-required="true" | 51 | ng-required="true" |
52 | foca-focus="focused == 3" | 52 | foca-focus="focused == 3" |
53 | ng-focus="focused = 3" | 53 | ng-focus="focused = 3" |
54 | ng-keypress="next($event.keyCode)" | 54 | ng-keypress="next($event.keyCode)" |
55 | /> | 55 | /> |
56 | </div> | 56 | </div> |
57 | </div> | 57 | </div> |
58 | <div class="form-group d-flex mb-2 col-md-6"> | 58 | <div class="form-group d-flex mb-2 col-md-6"> |
59 | <label class="col-form-label col-md-4">Capacidad total</label> | 59 | <label class="col-form-label col-md-4">Capacidad total</label> |
60 | <div class="input-group col-md-8 pl-0"> | 60 | <div class="input-group col-md-8 pl-0"> |
61 | <input | 61 | <input |
62 | class="form-control" | 62 | class="form-control" |
63 | foca-tipo-input | 63 | foca-tipo-input |
64 | solo-positivos | 64 | solo-positivos |
65 | teclado-virtual | 65 | teclado-virtual |
66 | ng-model="vehiculo.capacidad" | 66 | ng-model="vehiculo.capacidad" |
67 | ng-required="true" | 67 | ng-required="true" |
68 | foca-focus="focused == 4" | 68 | foca-focus="focused == 4" |
69 | ng-focus="focused = 4" | 69 | ng-focus="focused = 4" |
70 | ng-disabled="nuevo || !nuevo" | 70 | ng-disabled="true" |
71 | /> | 71 | /> |
72 | </div> | 72 | </div> |
73 | </div> | 73 | </div> |
74 | </div> | 74 | </div> |
75 | </form> | 75 | </form> |
76 | <div> | 76 | <div> |
77 | <h5 class="pl-4 table-title">Cisternas</h5> | 77 | <h5 class="pl-4 table-title">Cisternas</h5> |
78 | <table class="table table-default table-hover table-sm table-abm table-striped mb-0" > | 78 | <table class="table table-default table-hover table-sm table-abm table-striped mb-0" > |
79 | <thead> | 79 | <thead> |
80 | <tr> | 80 | <tr> |
81 | <th class="text-center px-4">Código</th> | 81 | <th class="text-center px-4">Código</th> |
82 | <th class="text-center">Capacidad</th> | 82 | <th class="text-center">Capacidad</th> |
83 | <th class="text-center">Unidad de Medida</th> | 83 | <th class="text-center">Unidad de Medida</th> |
84 | <th class="text-center"> | 84 | <th class="text-center"> |
85 | <button | 85 | <button |
86 | class="btn btn-outline-debo boton-accion" | 86 | class="btn btn-outline-debo boton-accion" |
87 | title="Agregar Cisterna" | 87 | title="Agregar Cisterna" |
88 | ng-click="crearCisterna(); focused = 1" | 88 | ng-click="crearCisterna(); focused = 1" |
89 | ng-disabled="crear" | 89 | ng-disabled="crear" |
90 | foca-focus="focused == 5" | 90 | foca-focus="focused == 5" |
91 | ng-focus="focused = 5" | 91 | ng-focus="focused = 5" |
92 | > | 92 | > |
93 | <i class="fa fa-plus"></i> | 93 | <i class="fa fa-plus"></i> |
94 | </button> | 94 | </button> |
95 | </th> | 95 | </th> |
96 | </tr> | 96 | </tr> |
97 | </thead> | 97 | </thead> |
98 | <tbody> | 98 | <tbody> |
99 | <tr ng-show="creando"> | 99 | <tr ng-show="creando"> |
100 | <td align="center"> | 100 | <td align="center"> |
101 | <input | 101 | <input |
102 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" | 102 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" |
103 | ng-model="cisterna.codigo" | 103 | ng-model="cisterna.codigo" |
104 | ng-keypress="next($event.keyCode)" | 104 | ng-keypress="next($event.keyCode)" |
105 | foca-focus="focused == 1" | 105 | foca-focus="focused == 1" |
106 | ng-focus="focused = 1" | 106 | ng-focus="focused = 1" |
107 | ng-disabled="!nuevoCisterna" | 107 | ng-disabled="!nuevoCisterna" |
108 | teclado-virtual | 108 | teclado-virtual |
109 | > | 109 | > |
110 | </td> | 110 | </td> |
111 | <td align="center"> | 111 | <td align="center"> |
112 | <input | 112 | <input |
113 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" | 113 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" |
114 | teclado-virtual | 114 | teclado-virtual |
115 | foca-tipo-input | 115 | foca-tipo-input |
116 | solo-positivos | 116 | solo-positivos |
117 | ng-model="cisterna.capacidad" | 117 | ng-model="cisterna.capacidad" |
118 | ng-required="true" | 118 | ng-required="true" |
119 | ng-keypress="next($event.keyCode)" | 119 | ng-keypress="next($event.keyCode)" |
120 | foca-focus="focused == 2" | 120 | foca-focus="focused == 2" |
121 | ng-focus="focused = 2" | 121 | ng-focus="focused = 2" |
122 | > | 122 | > |
123 | </td> | 123 | </td> |
124 | <td align="center"> | 124 | <td align="center"> |
125 | <div class="input-group"> | 125 | <div class="input-group"> |
126 | <input | 126 | <input |
127 | ng-model="cisterna.unidadMedida.NOM" | 127 | ng-model="cisterna.unidadMedida.NOM" |
128 | class="form-control" | 128 | class="form-control" |
129 | readonly | 129 | readonly |
130 | /> | 130 | /> |
131 | <div class="input-group-append"> | 131 | <div class="input-group-append"> |
132 | <button | 132 | <button |
133 | ladda="searchLoading" | 133 | ladda="searchLoading" |
134 | class="btn btn-outline-secondary form-control" | 134 | class="btn btn-outline-secondary form-control" |
135 | type="button" | 135 | type="button" |
136 | ng-click="seleccionarUnidadMedida()" | 136 | ng-click="seleccionarUnidadMedida()" |
137 | foca-focus="focused == 3" | 137 | foca-focus="focused == 3" |
138 | > | 138 | > |
139 | <i class="fa fa-search" aria-hidden="true"></i> | 139 | <i class="fa fa-search" aria-hidden="true"></i> |
140 | </button> | 140 | </button> |
141 | </div> | 141 | </div> |
142 | </div> | 142 | </div> |
143 | </td> | 143 | </td> |
144 | <td align="center"> | 144 | <td align="center"> |
145 | <button | 145 | <button |
146 | class="btn btn-outline-dark boton-accion" | 146 | class="btn btn-outline-dark boton-accion" |
147 | ng-click="agregarCisterna()" | 147 | ng-click="agregarCisterna()" |
148 | > | 148 | > |
149 | <i class="fa fa-save"></i> | 149 | <i class="fa fa-save"></i> |
150 | </button> | 150 | </button> |
151 | </td> | 151 | </td> |
152 | </tr> | 152 | </tr> |
153 | 153 | ||
154 | <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros" ng-hide="cisterna.desactivado"> | 154 | <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros" ng-hide="cisterna.desactivado"> |
155 | <td ng-bind="cisterna.codigo" class="text-center" ng-hide="cisterna.editando"></td> | 155 | <td ng-bind="cisterna.codigo" class="text-center" ng-hide="cisterna.editando"></td> |
156 | <td align="center" ng-show="cisterna.editando"> | 156 | <td align="center" ng-show="cisterna.editando"> |
157 | <input | 157 | <input |
158 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" | 158 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" |
159 | ng-model="cisterna.codigo" | 159 | ng-model="cisterna.codigo" |
160 | ng-keypress="next($event.keyCode)" | 160 | ng-keypress="next($event.keyCode)" |
161 | foca-focus="focused == 1" | 161 | foca-focus="focused == 1" |
162 | ng-focus="focused = 1" | 162 | ng-focus="focused = 1" |
163 | teclado-virtual | 163 | teclado-virtual |
164 | esc-key="volver(cisterna, key)" | 164 | esc-key="volver(cisterna, key)" |
165 | > | 165 | > |
166 | </td> | 166 | </td> |
167 | <td ng-bind="cisterna.capacidad" class="text-center" ng-hide="cisterna.editando"></td> | 167 | <td ng-bind="cisterna.capacidad" class="text-center" ng-hide="cisterna.editando"></td> |
168 | <td align="center" ng-show="cisterna.editando" > | 168 | <td align="center" ng-show="cisterna.editando" > |
169 | <input | 169 | <input |
170 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" | 170 | class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" |
171 | teclado-virtual | 171 | teclado-virtual |
172 | foca-tipo-input | 172 | foca-tipo-input |
173 | solo-positivos | 173 | solo-positivos |
174 | ng-model="cisterna.capacidad" | 174 | ng-model="cisterna.capacidad" |
175 | ng-required="true" | 175 | ng-required="true" |
176 | ng-keypress="next($event.keyCode)" | 176 | ng-keypress="next($event.keyCode)" |
177 | foca-focus="focused == 2" | 177 | foca-focus="focused == 2" |
178 | ng-focus="focused = 2" | 178 | ng-focus="focused = 2" |
179 | esc-key="volver(cisterna, key)" | 179 | esc-key="volver(cisterna, key)" |
180 | > | 180 | > |
181 | </td> | 181 | </td> |
182 | <td ng-bind="cisterna.unidadMedida.NOM" class="text-center" ng-hide="cisterna.editando"></td> | 182 | <td ng-bind="cisterna.unidadMedida.NOM" class="text-center" ng-hide="cisterna.editando"></td> |
183 | <td align="center" ng-show="cisterna.editando"> | 183 | <td align="center" ng-show="cisterna.editando"> |
184 | <div class="input-group"> | 184 | <div class="input-group"> |
185 | <input | 185 | <input |
186 | ng-model="cisterna.unidadMedida.NOM" | 186 | ng-model="cisterna.unidadMedida.NOM" |
187 | class="form-control" | 187 | class="form-control" |
188 | ng-keypress="seleccionarUnidadMedida($event.keyCode,cisterna)" | 188 | ng-keypress="seleccionarUnidadMedida($event.keyCode, cisterna)" |
189 | readonly | 189 | readonly |
190 | esc-key="volver(cisterna, key)" | 190 | esc-key="volver(cisterna, key)" |
191 | /> | 191 | /> |
192 | <div class="input-group-append"> | 192 | <div class="input-group-append"> |
193 | <button | 193 | <button |
194 | ladda="searchLoading" | 194 | ladda="searchLoading" |
195 | class="btn btn-outline-secondary form-control" | 195 | class="btn btn-outline-secondary form-control" |
196 | type="button" | 196 | type="button" |
197 | ng-click="seleccionarUnidadMedida(13,cisterna)" | 197 | ng-click="seleccionarUnidadMedida(13, cisterna)" |
198 | foca-focus="focused == 3" | 198 | foca-focus="focused == 3" |
199 | > | 199 | > |
200 | <i class="fa fa-search" aria-hidden="true"></i> | 200 | <i class="fa fa-search" aria-hidden="true"></i> |
201 | </button> | 201 | </button> |
202 | </div> | 202 | </div> |
203 | </div> | 203 | </div> |
204 | </td> | 204 | </td> |
205 | <td class="text-center" ng-hide="cisterna.editando"> | 205 | <td class="text-center" ng-hide="cisterna.editando"> |
206 | <button | 206 | <button |
207 | class="btn btn-outline-dark boton-accion" | 207 | class="btn btn-outline-dark boton-accion" |
208 | title="Editar" | 208 | title="Editar" |
209 | ng-click="editar(cisterna)" | 209 | ng-click="editar(cisterna)" |
210 | > | 210 | > |
211 | <i class="fa fa-pencil"></i> | 211 | <i class="fa fa-pencil"></i> |
212 | </button> | 212 | </button> |
213 | <button | 213 | <button |
214 | class="btn btn-outline-dark boton-accion" | 214 | class="btn btn-outline-dark boton-accion" |
215 | title="Eliminar" | 215 | title="Eliminar" |
216 | ng-click="solicitarConfirmacionTabla(cisterna, $index)" | 216 | ng-click="solicitarConfirmacionTabla(cisterna, $index)" |
217 | > | 217 | > |
218 | <i class="fa fa-trash"></i> | 218 | <i class="fa fa-trash"></i> |
219 | </button> | 219 | </button> |
220 | </td> | 220 | </td> |
221 | <td align="center" ng-show="cisterna.editando" > | 221 | <td align="center" ng-show="cisterna.editando" > |
222 | <button | 222 | <button |
223 | class="btn btn-outline-dark boton-accion" | 223 | class="btn btn-outline-dark boton-accion" |
224 | ng-click="agregarCisterna(cisterna)" | 224 | ng-click="agregarCisterna(cisterna)" |
225 | > | 225 | > |
226 | <i class="fa fa-save"></i> | 226 | <i class="fa fa-save"></i> |
227 | </button> | 227 | </button> |
228 | <button | 228 | <button |
229 | class="btn btn-outline-dark boton-accion" | 229 | class="btn btn-outline-dark boton-accion" |
230 | ng-click="volver(cisterna, key)" | 230 | ng-click="volver(cisterna, key)" |
231 | > | 231 | > |
232 | <i class="fa fa-undo" aria-hidden="true"></i> | 232 | <i class="fa fa-undo" aria-hidden="true"></i> |
233 | </button> | 233 | </button> |
234 | </td> | 234 | </td> |
235 | </tr> | 235 | </tr> |
236 | <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false"> | 236 | <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false"> |
237 | </tr> | 237 | </tr> |
238 | </body> | 238 | </body> |
239 | </table> | 239 | </table> |
240 | </div> | 240 | </div> |
241 | </div> | 241 | </div> |
242 | </div> | 242 | </div> |
243 | 243 |