Commit c3a38c185374074c79fe00928c5f475a86e13440
1 parent
af8a43d04a
Exists in
master
leyendas titulos, tamaños th
Showing
1 changed file
with
11 additions
and
8 deletions
Show diff stats
src/views/foca-detalle-vehiculo.html
| 1 | <div class="modal-header"> | 1 | <div class="modal-header"> |
| 2 | <h4>Detalle de carga</h4> | 2 | <h4>Detalle de carga</h4> |
| 3 | Vehículo <strong ng-bind="vehiculo.tractor"></strong> | ||
| 4 | Transportista <strong ng-bind="vehiculo.transportista.NOM"></strong> | 3 | Transportista <strong ng-bind="vehiculo.transportista.NOM"></strong> |
| 4 | Unidad <strong ng-bind="vehiculo.codigo"></strong> | ||
| 5 | Tractor <strong ng-bind="vehiculo.tractor"></strong> | ||
| 5 | <br> | 6 | <br> |
| 6 | <div ng-show="idRemito !== -1"> | 7 | <div ng-show="idRemito !== -1"> |
| 7 | <span>Remito Nº</span> | 8 | <span>Remito Nº</span> |
| 8 | <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong> | 9 | <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong> |
| 10 | <span>, Fecha</span> | ||
| 11 | <strong ng-bind="remito.fechaRemito | date: 'dd/MM/yyyy HH:mm'"></strong> | ||
| 9 | <span>, Cliente</span> | 12 | <span>, Cliente</span> |
| 10 | <strong ng-bind="remito.nombreCliente"></strong> | 13 | <strong ng-bind="remito.nombreCliente"></strong> |
| 11 | <span>, Domicilio</span> | 14 | <span>, Domicilio entrega</span> |
| 12 | <strong ng-bind="remito.domicilioStamp"></strong> | 15 | <strong ng-bind="remito.domicilioStamp"></strong> |
| 13 | </div> | 16 | </div> |
| 14 | </div> | 17 | </div> |
| 15 | <div class="modal-body"> | 18 | <div class="modal-body"> |
| 16 | <div> | 19 | <div> |
| 17 | <table class="table table-sm" ng-show="idRemito !== -1"> | 20 | <table class="table table-sm" ng-show="idRemito !== -1"> |
| 18 | <thead> | 21 | <thead> |
| 19 | <tr> | 22 | <tr> |
| 20 | <th></th> | 23 | <th></th> |
| 21 | <th>Articulo</th> | 24 | <th>Articulo</th> |
| 22 | <th>Total</th> | 25 | <th>Total</th> |
| 23 | <th>Cargado</th> | 26 | <th>Cargado</th> |
| 24 | <th>Pendiente</th> | 27 | <th>Pendiente</th> |
| 25 | </tr> | 28 | </tr> |
| 26 | </thead> | 29 | </thead> |
| 27 | <tbody> | 30 | <tbody> |
| 28 | <tr ng-repeat="(key, articulo) in articulos"> | 31 | <tr ng-repeat="(key, articulo) in articulos"> |
| 29 | <td><input | 32 | <td><input |
| 30 | type="radio" | 33 | type="radio" |
| 31 | name="articuloRadio" | 34 | name="articuloRadio" |
| 32 | id="{{'articulo' + articulo.id}}" | 35 | id="{{'articulo' + articulo.id}}" |
| 33 | ng-checked="articulo.checked" | 36 | ng-checked="articulo.checked" |
| 34 | ng-disabled="articulo.cargado" | 37 | ng-disabled="articulo.cargado" |
| 35 | ng-click="cambioArticulo(articulo)" | 38 | ng-click="cambioArticulo(articulo)" |
| 36 | ></td> | 39 | ></td> |
| 37 | <td ng-bind="articulo.descripcion"></td> | 40 | <td ng-bind="articulo.descripcion"></td> |
| 38 | <td ng-bind="articulo.cantidad"></td> | 41 | <td ng-bind="articulo.cantidad"></td> |
| 39 | <td ng-bind="articulo.cantidadCargada || 0"></td> | 42 | <td ng-bind="articulo.cantidadCargada || 0"></td> |
| 40 | <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td> | 43 | <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td> |
| 41 | </tr> | 44 | </tr> |
| 42 | </tbody> | 45 | </tbody> |
| 43 | </table> | 46 | </table> |
| 44 | <table class="table table-sm"> | 47 | <table class="table table-sm"> |
| 45 | <thead> | 48 | <thead> |
| 46 | <tr> | 49 | <tr> |
| 47 | <th>Cisterna</th> | 50 | <th width="10%">Cisterna</th> |
| 48 | <th>Cantidad asignada</th> | 51 | <th width="20%">Cantidad asignada</th> |
| 49 | <th>Estado</th> | 52 | <th width="35%">Estado</th> |
| 50 | <th>Articulo cargado</th> | 53 | <th>Articulo cargado</th> |
| 51 | </tr> | 54 | </tr> |
| 52 | </thead> | 55 | </thead> |
| 53 | <tbody> | 56 | <tbody> |
| 54 | <tr ng-repeat="(key, cisterna) in vehiculo.cisternas"> | 57 | <tr ng-repeat="(key, cisterna) in vehiculo.cisternas"> |
| 55 | <td ng-bind="cisterna.codigo"></td> | 58 | <td ng-bind="cisterna.codigo"></td> |
| 56 | <td><input | 59 | <td><input |
| 57 | class="form-control" | 60 | class="form-control" |
| 58 | foca-tipo-input | 61 | foca-tipo-input |
| 59 | foca-teclado | 62 | foca-teclado |
| 60 | placeholder="A cargar..." | 63 | placeholder="A cargar..." |
| 61 | ng-model="aCargar[key]" | 64 | ng-model="aCargar[key]" |
| 62 | ng-disabled="(articuloSeleccionado.idArticulo !== cisterna.cisternaCarga.idProducto && | 65 | ng-disabled="(articuloSeleccionado.idArticulo !== cisterna.cisternaCarga.idProducto && |
| 63 | cisterna.cisternaCarga.idProducto) || !tieneArticulosPendientes() | 66 | cisterna.cisternaCarga.idProducto) || !tieneArticulosPendientes() |
| 64 | || articuloSeleccionado.cantidad > cisterna.disponible" | 67 | || articuloSeleccionado.cantidad > cisterna.disponible" |
| 65 | ng-change="actualizarArticulo()" | 68 | ng-change="actualizarArticulo()" |
| 66 | > | 69 | > |
| 67 | </td> | 70 | </td> |
| 68 | <td colspan="2"><div class="progress foca-alto-progress pl-0 pr-0 mt-1"> | 71 | <td><div class="progress foca-alto-progress pl-0 pr-0 mt-1"> |
| 69 | <strong | 72 | <strong |
| 70 | class="mt-2 col-3 text-center position-absolute" | 73 | class="mt-2 col-4 text-center position-absolute" |
| 71 | ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' + (cisterna.capacidad)"> | 74 | ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' + (cisterna.capacidad)"> |
| 72 | </strong> | 75 | </strong> |
| 73 | <div | 76 | <div |
| 74 | id="{{cisterna.id}}" | 77 | id="{{cisterna.id}}" |
| 75 | class="progress-bar" | 78 | class="progress-bar" |
| 76 | role="progressbar" | 79 | role="progressbar" |
| 77 | aria-valuemin="0" | 80 | aria-valuemin="0" |
| 78 | aria-valuemax="{{cisterna.capacidad}}" | 81 | aria-valuemax="{{cisterna.capacidad}}" |
| 79 | ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}"> | 82 | ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}"> |
| 80 | </div> | 83 | </div> |
| 81 | </div> | 84 | </div> |
| 82 | </td> | 85 | </td> |
| 83 | <td ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin articulo'"></td> | 86 | <td ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin articulo'"></td> |
| 84 | </tr> | 87 | </tr> |
| 85 | </tbody> | 88 | </tbody> |
| 86 | </table> | 89 | </table> |
| 87 | <div class="col-12 aling-end"> | 90 | <div class="col-12 aling-end"> |
| 88 | <button | 91 | <button |
| 89 | class="form-control btn btn-success" | 92 | class="form-control btn btn-success" |
| 90 | ladda="cargando" | 93 | ladda="cargando" |
| 91 | data-spinner-color="#FF0000" | 94 | data-spinner-color="#FF0000" |
| 92 | type="button" | 95 | type="button" |
| 93 | ng-disabled="!articuloSeleccionado || articuloSeleccionado.cantidad - | 96 | ng-disabled="!articuloSeleccionado || articuloSeleccionado.cantidad - |
| 94 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()" | 97 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()" |
| 95 | ng-class="{'btn-light': !articuloSeleccionado || articuloSeleccionado.cantidad - | 98 | ng-class="{'btn-light': !articuloSeleccionado || articuloSeleccionado.cantidad - |
| 96 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()}" | 99 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()}" |
| 97 | ng-click="cargarACisternas(vehiculo)"> | 100 | ng-click="cargarACisternas(vehiculo)"> |
| 98 | Aplicar distribución de cargas | 101 | Aplicar distribución de cargas |
| 99 | </button> | 102 | </button> |
| 100 | </div> | 103 | </div> |
| 101 | </div> | 104 | </div> |
| 102 | </div> | 105 | </div> |
| 103 | <div class="modal-footer py-1"> | 106 | <div class="modal-footer py-1"> |
| 104 | <button | 107 | <button |
| 105 | class="btn btn-sm btn-secondary" | 108 | class="btn btn-sm btn-secondary" |
| 106 | ladda="cargando" | 109 | ladda="cargando" |
| 107 | type="button" | 110 | type="button" |
| 108 | ng-click="cancelar()">Cancelar</button> | 111 | ng-click="cancelar()">Cancelar</button> |
| 109 | <button | 112 | <button |
| 110 | class="btn btn-sm btn-primary" | 113 | class="btn btn-sm btn-primary" |
| 111 | ladda="cargando" | 114 | ladda="cargando" |
| 112 | type="button" | 115 | type="button" |
| 113 | ng-click="aceptar()" | 116 | ng-click="aceptar()" |
| 114 | ng-disabled="tieneArticulosPendientes()">Cargar</button> | 117 | ng-disabled="tieneArticulosPendientes() || idRemito === -1">Cargar</button> |
| 115 | </div> | 118 | </div> |