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