Jose Pinto / foca-crear-hoja-ruta

Download as
Browse Code »

Commit 9b73787b10e2a0f10cd8eac0b1eaefe2aef0393f

Authored by Eric Fernandez
2 parents 73016b7f35 95e100894a
Exists in master

Merge branch 'master' into 'master' 

cant en vez de litros

See merge request modulos-npm/foca-crear-hoja-ruta!12
Showing 1 changed file   Show diff stats
src/views/hoja-ruta.html
Diff comments   View file @ 9b73787
1 <div class="crear-nota-pedido"> 1 <div class="crear-nota-pedido">
2 <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0"> 2 <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
3 <div class="row"> 3 <div class="row">
4 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> 4 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
5 <div class="row p-1 panel-informativo"> 5 <div class="row p-1 panel-informativo">
6 <div class="col-12"> 6 <div class="col-12">
7 <div class="row"> 7 <div class="row">
8 <div class="col-12 col-sm-4 nota-pedido"> 8 <div class="col-12 col-sm-4 nota-pedido">
9 <h5>HOJA DE RUTA</h5> 9 <h5>HOJA DE RUTA</h5>
10 </div> 10 </div>
11 <div class="col-5 col-sm-4 numero-pedido" 11 <div class="col-5 col-sm-4 numero-pedido"
12 >Nº {{puntoVenta}}-{{comprobante}} 12 >Nº {{puntoVenta}}-{{comprobante}}
13 </div> 13 </div>
14 <div class="col-7 col-sm-4 text-right"> 14 <div class="col-7 col-sm-4 text-right">
15 Fecha: 15 Fecha:
16 <span 16 <span
17 ng-show="!datepickerAbierto" 17 ng-show="!datepickerAbierto"
18 ng-bind="now | date:'dd/MM/yyyy HH:mm'" 18 ng-bind="now | date:'dd/MM/yyyy HH:mm'"
19 ng-click="datepickerAbierto = true" 19 ng-click="datepickerAbierto = true"
20 > 20 >
21 </span> 21 </span>
22 <input 22 <input
23 ng-show="datepickerAbierto" 23 ng-show="datepickerAbierto"
24 type="date" 24 type="date"
25 ng-model="now" 25 ng-model="now"
26 ng-change="datepickerAbierto = false" 26 ng-change="datepickerAbierto = false"
27 ng-blur="datepickerAbierto = false" 27 ng-blur="datepickerAbierto = false"
28 class="form-control form-control-sm col-8 float-right" 28 class="form-control form-control-sm col-8 float-right"
29 foca-focus="datepickerAbierto" 29 foca-focus="datepickerAbierto"
30 hasta-hoy 30 hasta-hoy
31 /> 31 />
32 </div> 32 </div>
33 </div> 33 </div>
34 <div class="row"> 34 <div class="row">
35 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> 35 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
36 <span class="label" ng-bind="cab.label"></span> 36 <span class="label" ng-bind="cab.label"></span>
37 <span class="valor" ng-bind="cab.valor"></span> 37 <span class="valor" ng-bind="cab.valor"></span>
38 </div> 38 </div>
39 <a 39 <a
40 class="btn col-12 btn-secondary d-sm-none" 40 class="btn col-12 btn-secondary d-sm-none"
41 ng-show="cabecera.length > 0" 41 ng-show="cabecera.length > 0"
42 ng-click="showCabecera = !showCabecera" 42 ng-click="showCabecera = !showCabecera"
43 > 43 >
44 <i 44 <i
45 class="fa fa-chevron-down" 45 class="fa fa-chevron-down"
46 ng-hide="showCabecera" 46 ng-hide="showCabecera"
47 aria-hidden="true" 47 aria-hidden="true"
48 > 48 >
49 </i> 49 </i>
50 <i 50 <i
51 class="fa fa-chevron-up" 51 class="fa fa-chevron-up"
52 ng-show="showCabecera" 52 ng-show="showCabecera"
53 aria-hidden="true"> 53 aria-hidden="true">
54 </i> 54 </i>
55 </a> 55 </a>
56 </div> 56 </div>
57 </div> 57 </div>
58 </div> 58 </div>
59 <div class="row p-1 botonera-secundaria"> 59 <div class="row p-1 botonera-secundaria">
60 <div class="col-12"> 60 <div class="col-12">
61 <div class="row"> 61 <div class="row">
62 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> 62 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
63 <button 63 <button
64 type="button" 64 type="button"
65 class="btn btn-default btn-block btn-xs text-left py-2" 65 class="btn btn-default btn-block btn-xs text-left py-2"
66 ng-click="boton.accion()" 66 ng-click="boton.accion()"
67 ng-class="{'d-none d-sm-block': boton.texto == ''}" 67 ng-class="{'d-none d-sm-block': boton.texto == ''}"
68 > 68 >
69 <i 69 <i
70 class="fa fa-arrow-circle-right" 70 class="fa fa-arrow-circle-right"
71 ng-show="boton.texto != ''" 71 ng-show="boton.texto != ''"
72 ></i> 72 ></i>
73 &nbsp; 73 &nbsp;
74 {{boton.texto}} 74 {{boton.texto}}
75 </button> 75 </button>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </div> 79 </div>
80 </div> 80 </div>
81 </div> 81 </div>
82 </form> 82 </form>
83 <div class="row"> 83 <div class="row">
84 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> 84 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
85 <!-- PC --> 85 <!-- PC -->
86 <div class="row grilla-articulo align-items-end d-none d-sm-flex"> 86 <div class="row grilla-articulo align-items-end d-none d-sm-flex">
87 <table class="table tabla-articulo table-striped table-sm table-dark"> 87 <table class="table tabla-articulo table-striped table-sm table-dark">
88 <thead> 88 <thead>
89 <tr class="d-flex"> 89 <tr class="d-flex">
90 <th class="col-auto">#</th> 90 <th class="col-auto">#</th>
91 <th class="col-2">Remito</th> 91 <th class="col-2">Remito</th>
92 <th class="col">Cliente</th> 92 <th class="col">Cliente</th>
93 <th class="col">Dirección</th> 93 <th class="col">Dirección</th>
94 <th class="col-1 text-right">Litros</th> 94 <th class="col-1 text-right">Cantidad</th>
95 <th class="col-auto"> 95 <th class="col-auto">
96 <button 96 <button
97 class="btn btn-outline-secondary selectable" 97 class="btn btn-outline-secondary selectable"
98 ng-click="show = !show; masMenos()" 98 ng-click="show = !show; masMenos()"
99 > 99 >
100 <i 100 <i
101 class="fa fa-chevron-down" 101 class="fa fa-chevron-down"
102 ng-show="show" 102 ng-show="show"
103 aria-hidden="true" 103 aria-hidden="true"
104 > 104 >
105 </i> 105 </i>
106 <i 106 <i
107 class="fa fa-chevron-up" 107 class="fa fa-chevron-up"
108 ng-hide="show" 108 ng-hide="show"
109 aria-hidden="true"> 109 aria-hidden="true">
110 </i> 110 </i>
111 </button> 111 </button>
112 </th> 112 </th>
113 </th> 113 </th>
114 </tr> 114 </tr>
115 </thead> 115 </thead>
116 <tbody class="tabla-articulo-body"> 116 <tbody class="tabla-articulo-body">
117 <tr 117 <tr
118 ng-repeat="(key, remito) in remitosTabla" 118 ng-repeat="(key, remito) in remitosTabla"
119 class="d-flex" 119 class="d-flex"
120 ng-show="show || key == remitosTabla.length - 1" 120 ng-show="show || key == remitosTabla.length - 1"
121 > 121 >
122 <td ng-bind="key + 1" class="col-auto"></td> 122 <td ng-bind="key + 1" class="col-auto"></td>
123 <td 123 <td
124 class="col-2" 124 class="col-2"
125 ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)" 125 ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"
126 ></td> 126 ></td>
127 <th class="col" ng-bind="remito.cliente[0].NOM"></th> 127 <th class="col" ng-bind="remito.cliente[0].NOM"></th>
128 <th class="col" ng-bind="remito.domicilioStamp"></th> 128 <th class="col" ng-bind="remito.domicilioStamp"></th>
129 <th class="col-1 text-right" ng-bind="remito.litros"></th> 129 <th class="col-1 text-right" ng-bind="remito.litros"></th>
130 <td class="text-center col-auto"> 130 <td class="text-center col-auto">
131 <button 131 <button
132 class="btn btn-outline-secondary" 132 class="btn btn-outline-secondary"
133 ng-click="quitarArticulo(key)" 133 ng-click="quitarArticulo(key)"
134 > 134 >
135 <i class="fa fa-trash"></i> 135 <i class="fa fa-trash"></i>
136 </button> 136 </button>
137 </td> 137 </td>
138 </tr> 138 </tr>
139 </tbody> 139 </tbody>
140 <tfoot> 140 <tfoot>
141 <tr class="d-flex"> 141 <tr class="d-flex">
142 <td class="col-auto px-1"> 142 <td class="col-auto px-1">
143 <strong>Remitos:</strong> 143 <strong>Remitos:</strong>
144 <a ng-bind="remitosTabla.length"></a> 144 <a ng-bind="remitosTabla.length"></a>
145 </td> 145 </td>
146 <td class="col"></td> 146 <td class="col"></td>
147 <td class="col-auto px-1"> 147 <td class="col-auto px-1">
148 <strong>Litros:</strong> 148 <strong>Cantidad:</strong>
149 <a ng-bind="hojaRuta.litros"></a> 149 <a ng-bind="hojaRuta.litros"></a>
150 </td> 150 </td>
151 </tr> 151 </tr>
152 </tfoot> 152 </tfoot>
153 </table> 153 </table>
154 </div> 154 </div>
155 155
156 <!-- MOBILE --> 156 <!-- MOBILE -->
157 <div class="row d-sm-none"> 157 <div class="row d-sm-none">
158 <table class="table table-sm table-striped table-dark margin-bottom-mobile"> 158 <table class="table table-sm table-striped table-dark margin-bottom-mobile">
159 <thead> 159 <thead>
160 <tr class="d-flex"> 160 <tr class="d-flex">
161 <th class="">#</th> 161 <th class="">#</th>
162 <th class="col px-0"> 162 <th class="col px-0">
163 <div class="d-flex"> 163 <div class="d-flex">
164 <div class="col-4 px-1">Código</div> 164 <div class="col-4 px-1">Código</div>
165 <div class="col-8 px-1">Descripción</div> 165 <div class="col-8 px-1">Descripción</div>
166 </div> 166 </div>
167 <div class="d-flex"> 167 <div class="d-flex">
168 <div class="col-3 px-1">Cantidad</div> 168 <div class="col-3 px-1">Cantidad</div>
169 <div class="col px-1 text-right">P. Uni.</div> 169 <div class="col px-1 text-right">P. Uni.</div>
170 <div class="col px-1 text-right">Subtotal</div> 170 <div class="col px-1 text-right">Subtotal</div>
171 </div> 171 </div>
172 </th> 172 </th>
173 <th class="text-center tamaño-boton"> 173 <th class="text-center tamaño-boton">
174 &nbsp; 174 &nbsp;
175 </th> 175 </th>
176 </tr> 176 </tr>
177 </thead> 177 </thead>
178 <tbody> 178 <tbody>
179 <tr 179 <tr
180 ng-repeat="(key, articulo) in remitosTabla" 180 ng-repeat="(key, articulo) in remitosTabla"
181 ng-show="show || key == remitosTabla.length - 1" 181 ng-show="show || key == remitosTabla.length - 1"
182 > 182 >
183 <td class="w-100 align-middle d-flex p-0"> 183 <td class="w-100 align-middle d-flex p-0">
184 <div class="align-middle p-1"> 184 <div class="align-middle p-1">
185 <span ng-bind="key+1" class="align-middle"></span> 185 <span ng-bind="key+1" class="align-middle"></span>
186 </div> 186 </div>
187 <div class="col px-0"> 187 <div class="col px-0">
188 <div class="d-flex"> 188 <div class="d-flex">
189 <div class="col-4 px-1"> 189 <div class="col-4 px-1">
190 <span 190 <span
191 ng-bind="articulo.sector + '-' + articulo.codigo" 191 ng-bind="articulo.sector + '-' + articulo.codigo"
192 ></span> 192 ></span>
193 </div> 193 </div>
194 <div class="col-8 px-1"> 194 <div class="col-8 px-1">
195 <span ng-bind="articulo.descripcion"></span> 195 <span ng-bind="articulo.descripcion"></span>
196 </div> 196 </div>
197 </div> 197 </div>
198 <div class="d-flex"> 198 <div class="d-flex">
199 <div class="col-3 px-1"> 199 <div class="col-3 px-1">
200 <span ng-bind="'x' + articulo.cantidad"></span> 200 <span ng-bind="'x' + articulo.cantidad"></span>
201 </div> 201 </div>
202 <div class="col-3 px-1 text-right"> 202 <div class="col-3 px-1 text-right">
203 <span ng-bind="articulo.precio | currency: hojaRuta.moneda.simbolo : 4"></span> 203 <span ng-bind="articulo.precio | currency: hojaRuta.moneda.simbolo : 4"></span>
204 </div> 204 </div>
205 <div class="col px-1 text-right"> 205 <div class="col px-1 text-right">
206 <span 206 <span
207 ng-bind="(articulo.precio * articulo.cantidad) | currency: hojaRuta.moneda.simbolo" 207 ng-bind="(articulo.precio * articulo.cantidad) | currency: hojaRuta.moneda.simbolo"
208 > 208 >
209 </span> 209 </span>
210 </div> 210 </div>
211 </div> 211 </div>
212 </div> 212 </div>
213 <div class="align-middle p-1"> 213 <div class="align-middle p-1">
214 <button 214 <button
215 class="btn btn-outline-secondary" 215 class="btn btn-outline-secondary"
216 ng-click="quitarArticulo(key)" 216 ng-click="quitarArticulo(key)"
217 > 217 >
218 <i class="fa fa-trash"></i> 218 <i class="fa fa-trash"></i>
219 </button> 219 </button>
220 </div> 220 </div>
221 </td> 221 </td>
222 </tr> 222 </tr>
223 </tbody> 223 </tbody>
224 <tfoot> 224 <tfoot>
225 <!-- CARGANDO ITEM --> 225 <!-- CARGANDO ITEM -->
226 <tr ng-show="!cargando" class="d-flex"> 226 <tr ng-show="!cargando" class="d-flex">
227 <td 227 <td
228 class="align-middle p-1" 228 class="align-middle p-1"
229 ng-bind="remitosTabla.length + 1" 229 ng-bind="remitosTabla.length + 1"
230 ></td> 230 ></td>
231 <td class="col p-0"> 231 <td class="col p-0">
232 <div class="d-flex"> 232 <div class="d-flex">
233 <div class="col-4 px-1"> 233 <div class="col-4 px-1">
234 <span 234 <span
235 ng-bind="articuloACargar.sectorCodigo" 235 ng-bind="articuloACargar.sectorCodigo"
236 ></span> 236 ></span>
237 </div> 237 </div>
238 <div class="col-8 px-1"> 238 <div class="col-8 px-1">
239 <span ng-bind="articuloACargar.descripcion"></span> 239 <span ng-bind="articuloACargar.descripcion"></span>
240 </div> 240 </div>
241 </div> 241 </div>
242 <div class="d-flex"> 242 <div class="d-flex">
243 <div class="col-3 px-1 m-1"> 243 <div class="col-3 px-1 m-1">
244 <input 244 <input
245 class="form-control p-1" 245 class="form-control p-1"
246 type="number" 246 type="number"
247 min="1" 247 min="1"
248 ng-model="articuloACargar.cantidad" 248 ng-model="articuloACargar.cantidad"
249 foca-focus="!cargando" 249 foca-focus="!cargando"
250 ng-keypress="agregarATabla($event.keyCode)" 250 ng-keypress="agregarATabla($event.keyCode)"
251 style="height: auto; line-height: 1.1em" 251 style="height: auto; line-height: 1.1em"
252 > 252 >
253 </div> 253 </div>
254 <div class="col-3 px-1 text-right"> 254 <div class="col-3 px-1 text-right">
255 <span ng-bind="articuloACargar.precio | currency: hojaRuta.moneda.simbolo : 4"></span> 255 <span ng-bind="articuloACargar.precio | currency: hojaRuta.moneda.simbolo : 4"></span>
256 </div> 256 </div>
257 <div class="col px-1 text-right"> 257 <div class="col px-1 text-right">
258 <span 258 <span
259 ng-bind="getSubTotal() | currency: hojaRuta.moneda.simbolo" 259 ng-bind="getSubTotal() | currency: hojaRuta.moneda.simbolo"
260 > 260 >
261 </span> 261 </span>
262 </div> 262 </div>
263 </div> 263 </div>
264 </td> 264 </td>
265 <td class="text-center align-middle"> 265 <td class="text-center align-middle">
266 <button 266 <button
267 class="btn btn-outline-secondary" 267 class="btn btn-outline-secondary"
268 ng-click="agregarATabla(13)" 268 ng-click="agregarATabla(13)"
269 > 269 >
270 <i class="fa fa-save"></i> 270 <i class="fa fa-save"></i>
271 </button> 271 </button>
272 </td> 272 </td>
273 </tr> 273 </tr>
274 <!-- SELECCIONAR PRODUCTO --> 274 <!-- SELECCIONAR PRODUCTO -->
275 <tr ng-show="cargando" class="d-flex"> 275 <tr ng-show="cargando" class="d-flex">
276 <td class="col-12"> 276 <td class="col-12">
277 <input 277 <input
278 placeholder="Seleccione Articulo" 278 placeholder="Seleccione Articulo"
279 class="form-control form-control-sm" 279 class="form-control form-control-sm"
280 readonly 280 readonly
281 ng-click="seleccionarArticulo()" 281 ng-click="seleccionarArticulo()"
282 /> 282 />
283 </td> 283 </td>
284 </tr> 284 </tr>
285 <!-- TOOGLE EXPANDIR --> 285 <!-- TOOGLE EXPANDIR -->
286 <tr> 286 <tr>
287 <td class="col"> 287 <td class="col">
288 <button 288 <button
289 class="btn btn-outline-secondary selectable w-100" 289 class="btn btn-outline-secondary selectable w-100"
290 ng-click="show = !show; masMenos()" 290 ng-click="show = !show; masMenos()"
291 ng-show="remitosTabla.length > 0" 291 ng-show="remitosTabla.length > 0"
292 > 292 >
293 <i 293 <i
294 class="fa fa-chevron-down" 294 class="fa fa-chevron-down"
295 ng-hide="show" 295 ng-hide="show"
296 aria-hidden="true" 296 aria-hidden="true"
297 > 297 >
298 </i> 298 </i>
299 <i 299 <i
300 class="fa fa-chevron-up" 300 class="fa fa-chevron-up"
301 ng-show="show" 301 ng-show="show"
302 aria-hidden="true"> 302 aria-hidden="true">
303 </i> 303 </i>
304 </button> 304 </button>
305 </td> 305 </td>
306 </tr> 306 </tr>
307 <!-- FOOTER --> 307 <!-- FOOTER -->
308 <tr class="d-flex"> 308 <tr class="d-flex">
309 <td class="align-middle no-border-top" colspan="2"> 309 <td class="align-middle no-border-top" colspan="2">
310 <strong>Cantidad Items:</strong> 310 <strong>Cantidad Items:</strong>
311 <a ng-bind="remitosTabla.length"></a> 311 <a ng-bind="remitosTabla.length"></a>
312 </td> 312 </td>
313 <td class="text-right ml-auto table-celda-total no-border-top"> 313 <td class="text-right ml-auto table-celda-total no-border-top">
314 <h3>Total:</h3> 314 <h3>Total:</h3>
315 </td> 315 </td>
316 <td class="table-celda-total text-right no-border-top"> 316 <td class="table-celda-total text-right no-border-top">
317 <h3>{{getTotal() | currency: hojaRuta.moneda.simbolo}}</h3> 317 <h3>{{getTotal() | currency: hojaRuta.moneda.simbolo}}</h3>
318 </td> 318 </td>
319 </tr> 319 </tr>
320 </tfoot> 320 </tfoot>
321 </table> 321 </table>
322 </div> 322 </div>
323 </div> 323 </div>
324 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block"> 324 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
325 <div class="row align-items-end"> 325 <div class="row align-items-end">
326 <div class="col-12"> 326 <div class="col-12">
327 <button 327 <button
328 ng-click="crearHojaRuta()" 328 ng-click="crearHojaRuta()"
329 type="submit" 329 type="submit"
330 title="Crear nota pedido" 330 title="Crear nota pedido"
331 class="btn btn-default btn-block mb-2"> 331 class="btn btn-default btn-block mb-2">
332 Guardar 332 Guardar
333 </button> 333 </button>
334 <button 334 <button
335 ng-click="salir()" 335 ng-click="salir()"
336 type="button" 336 type="button"
337 title="Salir" 337 title="Salir"
338 class="btn btn-default btn-block"> 338 class="btn btn-default btn-block">
339 Salir 339 Salir
340 </button> 340 </button>
341 </div> 341 </div>
342 </div> 342 </div>
343 </div> 343 </div>
344 </div> 344 </div>
345 <div class="row d-md-none fixed-bottom"> 345 <div class="row d-md-none fixed-bottom">
346 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 346 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
347 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 347 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
348 <span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span> 348 <span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>
349 </div> 349 </div>
350 </div> 350 </div>
351 </div> 351 </div>
352 352