modal-vendedores.html
2.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<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-keypress="enter($event.keyCode)">
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>
                        Código
                    </th>
                    <th>
                        Nombre
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="vendedor in filteredVendedores">
                    <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': selectVendedores != key, 
                                'btn-primary': selectVendedores == key
                            }"
                            ng-click="select(vendedor)" foca-focus="selectVendedores == {{key}}" ng-keydown="itemProducto($event.keyCode)">
                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
        <nav>
            <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">«</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">»</span>
                        <span class="sr-only">Siguiente</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>