hoja-ruta.html 4.82 KB
<div class="crear-hoja-ruta foca-crear row">
    <foca-cabecera-facturador 
    titulo="'Hoja de ruta'"
    numero="puntoVenta + '-' + comprobante"
    fecha="now"
    class="mb-0 col-lg-12"
    ></foca-cabecera-facturador>
    <div class="col-lg-12">
        <div class="row mt-4">
            <div class="col-12 col-md-10 border border-light rounded">
                <div class="row px-5 py-2 botonera-secundaria">
                    <div class="col-12">
                        <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador>
                    </div>
                </div>
                <!-- PC -->
                <div class="row grilla-articulo align-items-end d-none d-sm-flex">
                    <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
                        <thead>
                            <tr class="d-flex">
                                <th class="col-auto">#</th>
                                <th class="col-2">Remito</th>
                                <th class="col">Cliente</th>
                                <th class="col">Dirección</th>
                                <th class="col-auto"></th>
                                <th class="col-auto">
                                    <button
                                        class="btn btn-outline-light selectable"
                                        ng-click="show = !show; masMenos()"
                                    >
                                        <i
                                            class="fa fa-chevron-down"
                                            ng-show="show"
                                            aria-hidden="true"
                                        >
                                        </i>
                                        <i
                                            class="fa fa-chevron-up"
                                            ng-hide="show"
                                            aria-hidden="true">
                                        </i>
                                    </button>
                                </th>
                            </tr>
                        </thead>
                        <tbody class="tabla-articulo-body">
                            <tr
                                ng-repeat="(key, remito) in hojaRuta.remitosTabla"
                                class="d-flex"
                                ng-show="show || key == hojaRuta.remitosTabla.length - 1"
                            >
                                <td ng-bind="key + 1" class="col-auto"></td>
                                <td
                                    class="col-2" 
                                >{{remito.sucursal | rellenarDigitos: 4}}-{{remito.numeroRemito | rellenarDigitos: 8}}</td>
                                <th class="col" ng-bind="remito.nombreCliente"></th>
                                <th class="col" ng-bind="remito.domicilioStamp"></th>
                                <td class="text-center col-auto">
                                    <button
                                        class="btn btn-outline-light"
                                        ng-click="verProductosRemito(remito.id)"
                                        title="Ver productos"
                                    >
                                        <i class="fa fa-eye"></i>
                                    </button>
                                </td>
                                <td class="text-center col-auto">
                                    <button
                                        class="btn btn-outline-light"
                                        ng-click="desasociarRemito(key, remito.id)"
                                        title="Eliminar"
                                    >
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr class="d-flex">
                                <td class="col-auto px-1">
                                    <strong>Remitos:</strong>
                                    <a ng-bind="hojaRuta.remitosTabla.length"></a>
                                </td>
                                <td class="col"></td>
                                <td class="col-auto px-1">
                                    <strong>Cantidad:</strong>
                                    <a ng-bind="hojaRuta.litros"></a>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>