modal-resumen-cuenta.html 4.7 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title my-1">Resumen de cuenta</h5>
        </div>
        <div class="col-lg-6 text-right" ng-show="generado">
            <h6 class="modal-title my-1">Saldo hasta la fecha: {{results.saldo | number: 2}}</h6>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div class="input-group row"
        ng-hide="generado">
        <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
        <div class="col-md-4 col-8 input-group mb-2">
            <div class="input-group-prepend">
                <div class="input-group-text form-control-sm">
                    <i class="fa fa-calendar"></i>
                </div>
            </div>
            <input
                class="form-control form-control-sm"
                id="inlineFormInputGroup"
                ladda="searchLoading"
                type="text"
                ng-model="fechaDesde"
                ng-required="true"
                uib-datepicker-popup="dd/MM/yyyy"
                show-button-bar="false"
                is-open="datepickerOpen"
                on-open-focus="false"
                ng-focus="datepickerOpen = true"
            />
        </div>
    </div>
    <table class="table table-striped table-sm" ng-show="generado">
        <thead>
            <tr>
                <th>Comprobante</th>
                <th>Vencimiento</th>
                <th class="text-right">Importe</th>
                <th class="text-right"></th>
                <th class="text-right"></th>
                <th class="text-right"></th>
            </tr>
        </thead>
        <tbody>
            <tr class="selectable"
                ng-repeat="(key, factura) in currentPageFacturas">
                <td>{{factura.numeroFactura}} {{factura.FECHA_COMPROBANTE | date : 'dd/MM/yyyy' : 'GMT'}}</td>
                <td>{{(factura.TCO == 'FT') ? factura.NCU + ' - ' : ''}}{{factura.FEV | date : 'dd/MM/yyyy' : 'GMT'}}</td>
                <td class="text-right">
                    {{ factura.IPA_SHOW | number:2 }}
                    <span ng-class="{'invisible': factura.IPA >= 0}">-</span>
                </td>
                <td class="text-right">
                    {{ factura.saldo_show | number:2 }}
                    <span ng-class="{'invisible': factura.saldo >= 0}">-</span>
                </td>
                <td>
                    <button 
                        class="btn p-1"
                        ng-click="verFactura(factura)"
                        title="Ver comprobante"
                    >
                        <i class="fa fa-eye" aria-hidden="true"></i>
                    </button>
                </td>
                <td>
                    <button
                        class="btn p-1"
                        ng-click="enviarMail(factura)"
                        title="Enviar comprobante por mail"
                    >
                        <i class="fa fa-envelope-o" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="modal-footer py-1">
    <nav ng-show="currentPageFacturas.length" 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="generar()" ng-hide="generado">Generar</button>
    <button class="btn btn-sm btn-primary my-1" type="button" ng-click="enviarResumen()" ng-show="generado">Enviar</button>
    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
</div>