modal-moneda.html 3.75 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title my-1">Busqueda de Moneda</h5>
        </div>
        <div class="input-group col-lg-6 pr-0 my-2">
            <input
                type="text"
                class="form-control form-control-sm"
                placeholder="Busqueda"
                ng-model="filters"
                ng-change="search()"
                ng-keydown="busquedaDown($event.keyCode)"
                ng-keypress="busquedaPress($event.keyCode)"
                foca-focus="selectedMoneda == -1"
                ng-focus="selectedMoneda = -1"
            >
            <div class="input-group-append">
                <button
                    ladda="searchLoading"
                    class="btn btn-outline-secondary"
                    type="button">
                    <i class="fa fa-search" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </div>
    
</div>
<div class="modal-body" id="modal-body">
    <div>
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Simbolo</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr
                    class="selectable"
                    ng-repeat="(key,moneda) in currentPageMoneda"
                    ng-click="select(moneda)"
                >
                    <td ng-bind="moneda.DETALLE"></td>
                    <td ng-bind="moneda.SIMBOLO"></td>
                    <td>
                        <button
                            type="button"
                            class="btn btn-xs p-1 float-right"
                            ng-class="{
                                'btn-secondary': selectedMoneda != key,
                                'btn-primary': selectedMoneda == key
                            }"
                            foca-focus="selectedMoneda == {{key}}"
                            ng-keydown="itemProducto($event.keyCode)"
                        >
                            <i class="fa fa-circle-thin" aria-hidden="true"></i>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
        
    </div>
</div>
<div class="modal-footer py-1">
        <nav class="mr-auto">
            <ul class="pagination pagination-sm 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>
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>