modal-lista-precio.html 4.91 KB
<div class="modal-header py-1">
        <div class="row w-100">
            <div class="col-lg-6">
                <h5 class="modal-title my-1">Búsqueda de listas de precio</h5>
            </div>
            <div class="input-group col-lg-6 pr-0 my-2">
                <input
                    ladda="searchLoading"
                    type="text"
                    class="form-control form-control-sm"
                    id="search"
                    placeholder="Busqueda"
                    ng-model="filters"
                    ng-change="search()"
                    ng-keydown="busquedaDown($event.keyCode)"
                    ng-keypress="busquedaPress($event.keyCode)"
                    foca-focus="selectedListaPrecio == -1"
                    ng-focus="selectedListaPrecio = -1"
                    teclado-virtual
                >
                <div class="input-group-append">
                    <button
                        ladda="searchLoading"
                        data-spinner-color="#FF0000"
                        class="btn btn-outline-secondary"
                        type="button"
                        ng-click="busquedaPress(13)"
                    >
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-body" id="modal-body">
    
        <div ng-show="!primerBusqueda">
            Debe realizar una primer búsqueda.
        </div>
        
        <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Descripcion</th>
                    <th>Moneda</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-show="currentPageListasPrecio.length == 0 && primerBusqueda">
                    <td colspan="3">
                        No se encontraron resultados.
                    </td>
                </tr>
                <tr class="selected"
                    ng-repeat="(key, listaPrecio) in currentPageListasPrecio"
                    ng-click="select(listaPrecio)"
                    >
                    <td ng-bind="listaPrecio.ID"></td>
                    <td ng-bind="listaPrecio.DES"></td>
                    <td ng-bind="listaPrecio.moneda.DETALLE"></td>
                    <td class="d-md-none text-primary">
                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
                    </td>
                    <td class="d-none d-md-table-cell">
                        <button
                            type="button"
                            class="btn btn-xs p-1 float-right"
                            ng-class="{
                                'btn-secondary': selectedListaPrecio != key,
                                'btn-primary': selectedListaPrecio == key
                            }"
                            foca-focus="selectedListaPrecio == {{key}}"
                            ng-keydown="itemListaPrecio($event.keyCode)">
                            <i class="fa fa-circle-thin" aria-hidden="true"></i>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="modal-footer py-1">
        <nav ng-show="currentPageListasPrecio.length > 0 && primerBusqueda" class="mr-auto">
                <ul class="pagination pagination-sm justify-content 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 my-1" type="button" ng-click="cancel()">Cancelar</button>
    </div>