Luis Suarez / foca-modal-detalle-hoja-ruta

Download as
Browse Code »

Commit ec6cb251993cb5df6f650f52cb073ed6deb33280

Authored by Eric Fernandez
2 parents 06e7551e4e 079ec5fa67
Exists in lab and in 1 other branch develop

Merge branch 'master' into 'develop' 

Master(mpuebla)

See merge request !24
Showing 1 changed file   Show diff stats
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ ec6cb25
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h5 class="modal-title">Detalle de descarga</h5> 2 <h5 class="modal-title">Detalle de descarga</h5>
3 </div> 3 </div>
4 <div class="modal-body" id="modal-body" ladda="cargando" data-spinner-color="#FF0000" data-spinner-size="5"> 4 <div class="modal-body" id="modal-body" ladda="cargando" data-spinner-color="#FF0000" data-spinner-size="5">
5 <form name="formDetalleHojaRuta"> 5 <form name="formDetalleHojaRuta">
6 <div class="form-group row" ng-show="!cargando"> 6 <div class="form-group row" ng-show="!cargando">
7 <div class="col-12"> 7 <div class="col-12">
8 <strong>Información Remito</strong> 8 <strong>Información Remito</strong>
9 <button 9 <button
10 class="btn btn-sm btn-light selectable" 10 class="btn btn-sm btn-light selectable"
11 ng-click="verInformacion = !verInformacion"> 11 ng-click="verInformacion = !verInformacion">
12 <i class="fa fa-chevron-up" ng-show="verInformacion"></i> 12 <i class="fa fa-chevron-up" ng-show="verInformacion"></i>
13 <i class="fa fa-chevron-down" ng-hide="verInformacion"></i> 13 <i class="fa fa-chevron-down" ng-hide="verInformacion"></i>
14 </button> 14 </button>
15 </div> 15 </div>
16 <div class="row m-0" ng-show="verInformacion"> 16 <div class="row m-0" ng-show="verInformacion">
17 <div class="col-12"> 17 <div class="col-12">
18 <small> 18 <small>
19 <b>Remito Nº</b> 19 <b>Remito Nº</b>
20 <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/> 20 <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/>
21 </small> 21 </small>
22 </div> 22 </div>
23 <div class="col-12"> 23 <div class="col-12">
24 <small> 24 <small>
25 <b>Cliente</b> 25 <b>Cliente</b>
26 <span ng-bind="remito.nombreCliente"/> 26 <span ng-bind="remito.nombreCliente"/>
27 </small> 27 </small>
28 </div> 28 </div>
29 <div class="col-12"> 29 <div class="col-12">
30 <small> 30 <small>
31 <b>Domicilio</b> 31 <b>Domicilio</b>
32 <span ng-bind="remito.domicilioStamp"/> 32 <span ng-bind="remito.domicilioStamp"/>
33 </small> 33 </small>
34 </div> 34 </div>
35 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3"> 35 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3">
36 <label class="form-control-sm"> 36 <label class="form-control-sm">
37 <b>Puntos de descarga</b> 37 <b>Puntos de descarga</b>
38 </label> 38 </label>
39 <table class="table table-sm"> 39 <table class="table table-sm">
40 <thead> 40 <thead>
41 <tr> 41 <tr>
42 <th>Nombre</th> 42 <th>Nombre</th>
43 </tr> 43 </tr>
44 </thead> 44 </thead>
45 <tbody> 45 <tbody>
46 <tr ng-repeat="(key, puntoDescarga) in remito.notaPedido.notaPedidoPuntoDescarga"> 46 <tr ng-repeat="(key, puntoDescarga) in remito.notaPedido.notaPedidoPuntoDescarga">
47 <td ng-bind="puntoDescarga.puntoDescarga.descripcion"></td> 47 <td ng-bind="puntoDescarga.puntoDescarga.descripcion"></td>
48 </tbody> 48 </tbody>
49 </table> 49 </table>
50 </div> 50 </div>
51 </div> 51 </div>
52 <div class="col py-3"> 52 <div class="col py-3">
53 <strong>Articulo a descargar</strong> 53 <strong>Articulo a descargar</strong>
54 <table class="table table-sm mt-2"> 54 <table class="table table-sm mt-2">
55 <thead> 55 <thead>
56 <tr> 56 <tr>
57 <th></th> 57 <th></th>
58 <th>Articulo</th> 58 <th>Articulo</th>
59 <th>Total</th> 59 <th>Total</th>
60 <th>Descargado</th> 60 <th>Descargado</th>
61 </tr> 61 </tr>
62 </thead> 62 </thead>
63 <tbody> 63 <tbody>
64 <tr ng-repeat="(key, articulo) in remito.articulosRemito"> 64 <tr ng-repeat="(key, articulo) in remito.articulosRemito">
65 <td class="pt-2"> 65 <td class="pt-2">
66 <input 66 <input
67 type="radio" 67 type="radio"
68 name="articuloRadio" 68 name="articuloRadio"
69 id="{{'articulo' + articulo.id}}" 69 id="{{'articulo' + articulo.id}}"
70 ng-click="cambio(articulo)" 70 ng-click="cambio(articulo)"
71 ng-disabled="articulo.descargado || readonly" 71 ng-disabled="articulo.descargado || readonly"
72 ng-checked="articuloSeleccionado.id === articulo.id" 72 ng-checked="articuloSeleccionado.id === articulo.id"
73 ></td> 73 ></td>
74 <td ng-bind="articulo.descripcion"></td> 74 <td ng-bind="articulo.descripcion"></td>
75 <td ng-bind="articulo.cantidad"></td> 75 <td ng-bind="articulo.cantidad"></td>
76 <td ng-bind="articulo.cantidadDescargada || 0"></td> 76 <td ng-bind="articulo.cantidadDescargada || 0"></td>
77 </tbody> 77 </tbody>
78 </table> 78 </table>
79 <strong>Cisterna</strong> 79 <strong>Cisterna</strong>
80 <table class="table table-sm mt-2"> 80 <table class="table table-sm mt-2">
81 <thead> 81 <thead>
82 <tr> 82 <tr>
83 <th>Código</th> 83 <th>Código</th>
84 <th>Articulo</th> 84 <th>Articulo</th>
85 <th>Total</th> 85 <th>Total</th>
86 <th>A Descargar</th> 86 <th>A Descargar</th>
87 </tr> 87 </tr>
88 </thead> 88 </thead>
89 <tbody> 89 <tbody>
90 <tr ng-repeat="(key, cisterna) in cisternas"> 90 <tr ng-repeat="(key, cisterna) in cisternas">
91 <td class="align-middle" ng-bind="cisterna.codigo"></td> 91 <td class="align-middle" ng-bind="cisterna.codigo"></td>
92 <td class="align-middle" ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td> 92 <td class="align-middle" ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
93 <td class="align-middle" ng-bind="cisterna.cisternaCarga.cantidad"></td> 93 <td class="align-middle" ng-bind="cisterna.cisternaCarga.cantidad"></td>
94 <td><input 94 <td><input
95 class="form-control form-control-sm" 95 class="form-control form-control-sm"
96 type="number" 96 type="number"
97 ng-model="aDescargar[key]" 97 ng-model="aDescargar[key]"
98 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto" 98 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
99 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto 99 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
100 || readonly"/></td> 100 || readonly"/></td>
101 </tr> 101 </tr>
102 </tbody> 102 </tbody>
103 </table> 103 </table>
104 <div class="col-12 px-0"> 104 <div class="col-12 px-0">
105 <label class="small"> 105 <label class="small">
106 <b>Observaciones</b> 106 <b>Observaciones</b>
107 </label> 107 </label>
108 </div> 108 </div>
109 <div class="col-12 px-0"> 109 <div class="col-12 px-0">
110 <textarea 110 <textarea
111 ng-model="remito.observaciones" 111 ng-model="remito.observaciones"
112 ng-disabled="readonly" 112 ng-disabled="readonly"
113 class="form-control form-control-sm" 113 class="form-control form-control-sm foca-input"
114 rows="1" 114 rows="2"
115 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad"
115 ></textarea> 116 ></textarea>
116 </div> 117 </div>
117 <div class="row mt-2"> 118 <div class="row mt-2">
118 <div class="col-auto my-auto"> 119 <div class="col-auto my-auto">
119 <span class="small"><b>Nº Recibo</b></span> 120 <span class="small"><b>Nº Recibo</b></span>
120 </div> 121 </div>
121 <div class="col px-0"> 122 <div class="col px-0">
122 <input 123 <input
123 class="form-control form-control-sm" 124 class="form-control form-control-sm"
124 type="number" 125 type="number"
125 ng-disabled="readonly" 126 ng-disabled="readonly"
126 ng-model="numeroRecibo" 127 ng-model="numeroRecibo"
127 ng-keypress="descargar($event.keyCode)" 128 ng-keypress="descargar($event.keyCode)"
128 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad"> 129 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
129 </div> 130 </div>
130 <div class="col-auto"> 131 <div class="col-auto">
131 <button 132 <button
132 class="btn btn-success btn-sm btn-block" 133 class="btn btn-success btn-sm btn-block"
133 ladda="cargando" 134 ladda="cargando"
134 data-spinner-color="#FF0000" 135 data-spinner-color="#FF0000"
135 type="button" 136 type="button"
136 ng-disabled="distribucionDisponible() || !numeroRecibo" 137 ng-disabled="distribucionDisponible() || !numeroRecibo"
137 ng-click="descargar(13)"> 138 ng-click="descargar(13)">
138 Descargar 139 Descargar
139 </button> 140 </button>
140 </div> 141 </div>
141 </div> 142 </div>
142 <div class="row mt-3" ng-show="remito.rechazado"> 143 <div class="row mt-3" ng-show="remito.rechazado">
143 <div class="col-12"> 144 <div class="col-12">
144 <div class="bg-danger text-center text-white p-2"> 145 <div class="bg-danger text-center text-white p-2">
145 Remito rechazado 146 Remito rechazado
146 </div> 147 </div>
147 </div> 148 </div>
148 </div> 149 </div>
149 </div> 150 </div>
150 </div> 151 </div>
151 </form> 152 </form>
152 </div> 153 </div>
153 <div class="modal-footer py-2"> 154 <div class="modal-footer py-2">
154 <button 155 <button
155 class="btn btn-danger btn-sm" 156 class="btn btn-danger btn-sm"
156 type="button" 157 type="button"
157 ng-click="rechazar()" 158 ng-click="rechazar()"
158 ng-disabled="readonly" 159 ng-disabled="readonly"
159 >Rechazar</button> 160 >Rechazar</button>
160 <button 161 <button
161 class="btn btn-secondary btn-sm" 162 class="btn btn-secondary btn-sm"
162 type="button" 163 type="button"
163 ng-click="cancel()" 164 ng-click="cancel()"
164 >Salir</button> 165 >Salir</button>
165 </div> 166 </div>
166 167