Marcelo Puebla / foca-modal-detalle-hoja-ruta

Download as
Browse Code »

Commit bde16601c222dca908610165881f35a96d7d81e8

Authored by Marcelo Puebla
1 parent 2df9f64f1f
Exists in master

quitado de padding

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ bde1660
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 ng-change="actualizarArticulo()" 98 ng-change="actualizarArticulo()"
99 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto" 99 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
100 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto 100 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
101 || readonly"/></td> 101 || readonly"/></td>
102 </tr> 102 </tr>
103 </tbody> 103 </tbody>
104 </table> 104 </table>
105 <div class="col-12 px-0"> 105 <div class="col-12 px-0">
106 <label class="small"> 106 <label class="small">
107 <b>Observaciones</b> 107 <b>Observaciones</b>
108 </label> 108 </label>
109 </div> 109 </div>
110 <div class="col-12 px-0"> 110 <div class="col-12 px-0">
111 <textarea 111 <textarea
112 ng-model="remito.observaciones" 112 ng-model="remito.observaciones"
113 ng-disabled="readonly" 113 ng-disabled="readonly"
114 class="form-control form-control-sm" 114 class="form-control form-control-sm"
115 rows="1" 115 rows="1"
116 ></textarea> 116 ></textarea>
117 </div> 117 </div>
118 <div class="row mt-2"> 118 <div class="row mt-2">
119 <div class="col-auto my-auto"> 119 <div class="col-auto my-auto">
120 <span class="small"><b>Nº Recibo</b></span> 120 <span class="small"><b>Nº Recibo</b></span>
121 </div> 121 </div>
122 <div class="col"> 122 <div class="col px-0">
123 <input 123 <input
124 class="form-control form-control-sm" 124 class="form-control form-control-sm"
125 type="number" 125 type="number"
126 ng-disabled="readonly" 126 ng-disabled="readonly"
127 ng-model="numeroRecibo" 127 ng-model="numeroRecibo"
128 ng-keypress="descargar($event.keyCode)" 128 ng-keypress="descargar($event.keyCode)"
129 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad"> 129 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
130 </div> 130 </div>
131 <div class="col-auto"> 131 <div class="col-auto">
132 <button 132 <button
133 class="btn btn-success btn-sm btn-block" 133 class="btn btn-success btn-sm btn-block"
134 ladda="cargando" 134 ladda="cargando"
135 data-spinner-color="#FF0000" 135 data-spinner-color="#FF0000"
136 type="button" 136 type="button"
137 ng-disabled="!distribucionDisponible() || !numeroRecibo" 137 ng-disabled="!distribucionDisponible() || !numeroRecibo"
138 ng-click="descargar(13)"> 138 ng-click="descargar(13)">
139 Descargar 139 Descargar
140 </button> 140 </button>
141 </div> 141 </div>
142 </div> 142 </div>
143 143
144 <label 144 <label
145 class="col-12 bg-danger text-white" ng-show="remito.rechazado" 145 class="col-12 bg-danger text-white" ng-show="remito.rechazado"
146 >Remito rechazado</label> 146 >Remito rechazado</label>
147 </div> 147 </div>
148 </div> 148 </div>
149 </form> 149 </form>
150 </div> 150 </div>
151 <div class="modal-footer py-2"> 151 <div class="modal-footer py-2">
152 <button 152 <button
153 class="btn btn-danger btn-sm" 153 class="btn btn-danger btn-sm"
154 type="button" 154 type="button"
155 ng-click="rechazar()" 155 ng-click="rechazar()"
156 ng-disabled="readonly" 156 ng-disabled="readonly"
157 >Rechazar</button> 157 >Rechazar</button>
158 <button 158 <button
159 class="btn btn-secondary btn-sm" 159 class="btn btn-secondary btn-sm"
160 type="button" 160 type="button"
161 ng-click="cancel()" 161 ng-click="cancel()"
162 >Salir</button> 162 >Salir</button>
163 </div> 163 </div>
164 164