Commit 6705302706cd5a3db6b6fb35676f2156b5200e4c
1 parent
d065c2ca79
Exists in
master
Foco en el botón " Agregar "
Showing
1 changed file
with
5 additions
and
2 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" | 70 | ng-disabled="!nuevo" |
| 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()" | 88 | ng-click="crearCisterna(); focused = 1" |
| 89 | ng-disabled="crear"> | 89 | ng-disabled="crear" |
| 90 | foca-focus="focused == 5" | ||
| 91 | ng-focus="focused = 5" | ||
| 92 | > | ||
| 90 | <i class="fa fa-plus"></i> | 93 | <i class="fa fa-plus"></i> |
| 91 | </button> | 94 | </button> |
| 92 | </th> | 95 | </th> |
| 93 | </tr> | 96 | </tr> |
| 94 | </thead> | 97 | </thead> |
| 95 | <tbody> | 98 | <tbody> |
| 96 | <tr ng-show="creando"> | 99 | <tr ng-show="creando"> |
| 97 | <td align="center"> | 100 | <td align="center"> |
| 98 | <input | 101 | <input |
| 99 | 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" |
| 100 | ng-model="cisterna.codigo" | 103 | ng-model="cisterna.codigo" |
| 101 | ng-keypress="next($event.keyCode)" | 104 | ng-keypress="next($event.keyCode)" |
| 102 | foca-focus="focused == 1" | 105 | foca-focus="focused == 1" |
| 103 | ng-focus="focused = 1" | 106 | ng-focus="focused = 1" |
| 104 | ng-disabled="!nuevoCisterna" | 107 | ng-disabled="!nuevoCisterna" |
| 105 | teclado-virtual | 108 | teclado-virtual |
| 106 | > | 109 | > |
| 107 | </td> | 110 | </td> |
| 108 | <td align="center"> | 111 | <td align="center"> |
| 109 | <input | 112 | <input |
| 110 | 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" |
| 111 | teclado-virtual | 114 | teclado-virtual |
| 112 | foca-tipo-input | 115 | foca-tipo-input |
| 113 | solo-positivos | 116 | solo-positivos |
| 114 | ng-model="cisterna.capacidad" | 117 | ng-model="cisterna.capacidad" |
| 115 | ng-required="true" | 118 | ng-required="true" |
| 116 | ng-keypress="next($event.keyCode)" | 119 | ng-keypress="next($event.keyCode)" |
| 117 | foca-focus="focused == 2" | 120 | foca-focus="focused == 2" |
| 118 | ng-focus="focused = 2" | 121 | ng-focus="focused = 2" |
| 119 | > | 122 | > |
| 120 | </td> | 123 | </td> |
| 121 | <td align="center"> | 124 | <td align="center"> |
| 122 | <div class="input-group"> | 125 | <div class="input-group"> |
| 123 | <input | 126 | <input |
| 124 | ng-model="cisterna.unidadMedida.NOM" | 127 | ng-model="cisterna.unidadMedida.NOM" |
| 125 | class="form-control" | 128 | class="form-control" |
| 126 | readonly | 129 | readonly |
| 127 | /> | 130 | /> |
| 128 | <div class="input-group-append"> | 131 | <div class="input-group-append"> |
| 129 | <button | 132 | <button |
| 130 | ladda="searchLoading" | 133 | ladda="searchLoading" |
| 131 | class="btn btn-outline-secondary form-control" | 134 | class="btn btn-outline-secondary form-control" |
| 132 | type="button" | 135 | type="button" |
| 133 | ng-click="seleccionarUnidadMedida()" | 136 | ng-click="seleccionarUnidadMedida()" |
| 134 | foca-focus="focused == 3" | 137 | foca-focus="focused == 3" |
| 135 | > | 138 | > |
| 136 | <i class="fa fa-search" aria-hidden="true"></i> | 139 | <i class="fa fa-search" aria-hidden="true"></i> |
| 137 | </button> | 140 | </button> |
| 138 | </div> | 141 | </div> |
| 139 | </div> | 142 | </div> |
| 140 | </td> | 143 | </td> |
| 141 | <td align="center"> | 144 | <td align="center"> |
| 142 | <button | 145 | <button |
| 143 | class="btn btn-outline-dark boton-accion" | 146 | class="btn btn-outline-dark boton-accion" |
| 144 | ng-click="agregarCisterna()" | 147 | ng-click="agregarCisterna()" |
| 145 | > | 148 | > |
| 146 | <i class="fa fa-save"></i> | 149 | <i class="fa fa-save"></i> |
| 147 | </button> | 150 | </button> |
| 148 | </td> | 151 | </td> |
| 149 | </tr> | 152 | </tr> |
| 150 | 153 | ||
| 151 | <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"> |
| 152 | <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> |
| 153 | <td align="center" ng-show="cisterna.editando"> | 156 | <td align="center" ng-show="cisterna.editando"> |
| 154 | <input | 157 | <input |
| 155 | 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" |
| 156 | ng-model="cisterna.codigo" | 159 | ng-model="cisterna.codigo" |
| 157 | ng-keypress="next($event.keyCode)" | 160 | ng-keypress="next($event.keyCode)" |
| 158 | foca-focus="focused == 1" | 161 | foca-focus="focused == 1" |
| 159 | ng-focus="focused = 1" | 162 | ng-focus="focused = 1" |
| 160 | teclado-virtual | 163 | teclado-virtual |
| 161 | esc-key="volver(cisterna, key)" | 164 | esc-key="volver(cisterna, key)" |
| 162 | > | 165 | > |
| 163 | </td> | 166 | </td> |
| 164 | <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> |
| 165 | <td align="center" ng-show="cisterna.editando" > | 168 | <td align="center" ng-show="cisterna.editando" > |
| 166 | <input | 169 | <input |
| 167 | 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" |
| 168 | teclado-virtual | 171 | teclado-virtual |
| 169 | foca-tipo-input | 172 | foca-tipo-input |
| 170 | solo-positivos | 173 | solo-positivos |
| 171 | ng-model="cisterna.capacidad" | 174 | ng-model="cisterna.capacidad" |
| 172 | ng-required="true" | 175 | ng-required="true" |
| 173 | ng-keypress="next($event.keyCode)" | 176 | ng-keypress="next($event.keyCode)" |
| 174 | foca-focus="focused == 2" | 177 | foca-focus="focused == 2" |
| 175 | ng-focus="focused = 2" | 178 | ng-focus="focused = 2" |
| 176 | esc-key="volver(cisterna, key)" | 179 | esc-key="volver(cisterna, key)" |
| 177 | > | 180 | > |
| 178 | </td> | 181 | </td> |
| 179 | <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> |
| 180 | <td align="center" ng-show="cisterna.editando"> | 183 | <td align="center" ng-show="cisterna.editando"> |
| 181 | <div class="input-group"> | 184 | <div class="input-group"> |
| 182 | <input | 185 | <input |
| 183 | ng-model="cisterna.unidadMedida.NOM" | 186 | ng-model="cisterna.unidadMedida.NOM" |
| 184 | class="form-control" | 187 | class="form-control" |
| 185 | readonly | 188 | readonly |
| 186 | esc-key="volver(cisterna, key)" | 189 | esc-key="volver(cisterna, key)" |
| 187 | /> | 190 | /> |
| 188 | <div class="input-group-append"> | 191 | <div class="input-group-append"> |
| 189 | <button | 192 | <button |
| 190 | ladda="searchLoading" | 193 | ladda="searchLoading" |
| 191 | class="btn btn-outline-secondary form-control" | 194 | class="btn btn-outline-secondary form-control" |
| 192 | type="button" | 195 | type="button" |
| 193 | ng-click="seleccionarUnidadMedida(cisterna)" | 196 | ng-click="seleccionarUnidadMedida(cisterna)" |
| 194 | foca-focus="focused == 3" | 197 | foca-focus="focused == 3" |
| 195 | > | 198 | > |
| 196 | <i class="fa fa-search" aria-hidden="true"></i> | 199 | <i class="fa fa-search" aria-hidden="true"></i> |
| 197 | </button> | 200 | </button> |
| 198 | </div> | 201 | </div> |
| 199 | </div> | 202 | </div> |
| 200 | </td> | 203 | </td> |
| 201 | <td class="text-center" ng-hide="cisterna.editando"> | 204 | <td class="text-center" ng-hide="cisterna.editando"> |
| 202 | <button | 205 | <button |
| 203 | class="btn btn-outline-dark boton-accion" | 206 | class="btn btn-outline-dark boton-accion" |
| 204 | title="Editar" | 207 | title="Editar" |
| 205 | ng-click="editar(cisterna)" | 208 | ng-click="editar(cisterna)" |
| 206 | > | 209 | > |
| 207 | <i class="fa fa-pencil"></i> | 210 | <i class="fa fa-pencil"></i> |
| 208 | </button> | 211 | </button> |
| 209 | <button | 212 | <button |
| 210 | class="btn btn-outline-dark boton-accion" | 213 | class="btn btn-outline-dark boton-accion" |
| 211 | title="Eliminar" | 214 | title="Eliminar" |
| 212 | ng-click="solicitarConfirmacionTabla(cisterna, $index)" | 215 | ng-click="solicitarConfirmacionTabla(cisterna, $index)" |
| 213 | > | 216 | > |
| 214 | <i class="fa fa-trash"></i> | 217 | <i class="fa fa-trash"></i> |
| 215 | </button> | 218 | </button> |
| 216 | </td> | 219 | </td> |
| 217 | <td align="center" ng-show="cisterna.editando" > | 220 | <td align="center" ng-show="cisterna.editando" > |
| 218 | <button | 221 | <button |
| 219 | class="btn btn-outline-dark boton-accion" | 222 | class="btn btn-outline-dark boton-accion" |
| 220 | ng-click="agregarCisterna(cisterna)" | 223 | ng-click="agregarCisterna(cisterna)" |
| 221 | > | 224 | > |
| 222 | <i class="fa fa-save"></i> | 225 | <i class="fa fa-save"></i> |
| 223 | </button> | 226 | </button> |
| 224 | <button | 227 | <button |
| 225 | class="btn btn-outline-dark boton-accion" | 228 | class="btn btn-outline-dark boton-accion" |
| 226 | ng-click="volver(cisterna, key)" | 229 | ng-click="volver(cisterna, key)" |
| 227 | > | 230 | > |
| 228 | <i class="fa fa-undo" aria-hidden="true"></i> | 231 | <i class="fa fa-undo" aria-hidden="true"></i> |
| 229 | </button> | 232 | </button> |
| 230 | </td> | 233 | </td> |
| 231 | </tr> | 234 | </tr> |
| 232 | <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false"> | 235 | <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false"> |
| 233 | </tr> | 236 | </tr> |
| 234 | </body> | 237 | </body> |
| 235 | </table> | 238 | </table> |
| 236 | </div> | 239 | </div> |
| 237 | </div> | 240 | </div> |
| 238 | </div> | 241 | </div> |
| 239 | 242 |