modal-combustibles.html 3.62 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title my-1"><b>Despachos Disponibles</b></h5>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">

    <div class="row pb-2 border-bottom">
        <div class="col">
            <p ng-style="colorTexto" class="m-1 h6">
                <b>
                    <i class="fa fa-circle" aria-hidden="true"></i>&nbsp;&nbsp;{{nombreProducto}}
                </b>
            </p>
        </div>
    </div>
    <div ng-repeat="(key, manguera) in mangueras">
        <div class="row my-2">
            <div class="col">
                <label>
                    <img class="w-50" ng-src="./img/surtidor.png" alt="">
                    {{manguera.csu}}
                </label>
                <button
                    type="button"
                    class="btn p-1 text-secondary float-right border"
                    ng-click="manguera.show = !manguera.show">
                    <i ng-show="manguera.show" class="fa fa-minus px-1"></i>
                    <i ng-show="!manguera.show" class="fa fa-plus px-1"></i>
                </button>
                <table class="table table-sm table-striped" ng-show="manguera.show">
                    <tbody>
                        <tr ng-repeat="(key, despacho) in manguera.despachos">
                            <td class="py-2 py-sm-1" ng-bind="despacho.FEC | date:'dd/MM/yyyy hh:MM:ss'"></td>
                            <td class="py-2 py-sm-1" ng-bind="despacho.LTS"></td>
                            <td class="py-2 py-sm-1" ng-bind="despacho.IMP | currency: '$'"></td>
                            <td class="py-2 py-sm-1">
                                <button
                                    type="button"
                                    class="btn btn-default btn-xs p-1 float-right"
                                    title="Seleccionar"
                                    ng-click="aceptar(despacho)"
                                    ><i class="fa fa-circle-thin" aria-hidden="true"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
</div>
<div class="modal-footer py-2">
    <nav ng-show="currentPageProveedores.length > 0 && primerBusqueda" 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>