Commit 5b10a9a1686d3ac7fa3053b0c2f04315033b43ed

Authored by Pablo Marco del Pont
1 parent 89cd22a02a
Exists in master

Saqué el botón de colapsar y la clase que oculta la tabla en mobile.

Showing 1 changed file with 1 additions and 18 deletions   Show diff stats
src/views/lista-hoja-ruta.html
1 <div> 1 <div>
2 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> 2 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
3 <div class="row p-1 panel-informativo"> 3 <div class="row p-1 panel-informativo">
4 <div class="col-12"> 4 <div class="col-12">
5 <div class="row"> 5 <div class="row">
6 <div class="col-12 col-sm-4 nota-pedido"> 6 <div class="col-12 col-sm-4 nota-pedido">
7 <h5>Hojas de ruta</h5> 7 <h5>Hojas de ruta</h5>
8 </div> 8 </div>
9 <div class="col-5 col-sm-4 numero-pedido" 9 <div class="col-5 col-sm-4 numero-pedido"
10 >Nº {{puntoVenta}}-{{comprobante}} 10 >Nº {{puntoVenta}}-{{comprobante}}
11 </div> 11 </div>
12 <div class="col-7 col-sm-4 text-right"> 12 <div class="col-7 col-sm-4 text-right">
13 Fecha: 13 Fecha:
14 <span 14 <span
15 ng-show="!datepickerAbierto" 15 ng-show="!datepickerAbierto"
16 ng-bind="now | date:'dd/MM/yyyy HH:mm'" 16 ng-bind="now | date:'dd/MM/yyyy HH:mm'"
17 ng-click="datepickerAbierto = true" 17 ng-click="datepickerAbierto = true"
18 > 18 >
19 </span> 19 </span>
20 <input 20 <input
21 ng-show="datepickerAbierto" 21 ng-show="datepickerAbierto"
22 type="date" 22 type="date"
23 ng-model="now" 23 ng-model="now"
24 ng-change="datepickerAbierto = false" 24 ng-change="datepickerAbierto = false"
25 ng-blur="datepickerAbierto = false" 25 ng-blur="datepickerAbierto = false"
26 class="form-control form-control-sm col-8 float-right" 26 class="form-control form-control-sm col-8 float-right"
27 foca-focus="datepickerAbierto" 27 foca-focus="datepickerAbierto"
28 hasta-hoy 28 hasta-hoy
29 /> 29 />
30 </div> 30 </div>
31 </div> 31 </div>
32 <div class="row"> 32 <div class="row">
33 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> 33 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
34 <span class="label" ng-bind="cab.label"></span> 34 <span class="label" ng-bind="cab.label"></span>
35 <span class="valor" ng-bind="cab.valor"></span> 35 <span class="valor" ng-bind="cab.valor"></span>
36 </div> 36 </div>
37 <a
38 class="btn col-12 btn-secondary d-sm-none"
39 ng-show="cabecera.length > 0"
40 ng-click="showCabecera = !showCabecera"
41 >
42 <i
43 class="fa fa-chevron-down"
44 ng-hide="showCabecera"
45 aria-hidden="true"
46 >
47 </i>
48 <i
49 class="fa fa-chevron-up"
50 ng-show="showCabecera"
51 aria-hidden="true">
52 </i>
53 </a>
54 </div> 37 </div>
55 </div> 38 </div>
56 </div> 39 </div>
57 <div class="row p-1 botonera-secundaria"> 40 <div class="row p-1 botonera-secundaria">
58 <div class="col-12"> 41 <div class="col-12">
59 <div class="row"> 42 <div class="row">
60 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> 43 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
61 <button 44 <button
62 type="button" 45 type="button"
63 class="btn btn-default btn-block btn-xs text-left py-2" 46 class="btn btn-default btn-block btn-xs text-left py-2"
64 ng-click="boton.accion()" 47 ng-click="boton.accion()"
65 ng-class="{'d-none d-sm-block': boton.texto == ''}" 48 ng-class="{'d-none d-sm-block': boton.texto == ''}"
66 > 49 >
67 <i 50 <i
68 class="fa fa-arrow-circle-right" 51 class="fa fa-arrow-circle-right"
69 ng-show="boton.texto != ''" 52 ng-show="boton.texto != ''"
70 ></i> 53 ></i>
71 &nbsp; 54 &nbsp;
72 {{boton.texto}} 55 {{boton.texto}}
73 </button> 56 </button>
74 </div> 57 </div>
75 </div> 58 </div>
76 </div> 59 </div>
77 </div> 60 </div>
78 </div> 61 </div>
79 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> 62 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
80 <div class="row grilla-articulo d-none d-sm-flex"> 63 <div class="row grilla-articulo d-sm-flex">
81 <table class="table tabla-articulo table-striped table-sm table-dark"> 64 <table class="table tabla-articulo table-striped table-sm table-dark">
82 <thead> 65 <thead>
83 <tr class="d-flex"> 66 <tr class="d-flex">
84 <th>#</th> 67 <th>#</th>
85 <th>Fecha creacion</th> 68 <th>Fecha creacion</th>
86 <th>sucursal</th> 69 <th>sucursal</th>
87 <th>idTransportista</th> 70 <th>idTransportista</th>
88 <th>idChofer</th> 71 <th>idChofer</th>
89 <th>idVehiculo</th> 72 <th>idVehiculo</th>
90 <th></th> 73 <th></th>
91 </tr> 74 </tr>
92 </thead> 75 </thead>
93 <tbody class="tabla-articulo-body"> 76 <tbody class="tabla-articulo-body">
94 <tr 77 <tr
95 ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex" 78 ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex"
96 > 79 >
97 <td ng-bind="key + 1"></td> 80 <td ng-bind="key + 1"></td>
98 <td ng-bind="hojaRuta.sucursal"></td> 81 <td ng-bind="hojaRuta.sucursal"></td>
99 <td ng-bind="hojaRuta.fechaCreacion"></td> 82 <td ng-bind="hojaRuta.fechaCreacion"></td>
100 <td ng-bind="hojaRuta.sucursal"></td> 83 <td ng-bind="hojaRuta.sucursal"></td>
101 <td ng-bind="hojaRuta.transportista[0].nombre"></td> 84 <td ng-bind="hojaRuta.transportista[0].nombre"></td>
102 <td ng-bind="hojaRuta.chofer[0].nombre"></td> 85 <td ng-bind="hojaRuta.chofer[0].nombre"></td>
103 <td ng-bind="hojaRuta.vehiculo[0].tractor"></td> 86 <td ng-bind="hojaRuta.vehiculo[0].tractor"></td>
104 <td> 87 <td>
105 <button 88 <button
106 class="btn btn-secondary" 89 class="btn btn-secondary"
107 type="button" 90 type="button"
108 ng-click="verDetalle(hojaRuta)" 91 ng-click="verDetalle(hojaRuta)"
109 ><i class="fa fa-search" aria-hidden="true"></i> 92 ><i class="fa fa-search" aria-hidden="true"></i>
110 </button> 93 </button>
111 </td> 94 </td>
112 </tr> 95 </tr>
113 </tbody> 96 </tbody>
114 </table> 97 </table>
115 </div> 98 </div>
116 </div> 99 </div>
117 </div> 100 </div>
118 101