foca-modal-factura.html 4.32 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title">Búsqueda de Facturas</h5>
        </div>
        <div class="input-group col-lg-6 pr-0 my-2">
            <input
                ladda="searchLoading"
                type="text"
                class="form-control form-control-sm"
                placeholder="Búsqueda"
                ng-model="filters"
                ng-change="search()"
                ng-keydown="busquedaDown($event.keyCode)"
                ng-keypress="busquedaPress($event.keyCode)"
                foca-focus="selectedFactura == -1"
                ng-focus="selectedFactura = -1"
                teclado-virtual
            />
            <div class="input-group-append">
                <button
                    ladda="searchLoading"
                    class="btn btn-outline-secondary"
                    type="button"
                    ng-click="busquedaPress(13)"
                >
                    <i class="fa fa-search" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div ng-show="!primerBusqueda">
        Debe realizar una primer búsqueda.
    </div>
    
    <table ng-show="primerBusqueda" class="table table-striped table-sm">
        <thead>
            <tr>
                <th>Cliente</th>
                <th>Fecha</th>
                <th>Nro</th>
                <th>Importe</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-show="currentPageFacturas.length == 0 && primerBusqueda">
                <td colspan="5">
                    No se encontraron resultados.
                </td>
            </tr>
            <tr class="selectable"
                ng-repeat="(key,factura) in currentPageFacturas">
                <td ng-bind="factura.cliente.NOM"></td>
                <td ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
                <td ng-bind=
                    "(factura.TCO + '-' + factura.TIP + '-' + factura.SUC + '-' + factura.NCO)">
                </td>
                <td
                    class="text-right"
                    ng-bind="(factura.IPA / parametrosFactura.cotizacion) |
                        currency: parametrosFactura.simbolo"></td>
                <td><input
                        ng-class="{
                        'btn-secondary': selectedFactura != key,
                        'btn-primary': selectedFactura == key}"
                        ng-keydown="itemFactura($event.keyCode)"
                        foca-focus="selectedFactura == {{key}}"
                        type="checkbox"
                        ng-model="factura.checked"/>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="modal-footer py-1">
    <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda" class="mr-auto">
        <ul class="pagination pagination-sm justify-content mb-0">
            <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
                    <span aria-hidden="true">&laquo;</span>
                    <span class="sr-only">Anterior</span>
                </a>
            </li>
            <li
                class="page-item"
                ng-repeat="pagina in paginas"
                ng-class="{'active': pagina == currentPage}"
            >
                <a
                    class="page-link"
                    href="javascript:void();"
                    ng-click="selectPage(pagina)"
                    ng-bind="pagina"
                ></a>
            </li>
            <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
                <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
                    <span aria-hidden="true">&raquo;</span>
                    <span class="sr-only">Siguiente</span>
                </a>
            </li>
        </ul>
    </nav>
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
    <button
        class="btn btn-sm btn-primary"
        type="button"
        ng-click="aceptar()"
        ng-disabled="tieneAlMenosUno()"
    >Aceptar</button>
</div>