lista-hoja-ruta.html 4.99 KB
<div>
    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
        <div class="row p-1 panel-informativo">
            <div class="col-12">
                <div class="row">
                    <div class="col-12 col-sm-4 nota-pedido">
                        <h5>Hojas de ruta</h5>
                    </div>
                    <div class="col-5 col-sm-4 numero-pedido"
                        >Nº {{puntoVenta}}-{{comprobante}}
                    </div>
                    <div class="col-7 col-sm-4 text-right">
                        Fecha:
                        <span
                            ng-show="!datepickerAbierto"
                            ng-bind="now | date:'dd/MM/yyyy HH:mm'"
                            ng-click="datepickerAbierto = true"
                        >
                        </span>
                        <input
                            ng-show="datepickerAbierto"
                            type="date"
                            ng-model="now"
                            ng-change="datepickerAbierto = false"
                            ng-blur="datepickerAbierto = false"
                            class="form-control form-control-sm col-8 float-right"
                            foca-focus="datepickerAbierto"
                            hasta-hoy
                        />
                    </div>
                </div>
                <div class="row">
                    <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                        <span class="label" ng-bind="cab.label"></span>
                        <span class="valor" ng-bind="cab.valor"></span>
                    </div>
                    <a 
                        class="btn col-12 btn-secondary d-sm-none" 
                        ng-show="cabecera.length > 0"
                        ng-click="showCabecera = !showCabecera"
                    >
                        <i
                            class="fa fa-chevron-down"
                            ng-hide="showCabecera"
                            aria-hidden="true"
                        >
                        </i>
                        <i
                            class="fa fa-chevron-up"
                            ng-show="showCabecera"
                            aria-hidden="true">
                        </i>
                    </a>
                </div>
            </div>
        </div>
        <div class="row p-1 botonera-secundaria">
            <div class="col-12">
                <div class="row">
                    <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
                        <button
                            type="button"
                            class="btn btn-default btn-block btn-xs text-left py-2"
                            ng-click="boton.accion()"
                            ng-class="{'d-none d-sm-block': boton.texto == ''}"
                        >
                            <i
                                class="fa fa-arrow-circle-right"
                                ng-show="boton.texto != ''"
                            ></i>
                            &nbsp;
                            {{boton.texto}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
        <div class="row grilla-articulo d-none d-sm-flex">
            <table class="table tabla-articulo table-striped table-sm table-dark">
                <thead>
                    <tr class="d-flex">
                        <th>#</th>
                        <th>Fecha creacion</th>
                        <th>sucursal</th>
                        <th>idTransportista</th>
                        <th>idChofer</th>
                        <th>idVehiculo</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody class="tabla-articulo-body">
                    <tr
                        ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex"
                    >
                        <td ng-bind="key + 1"></td>
                        <td ng-bind="hojaRuta.sucursal"></td>
                        <td ng-bind="hojaRuta.fechaCreacion"></td>
                        <td ng-bind="hojaRuta.sucursal"></td>
                        <td ng-bind="hojaRuta.transportista[0].nombre"></td>
                        <td ng-bind="hojaRuta.chofer[0].nombre"></td>
                        <td ng-bind="hojaRuta.vehiculo[0].tractor"></td>
                        <td>
                            <button
                                class="btn btn-secondary"
                                type="button"
                                ng-click="verDetalle(hojaRuta)"
                            ><i class="fa fa-search" aria-hidden="true"></i>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>