Eric Fernandez / foca-modal-detalle-hoja-ruta

Download as
Browse Code »

Commit 2df9f64f1f9a43e1e43011d6d838fd2b521bedc2

Authored by Marcelo Puebla
1 parent 1680926c0a
Exists in master

Arreglo de responsividad.

Showing 1 changed file with 105 additions and 101 deletions   Show diff stats
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ 2df9f64
1 <div class="modal-header py-1"> 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 px-0"> 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 12 <i class="fa fa-chevron-up" ng-show="verInformacion"></i>
13 class="fa fa-chevron-up" 13 <i class="fa fa-chevron-down" ng-hide="verInformacion"></i>
14 ng-show="verInformacion"></i>
15 <i
16 class="fa fa-chevron-down"
17 ng-hide="verInformacion">
18 </i>
19 </button> 14 </button>
20 </div> 15 </div>
21 <div class="row" ng-show="verInformacion"> 16 <div class="row m-0" ng-show="verInformacion">
22 <div class="col-12"> 17 <div class="col-12">
23 <label class="form-control-sm"> 18 <small>
24 <b>Remito Nº</b> 19 <b>Remito Nº</b>
25 <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/> 20 <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/>
26 </label> 21 </small>
27 </div> 22 </div>
28 <div class="col-12"> 23 <div class="col-12">
29 <label class="form-control-sm"> 24 <small>
30 <b>Cliente</b> 25 <b>Cliente</b>
31 </label> 26 <span ng-bind="remito.nombreCliente"/>
32 <span ng-bind="remito.nombreCliente"/> 27 </small>
33 </div> 28 </div>
34 <div class="col-12"> 29 <div class="col-12">
35 <label class="form-control-sm"> 30 <small>
36 <b>Domicilio</b> 31 <b>Domicilio</b>
37 <span ng-bind="remito.domicilioStamp"/> 32 <span ng-bind="remito.domicilioStamp"/>
38 </label> 33 </small>
39 </div> 34 </div>
40 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3"> 35 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3">
41 <label class="form-control-sm"> 36 <label class="form-control-sm">
42 <b>Puntos de descarga</b> 37 <b>Puntos de descarga</b>
43 </label> 38 </label>
44 <table class="table table-sm"> 39 <table class="table table-sm">
45 <thead> 40 <thead>
46 <tr> 41 <tr>
47 <th>Nombre</th> 42 <th>Nombre</th>
48 </tr> 43 </tr>
49 </thead> 44 </thead>
50 <tbody> 45 <tbody>
51 <tr ng-repeat="(key, puntoDescarga) in remito.notaPedido.notaPedidoPuntoDescarga"> 46 <tr ng-repeat="(key, puntoDescarga) in remito.notaPedido.notaPedidoPuntoDescarga">
52 <td ng-bind="puntoDescarga.puntoDescarga.descripcion"></td> 47 <td ng-bind="puntoDescarga.puntoDescarga.descripcion"></td>
53 </tbody> 48 </tbody>
54 </table> 49 </table>
55 </div> 50 </div>
56 </div> 51 </div>
57 <strong>Articulo a descargar</strong> 52 <div class="col py-3">
58 <table class="table table-sm"> 53 <strong>Articulo a descargar</strong>
59 <thead> 54 <table class="table table-sm mt-2">
60 <tr> 55 <thead>
61 <th></th> 56 <tr>
62 <th>Articulo</th> 57 <th></th>
63 <th>Total</th>
64 <th>Descargado</th>
65 </tr>
66 </thead>
67 <tbody>
68 <tr ng-repeat="(key, articulo) in remito.articulosRemito">
69 <td class="pt-2">
70 <input
71 type="radio"
72 name="articuloRadio"
73 id="{{'articulo' + articulo.id}}"
74 ng-click="cambio(articulo)"
75 ng-disabled="articulo.descargado || readonly"
76 ng-checked="articuloSeleccionado.id === articulo.id"
77 ></td>
78 <td ng-bind="articulo.descripcion"></td>
79 <td ng-bind="articulo.cantidad"></td>
80 <td ng-bind="articulo.cantidadDescargada || 0"></td>
81 </tbody>
82 </table>
83 <strong>Cisterna</strong>
84 <table class="table table-sm">
85 <thead>
86 <tr>
87 <th>Código</th>
88 <th>Articulo</th> 58 <th>Articulo</th>
89 <th>Total</th> 59 <th>Total</th>
90 <th>A descargar</th> 60 <th>Descargado</th>
91 </tr> 61 </tr>
92 </thead> 62 </thead>
93 <tbody> 63 <tbody>
94 <tr ng-repeat="(key, cisterna) in cisternas"> 64 <tr ng-repeat="(key, articulo) in remito.articulosRemito">
95 <td ng-bind="cisterna.codigo"></td> 65 <td class="pt-2">
96 <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td> 66 <input
97 <td ng-bind="cisterna.cisternaCarga.cantidad"></td> 67 type="radio"
98 <td><input 68 name="articuloRadio"
69 id="{{'articulo' + articulo.id}}"
70 ng-click="cambio(articulo)"
71 ng-disabled="articulo.descargado || readonly"
72 ng-checked="articuloSeleccionado.id === articulo.id"
73 ></td>
74 <td ng-bind="articulo.descripcion"></td>
75 <td ng-bind="articulo.cantidad"></td>
76 <td ng-bind="articulo.cantidadDescargada || 0"></td>
77 </tbody>
78 </table>
79 <strong>Cisterna</strong>
80 <table class="table table-sm mt-2">
81 <thead>
82 <tr>
83 <th>Código</th>
84 <th>Articulo</th>
85 <th>Total</th>
86 <th>A Descargar</th>
87 </tr>
88 </thead>
89 <tbody>
90 <tr ng-repeat="(key, cisterna) in cisternas">
91 <td class="align-middle" ng-bind="cisterna.codigo"></td>
92 <td class="align-middle" ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
93 <td class="align-middle" ng-bind="cisterna.cisternaCarga.cantidad"></td>
94 <td><input
95 class="form-control form-control-sm"
96 type="number"
97 ng-model="aDescargar[key]"
98 ng-change="actualizarArticulo()"
99 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
100 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
101 || readonly"/></td>
102 </tr>
103 </tbody>
104 </table>
105 <div class="col-12 px-0">
106 <label class="small">
107 <b>Observaciones</b>
108 </label>
109 </div>
110 <div class="col-12 px-0">
111 <textarea
112 ng-model="remito.observaciones"
113 ng-disabled="readonly"
99 class="form-control form-control-sm" 114 class="form-control form-control-sm"
100 type="number" 115 rows="1"
101 ng-model="aDescargar[key]" 116 ></textarea>
102 ng-change="actualizarArticulo()" 117 </div>
103 foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto" 118 <div class="row mt-2">
104 ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto 119 <div class="col-auto my-auto">
105 || readonly"/></td> 120 <span class="small"><b>Nº Recibo</b></span>
106 </tr> 121 </div>
107 </tbody> 122 <div class="col">
108 </table> 123 <input
109 <div class="col-12 px-0"> 124 class="form-control form-control-sm"
110 <label class="form-control-sm px-0"> 125 type="number"
111 <b>Observaciones</b> 126 ng-disabled="readonly"
112 </label> 127 ng-model="numeroRecibo"
113 </div> 128 ng-keypress="descargar($event.keyCode)"
114 <div class="col-12"> 129 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
115 <textarea 130 </div>
116 ng-model="remito.observaciones" 131 <div class="col-auto">
117 ng-disabled="readonly" 132 <button
118 class="form-control form-control-sm" 133 class="btn btn-success btn-sm btn-block"
119 rows="1" 134 ladda="cargando"