modal-proveedor.html 3.35 KB
<div class="modal-header py-1">
    <h5 class="modal-title">Búsqueda de Proveedor</h5>
</div>
<div class="modal-body" id="modal-body">
    <div class="input-group">
        <input 
            type="text" 
            class="form-control" 
            placeholder="Busqueda" 
            ng-model="filters" 
            ng-change="search()" 
            ng-keydown="busquedaDown($event.keyCode)"
            ng-keypress="busquedaPress($event.keyCode)"
            foca-focus="selectedProveedores == -1"
            ng-focus="selectedProveedores = -1"
        >
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th>CUIT</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr
                    class="selectable"
                    ng-repeat="(key, proveedor) in currentPageProveedores"
                    ng-click="select(proveedor)">
                    <td ng-bind="proveedor.COD"></td>
                    <td ng-bind="proveedor.NOM"></td>
                    <td ng-bind="proveedor.CUIT"></td>
                    <td>
                        <button 
                            type="button" 
                            class="btn btn-xs p-1 float-right"
                            ng-class="{ 
                                'btn-secondary': selectedProveedores != key, 
                                'btn-primary': selectedProveedores == key
                            }" 
                            ng-click="select(proveedor)"
                            foca-focus="selectedProveedores == {{key}}"
                            ng-keydown="itemProveedor($event.keyCode)"
                        >
                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
        <nav>
            <ul class="pagination pagination-sm justify-content-end mb-0">
                <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                    <a class="page-link" href="#" 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="#" 
                        ng-click="selectPage(pagina)"
                        ng-bind="pagina"
                    ></a>
                </li>
                <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
                    <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
                        <span aria-hidden="true">&raquo;</span>
                        <span class="sr-only">Siguiente</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
<div class="modal-footer py-1">
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>