Marcelo Puebla / foca-modal-detalle-cisternas

Download as
Browse Code »

Commit 01cfa4fe4b97564129c54d794e20bab787f9b2a4

Authored by Eric
1 parent 873bd67a11
Exists in master and in 2 other branches develop, lab

fa fa-info

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/views/foca-detalle-vehiculo.html
Diff comments   View file @ 01cfa4f
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h4>Detalle de carga</h4> 2 <h4>Detalle de carga</h4>
3 Transportista 3 Transportista
4 <strong ng-bind="vehiculo.transportista.COD"></strong> 4 <strong ng-bind="vehiculo.transportista.COD"></strong>
5 <strong ng-bind="vehiculo.transportista.NOM"></strong> 5 <strong ng-bind="vehiculo.transportista.NOM"></strong>
6 Unidad <strong ng-bind="vehiculo.codigo"></strong> 6 Unidad <strong ng-bind="vehiculo.codigo"></strong>
7 Tractor <strong ng-bind="vehiculo.tractor"></strong> 7 Tractor <strong ng-bind="vehiculo.tractor"></strong>
8 <br> 8 <br>
9 <div ng-show="idRemito !== -1"> 9 <div ng-show="idRemito !== -1">
10 <span>Remito Nº</span> 10 <span>Remito Nº</span>
11 <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong> 11 <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong>
12 <span>, Fecha</span> 12 <span>, Fecha</span>
13 <strong ng-bind="remito.fechaRemito | date: 'dd/MM/yyyy HH:mm'"></strong> 13 <strong ng-bind="remito.fechaRemito | date: 'dd/MM/yyyy HH:mm'"></strong>
14 <span>, Cliente</span> 14 <span>, Cliente</span>
15 <strong ng-bind="remito.nombreCliente"></strong> 15 <strong ng-bind="remito.nombreCliente"></strong>
16 <span>, Domicilio entrega</span> 16 <span>, Domicilio entrega</span>
17 <strong ng-bind="remito.domicilioStamp"></strong> 17 <strong ng-bind="remito.domicilioStamp"></strong>
18 </div> 18 </div>
19 </div> 19 </div>
20 <div class="modal-body"> 20 <div class="modal-body">
21 <div> 21 <div>
22 <table class="table table-sm" ng-show="idRemito !== -1"> 22 <table class="table table-sm" ng-show="idRemito !== -1">
23 <thead> 23 <thead>
24 <tr> 24 <tr>
25 <th></th> 25 <th></th>
26 <th>Articulo</th> 26 <th>Articulo</th>
27 <th>Cantidad</th> 27 <th>Cantidad</th>
28 <th>Cargado</th> 28 <th>Cargado</th>
29 <th>Resta asignar</th> 29 <th>Resta asignar</th>
30 </tr> 30 </tr>
31 </thead> 31 </thead>
32 <tbody> 32 <tbody>
33 <tr ng-repeat="(key, articulo) in articulos"> 33 <tr ng-repeat="(key, articulo) in articulos">
34 <td><input 34 <td><input
35 type="radio" 35 type="radio"
36 name="articuloRadio" 36 name="articuloRadio"
37 id="{{'articulo' + articulo.id}}" 37 id="{{'articulo' + articulo.id}}"
38 ng-checked="articuloSeleccionado.id === articulo.id" 38 ng-checked="articuloSeleccionado.id === articulo.id"
39 ng-disabled="articulo.cargado" 39 ng-disabled="articulo.cargado"
40 ng-click="seleccionarArticulo(articulo)" 40 ng-click="seleccionarArticulo(articulo)"
41 ></td> 41 ></td>
42 <td ng-bind="articulo.descripcion"></td> 42 <td ng-bind="articulo.descripcion"></td>
43 <td ng-bind="articulo.cantidad"></td> 43 <td ng-bind="articulo.cantidad"></td>
44 <td ng-bind="articulo.cantidadCargada || 0"></td> 44 <td ng-bind="articulo.cantidadCargada || 0"></td>
45 <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td> 45 <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td>
46 </tr> 46 </tr>
47 </tbody> 47 </tbody>
48 </table> 48 </table>
49 <table class="table table-sm" ladda="cargandoDatos" data-spinner-color="#FF0000"> 49 <table class="table table-sm" ladda="cargandoDatos" data-spinner-color="#FF0000">
50 <thead> 50 <thead>
51 <tr> 51 <tr>
52 <th width="10%">Cisterna</th> 52 <th width="10%">Cisterna</th>
53 <th>Capacidad</th> 53 <th>Capacidad</th>
54 <th>Articulo cargado</th> 54 <th>Articulo cargado</th>
55 <th width="20%">Por asignar</th> 55 <th width="20%">Por asignar</th>
56 <th>Cargado / Capacidad Disponible</th> 56 <th>Cargado / Capacidad Disponible</th>
57 <th></th> 57 <th></th>
58 </tr> 58 </tr>
59 </thead> 59 </thead>
60 <tbody> 60 <tbody>
61 <tr ng-repeat="(key, cisterna) in cisternas"> 61 <tr ng-repeat="(key, cisterna) in cisternas">
62 <td class="py-3" ng-bind="cisterna.codigo"></td> 62 <td class="py-3" ng-bind="cisterna.codigo"></td>
63 <td class="py-3" ng-bind="cisterna.capacidad"></td> 63 <td class="py-3" ng-bind="cisterna.capacidad"></td>
64 <td class="py-3" ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin asignar'"></td> 64 <td class="py-3" ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin asignar'"></td>
65 <td ng-if="idRemito != -1"> 65 <td ng-if="idRemito != -1">
66 <input 66 <input
67 class="form-control" 67 class="form-control"
68 foca-tipo-input 68 foca-tipo-input
69 foca-teclado 69 foca-teclado
70 placeholder="A cargar..." 70 placeholder="A cargar..."
71 ng-model="aCargar[key]" 71 ng-model="aCargar[key]"
72 ng-disabled="cisterna.disabled || !tieneArticulosPendientes()" 72 ng-disabled="cisterna.disabled || !tieneArticulosPendientes()"
73 ng-focus="aCargar[key] = rellenarInput(aCargar[key], cisterna); actualizarArticulo()" 73 ng-focus="aCargar[key] = rellenarInput(aCargar[key], cisterna); actualizarArticulo()"
74 ng-change="actualizarArticulo()" 74 ng-change="actualizarArticulo()"
75 > 75 >
76 </td> 76 </td>
77 <td ng-if="idRemito == -1"> 77 <td ng-if="idRemito == -1">
78 <input 78 <input
79 class="form-control" 79 class="form-control"
80 placeholder="A cargar..." 80 placeholder="A cargar..."
81 readonly> 81 readonly>
82 </td> 82 </td>
83 <td><div class="progress foca-alto-progress pl-0 pr-0 mt-1"> 83 <td><div class="progress foca-alto-progress pl-0 pr-0 mt-1">
84 <strong 84 <strong
85 class="mt-2 col-4 text-center position-absolute" 85 class="mt-2 col-4 text-center position-absolute"
86 ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' + 86 ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' +
87 (cisterna.capacidad - cisterna.cisternaCarga.cantidad)"> 87 (cisterna.capacidad - cisterna.cisternaCarga.cantidad)">
88 </strong> 88 </strong>
89 <div 89 <div
90 id="{{cisterna.id}}" 90 id="{{cisterna.id}}"
91 class="progress-bar" 91 class="progress-bar"
92 role="progressbar" 92 role="progressbar"
93 aria-valuemin="0" 93 aria-valuemin="0"
94 aria-valuemax="{{cisterna.capacidad}}" 94 aria-valuemax="{{cisterna.capacidad}}"
95 ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}"> 95 ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}">
96 </div> 96 </div>
97 </div> 97 </div>
98 </td> 98 </td>
99 <td> 99 <td>
100 <button 100 <button
101 class="btn btn-outline-secondary" 101 class="btn btn-outline-secondary"
102 ng-disabled="!cisterna.cisternaCarga.remitos.length" 102 ng-disabled="!cisterna.cisternaCarga.remitos.length"
103 ng-click="verRemitos(cisterna.cisternaCarga.remitos)"> 103 ng-click="verRemitos(cisterna.cisternaCarga.remitos)">
104 <i class="fa fa-eye" aria-hidden="true"></i> 104 <i class="fa fa-info" aria-hidden="true"></i>
105 </button> 105 </button>
106 </td> 106 </td>
107 </tr> 107 </tr>
108 </tbody> 108 </tbody>
109 </table> 109 </table>
110 <div class="col-12"> 110 <div class="col-12">
111 <button 111 <button
112 class="form-control btn btn-success" 112 class="form-control btn btn-success"
113 ladda="cargando" 113 ladda="cargando"
114 data-spinner-color="#FF0000" 114 data-spinner-color="#FF0000"
115 type="button" 115 type="button"
116 ng-disabled="!distribucionDisponible()" 116 ng-disabled="!distribucionDisponible()"
117 ng-class="{'btn-light': !distribucionDisponible()}" 117 ng-class="{'btn-light': !distribucionDisponible()}"
118 ng-click="cargarACisternas(vehiculo)" 118 ng-click="cargarACisternas(vehiculo)"
119 foca-focus="distribucionDisponible()"> 119 foca-focus="distribucionDisponible()">
120 Aplicar distribución de cargas 120 Aplicar distribución de cargas
121 </button> 121 </button>
122 </div> 122 </div>
123 </div> 123 </div>
124 </div> 124 </div>
125 <div class="modal-footer py-1"> 125 <div class="modal-footer py-1">
126 <button 126 <button
127 class="btn btn-sm btn-secondary" 127 class="btn btn-sm btn-secondary"
128 ladda="cargando" 128 ladda="cargando"
129 type="button" 129 type="button"
130 ng-click="cancelar()">Cancelar</button> 130 ng-click="cancelar()">Cancelar</button>
131 <button 131 <button
132 class="btn btn-sm btn-primary" 132 class="btn btn-sm btn-primary"
133 ladda="cargando" 133 ladda="cargando"
134 type="button" 134 type="button"
135 ng-click="aceptar()" 135 ng-click="aceptar()"
136 ng-disabled="tieneArticulosPendientes() || idRemito === -1" 136 ng-disabled="tieneArticulosPendientes() || idRemito === -1"
137 foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button> 137 foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button>
138 </div> 138 </div>
139 139