foca-modal-marcadores.html 2.63 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-4 col-7">
            <h5 class="modal-title my-1">Lista de Marcadores</h5>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <table class="table table-striped table-sm">
        <thead>
            <tr>
                <th>Orden</th>
                <th>Número</th>
                <th>Cliente</th>
                <th>Km desde la base</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr
                ng-repeat="(key, marcador) in currentPageMarcadores"
            >
                <td ng-bind="marcador.orden"></td>
                <td ng-bind="marcador.numero"></td>
                <td ng-bind="marcador.cliente"></td>
                <td ng-bind="marcador.distancia"></td>
                <td>
                    <button
                        type="button"
                        class="btn btn-xs p-1 float-right btn-primary"
                        ng-click="select(marcador, (currentPageMarcadores.length - key - 1))"
                    >
                        <i class="fa fa-map-marker px-1" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="modal-footer py-1">
    <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto">
        <ul class="pagination pagination-sm 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>
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>