modal-vendedores.html 3.32 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>
    <table class="table table-striped table-sm">
        <thead>
            <tr>
                <th class="d-none d-sm-table-cell">Código</th>
                <th class="d-sm-none">Cód.</th>
                <th>Nombre</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr 
                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 d-none d-md-table-cell" 
                        ng-class="{ 
                            'btn-secondary': selectedVendedor != key, 
                            'btn-primary': selectedVendedor == key
                        }"
                        
                        foca-focus="selectedVendedor == {{key}}" 
                        ng-keydown="itemVendedor($event.keyCode)"
                    >
                    </button>
                    <i 
                        class="fa fa-arrow-right d-md-none text-primary" 
                        aria-hidden="true"
                    ></i>
                </td>
            </tr>
        </tbody>
    </table>
    <nav>
        <ul class="pagination justify-content-end 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>
</div>
<div class="modal-footer">
    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>