modal-cheque.html 8.18 KB
<div class="modal-header">
    <h3 class="modal-title">Cobro con cheques</h3>
</div>
<div class="modal-body" id="modal-body">
    <form name="formCheque">
        <div class="row">
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Banco:</label>
            </div>
            <div class="col-12 col-md-10 input-group">
                <input
                    type="text"
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Nombre del banco o código"
                    ng-model="cheque.banco.desbco"
                    ng-required="true"
                    ng-keypress="seleccionarBanco($event.keyCode)"
                    foca-focus="focused == 1"
                    ng-focus="focused = 1"
                    />
                    <div class="input-group-append">
                        <button
                            ladda="searchLoading"
                            class="btn btn-outline-secondary form-control-sm"
                            type="button"
                            ng-click="seleccionarBanco(13)"
                        >
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </button>
                    </div>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Provincia:</label>
            </div>
            <div class="col-12 col-md-5 input-group">
                <input
                    type="text"
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Nombre o Código de Provincia "
                    ng-model="cheque.provincia.NOMBRE"
                    ng-required="true"
                    ng-keypress="seleccionarProvincia($event.keyCode)"
                    foca-focus="focused == 2"
                    ng-focus="focused = 2"/>
                    <div class="input-group-append">
                        <button
                            ladda="searchLoading"
                            class="btn btn-outline-secondary form-control-sm"
                            type="button"
                            ng-click="seleccionarProvincia(13)"
                        >
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </button>
                    </div>
            </div>
            <div class="col-12 col-md-1">
                <label class="form-control-sm">Lugar:</label>
            </div>
            <div class="col-12 col-md-4 input-group">
                <input
                    type="text"
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Nombre o código del lugar"
                    ng-model="cheque.localidad.NOMBRE"
                    ng-required="true"
                    ng-keypress="seleccionarLocalidad($event.keyCode)"
                    foca-focus="focused == 3"
                    ng-focus="focused = 3"/>
                    <div class="input-group-append">
                        <button
                            ladda="searchLoading"
                            class="btn btn-outline-secondary form-control-sm"
                            type="button"
                            ng-click="seleccionarLocalidad(13)"
                        >
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </button>
                    </div>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Librador:</label>
            </div>
            <div class="col-12 col-md-10">
                <input
                    type="text"
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Librador"
                    ng-model="cheque.librador"
                    ng-required="true"
                    ng-keypress="next($event.keyCode)"
                    foca-focus="focused == 4"
                    ng-focus="focused = 4"/>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Cheque:</label>
            </div>
            <div class="col-6 col-md-3">
                <input
                    foca-tipo-input
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Número"
                    limite-numeros-max="30"
                    ng-model="cheque.numero"
                    ng-required="true"
                    ng-keypress="next($event.keyCode)"
                    foca-focus="focused == 5"
                    ng-focus="focused = 5"/>
            </div>
            <div class="col-6 col-md-7 input-group mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text form-control form-control-sm">$</div>
                </div>
                <input
                    foca-tipo-input
                    teclado-virtual
                    class="form-control form-control-sm"
                    placeholder="Importe"
                    ng-model="cheque.importe"
                    ng-keypress="next($event.keyCode)"
                    ng-required="true"
                    foca-focus="focused == 6"
                    ng-focus="focused = 6"/>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Emisión:</label>
            </div>
            <div class="col-12 col-md-4 input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text form-control form-control-sm">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="Fecha"
                    ng-model="cheque.fechaEmision"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepickerOpen"
                    on-open-focus="false"
                    ng-focus="datepickerOpen = true; focused = 7"
                    ng-required="true"
                    foca-focus="focused == 7"
                    ng-blur="focused = 8"/>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Presentación:</label>
            </div>
            <div class="col-12 col-md-4 input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text form-control form-control-sm">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="Fecha"
                    ng-model="cheque.fechaPresentacion"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepicker2Open"
                    on-open-focus="false"
                    ng-focus="datepicker2Open = true; focused = 8"
                    ng-required="true"
                    foca-focus="focused == 8"
                    ng-blur="focused = 9"/>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm">Observaciones:</label>
            </div>
            <div class="col-12 col-md-10">
                <textarea teclado-virtual
                    ng-model="cheque.observaciones" 
                    class="form-control form-control-sm foca-input"
                    foca-focus="focused == 9"
                    ng-focus="focused = 9"></textarea>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button
        class="btn btn-primary"
        type="button"
        ng-click="aceptar()"
        ng-disabled="!formCheque.$valid"
    >Aceptar</button>
    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>