foca-modal-remito.html 7.07 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title my-1">Búsqueda de Remito</h5>
        </div>
        <div class="input-group col-lg-6 pr-0 my-2">
            <div class="mr-4">
                <input ladda="searchLoading" type="text" class="form-control form-control-sm" placeholder="CLIENTE"
                    ng-model="filtersCliente" ng-change="searchCliente()" ng-keydown="busquedaDown($event.keyCode)"
                    ng-keypress="busquedaPress($event.keyCode)" foca-focus="selectedRemito == -1"
                    ng-focus="selectedRemito = -1" id="search" teclado-virtual>
                <button ng-show="filtersCliente.length >= 1" type="button" class="clear-input"
                    ng-click="filtersCliente = ''">
                    <i class="fa fa-times"></i>
                </button>
            </div>
            <input ladda="searchLoading" type="text" class="form-control form-control-sm" placeholder="REMITO"
                ng-model="filtersRemito" ng-change="searchRemito()" ng-keydown="busquedaDown($event.keyCode)"
                ng-keypress="busquedaPress($event.keyCode)" foca-focus="selectedRemito == -1"
                ng-focus="selectedRemito = -1" id="search" teclado-virtual>
            <button ng-show="filtersRemito.length >= 1" type="button" class="clear-input" ng-click="filtersRemito = ''">
                <i class="fa fa-times"></i>
            </button>
            <div class="input-group-append">
                <button ladda="searchLoading" data-spinner-color="#FF0000" 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 class="input-group row">
        <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
        <div class="col-md-4 col-8 input-group mb-3">
            <div class="input-group-prepend">
                <button class="input-group-text" type="button" ng-click="datepickerOpen = true">
                    <i class="fa fa-calendar"></i>
                </button>
            </div>
            <input class="form-control form-control-sm" id="inlineFormInputGroup" ladda="searchLoading" type="text"
                ng-model="fechaDesde" ng-required="true" uib-datepicker-popup="dd/MM/yyyy" show-button-bar="false"
                is-open="datepickerOpen" on-open-focus="false" ng-focus="datepickerOpen = true" />
        </div>
        <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
        <div class="col-md-4 col-8 input-group mb-3">
            <div class="input-group-prepend">
                <button class="input-group-text" type="button" ng-click="datepicker2Open = true">
                    <i class="fa fa-calendar"></i>
                </button>
            </div>
            <input class="form-control form-control-sm" id="inlineFormInputGroup" ladda="searchLoading" type="text"
                ng-model="fechaHasta" ng-required="true" uib-datepicker-popup="dd/MM/yyyy" show-button-bar="false"
                is-open="datepicker2Open" on-open-focus="false" ng-focus="datepicker2Open = true" />
        </div>
    </div>
    <table ng-show="primerBusqueda" class="table table-hover table-sm">
        <thead>
            <tr>
                <th>Fecha</th>
                <th>Cliente</th>
                <th>Comprobante</th>
                <th>Importe</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-show="currentPageRemitos.length == 0 && primerBusqueda">
                <td colspan="5">
                    No se encontraron resultados.
                </td>
            </tr>
            <tr class="selectable" ng-repeat-start="(key, remito) in currentPageRemitos">
                <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td>
                <td ng-bind="remito.nombreCliente"></td>
                <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
                <td ng-bind="remito.total | number: 2"></td>
                <td>
                    <button type="button" class="btn btn-secondary btn-xs p-1"
                        ng-click="isCollapsed = !isCollapsed ; verProductos = remito.articulosRemito"><i
                            class="fa fa-eye"></i>
                    </button>
                </td>
                <td>
                    <button ng-click="select(remito);" type="button" class="btn btn-xs p-1 float-right" ng-class="{
                            'btn-secondary': selectedRemito != key,
                            'btn-primary': selectedRemito == key
                        }" foca-focus="selectedRemito == {{key}}" ng-keydown="itemRemito($event.keyCode)">
                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
            <tr ng-repeat-end uib-collapse="!isCollapsed">
                <td colspan="6">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>Código</th>
                                <th>Descripción</th>
                                <th>Cantidad</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="(key, articulo) in verProductos">
                                <td>{{articulo.codigo}}</td>
                                <td>{{articulo.descripcion}}</td>
                                <td>{{articulo.cantidad}}</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="modal-footer py-1">
    <nav ng-show="currentPageRemitos.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>
</div>