modal-vendedores.html 3.49 KB
<div class="modal-header">
    <h3 class="modal-title">Búsqueda de vendedores</h3>
</div>
<div class="modal-body" id="modal-body">
    <div class="input-group mb-3">
        <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="selectedVendedor == -1"
            ng-focus="selectedVendedor = -1"
        >
        <div class="input-group-append">
            <button class="btn btn-outline-secondary" type="button" ng-click="busquedaPress(13)">
                <i class="fa fa-search" aria-hidden="true"></i>
            </button>
        </div>
        <table ng-show="conResultados" class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr class="selected"
                    ng-repeat="(key, vendedor) in currentPageVendedores"
                    ng-click="select(vendedor)">
                    <td ng-bind="vendedor.CodVen"></td>
                    <td ng-bind="vendedor.NomVen"></td>
                    <td>
                        <button
                            type="button" 
                            class="btn  p-2 float-right" 
                            ng-class="{
                                'btn-secondary': selectedVendedor != key, 
                                'btn-primary': selectedVendedor == key
                            }"
                            foca-focus="selectedVendedor == {{key}}" 
                            ng-keydown="itemVendedor($event.keyCode)">
                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
        <nav ng-show="conResultados">
            <ul class="pagination justify-content-end">
                <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 ng-show="sinResultados">
        <i class="fa fa-minus"></i> No se encontraron resultados.
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>