lista-hoja-ruta.html 4.51 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º <span ng-bind="[puntoVenta, comprobante] | comprobante"></span>
                    </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>
                </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">
            <table class="table table-responsive table-striped table-sm table-dark">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Número</th>
                        <th>Razon Social</th>
                        <th>Domicilio</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
                <tbody class="tabla-articulo-body">
                    <tr
                        ng-repeat="(key, remito) in hojasRuta.remitos"
                    >
                        <td ng-bind="key + 1"></td>
                        <td 
                            ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"
                        ></td>
                        <td ng-bind="remito.nombreCliente"></td>
                        <td ng-bind="remito.domicilioStamp"></td>
                        <td>
                            <button
                                class="btn btn-secondary"
                                type="button"
                                ng-click="verDetalle(remito)"
                            ><i class="fa fa-search" aria-hidden="true"></i>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
            
        </div>
    </div>
    <div class="row d-md-none fixed-bottom">
        <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
            <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
            <span
                class="mr-3 ml-auto"
                ng-click="terminarHojaRuta()"
                ladda="saveLoading"
                data-style="expand-left"
            >Terminar</span>
        </div>
    </div>
</div>