Commit 84c688188ca6d0976b218008ad4a2e6f26404336
1 parent
b460273d56
Exists in
master
Paginacion
Showing
1 changed file
with
29 additions
and
12 deletions
Show diff stats
src/views/modal-vendedores.html
| ... | ... | @@ -3,14 +3,8 @@ |
| 3 | 3 | </div> |
| 4 | 4 | <div class="modal-body" id="modal-body"> |
| 5 | 5 | <div class="input-group mb-3"> |
| 6 | - <input | |
| 7 | - type="text" | |
| 8 | - class="form-control" | |
| 9 | - placeholder="Busqueda" | |
| 10 | - ng-model="filters" | |
| 11 | - ng-change="search()" | |
| 12 | - ng-keypress="enter($event.keyCode)" | |
| 13 | - > | |
| 6 | + <input type="text" class="form-control" placeholder="Busqueda" ng-model="filters" ng-change="search()" | |
| 7 | + ng-keypress="enter($event.keyCode)"> | |
| 14 | 8 | <table class="table table-striped table-sm"> |
| 15 | 9 | <thead> |
| 16 | 10 | <tr> |
| ... | ... | @@ -28,15 +22,38 @@ |
| 28 | 22 | <td ng-bind="vendedor.CodVen"></td> |
| 29 | 23 | <td ng-bind="vendedor.NomVen"></td> |
| 30 | 24 | <td> |
| 31 | - <button type="button" class="btn btn-secondary p-5 float-right mr-1" ng-click="select(producto)"> | |
| 32 | - <i class="fa fa-check" aria-hidden="true"></i> | |
| 25 | + <button type="button" class="btn p-2 float-right" ng-class="{ | |
| 26 | + 'btn-secondary': selectVendedores != key, | |
| 27 | + 'btn-primary': selectVendedores == key | |
| 28 | + }" | |
| 29 | + ng-click="select(vendedor)" foca-focus="selectVendedores == {{key}}" ng-keydown="itemProducto($event.keyCode)"> | |
| 30 | + <i class="fa fa-arrow-right" aria-hidden="true"></i> | |
| 33 | 31 | </button> |
| 34 | 32 | </td> |
| 35 | 33 | </tr> |
| 36 | 34 | </tbody> |
| 37 | 35 | </table> |
| 36 | + <nav> | |
| 37 | + <ul class="pagination justify-content-end"> | |
| 38 | + <li class="page-item" ng-class="{'disabled': currentPage == 1}"> | |
| 39 | + <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)"> | |
| 40 | + <span aria-hidden="true">«</span> | |
| 41 | + <span class="sr-only">Anterior</span> | |
| 42 | + </a> | |
| 43 | + </li> | |
| 44 | + <li class="page-item" ng-repeat="pagina in paginas" ng-class="{'active': pagina == currentPage}"> | |
| 45 | + <a class="page-link" href="#" ng-click="selectPage(pagina)" ng-bind="pagina"></a> | |
| 46 | + </li> | |
| 47 | + <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> | |
| 48 | + <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)"> | |
| 49 | + <span aria-hidden="true">»</span> | |
| 50 | + <span class="sr-only">Siguiente</span> | |
| 51 | + </a> | |
| 52 | + </li> | |
| 53 | + </ul> | |
| 54 | + </nav> | |
| 38 | 55 | </div> |
| 39 | 56 | </div> |
| 40 | 57 | <div class="modal-footer"> |
| 41 | - <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button> | |
| 42 | -</div> | |
| 58 | + <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button> | |
| 59 | +</div> | |
| 43 | 60 | \ No newline at end of file |