modal-detalles.html 2.63 KB
<div class="modal-header">
    <h3 class="modal-title">Ingrese detalles</h3>
</div>
<div class="modal-body" id="modal-body">
    <form name="formObservaciones">
        <div class="row">
            <div class="col-12 col-md-2 mb-3">
                <label class="form-control-sm p-0">Observaciones:</label>
            </div>
            <div class="col-12 col-md-10 mb-3">
                <textarea
                    teclado-virtual
                    rows="5"
                    ng-model="observaciones" 
                    class="form-control form-control-sm"
                    foca-focus="focused == 9"
                    ng-focus="focused = 9"
                    ng-required="true"></textarea>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-control-sm p-0">Monto cubierto:</label>
            </div>
            <div class="col-6 col-md-5 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="importe"
                    ng-keypress="next($event.keyCode)"
                    ng-required="true"
                    foca-focus="focused == 6"
                    ng-focus="focused = 6"/>
            </div>
            <div class="col-md-5">
                <input 
                    type="file"
                    class="form-control-file"
                    ng-file-model="files"
                    multiple
                    accept=".jpg,.png">
                <small>Solo .jpg y .png - Tamaño máximo 150mb</small>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-md-3" ng-repeat="(key, file) in files">
            <img ng-src="{{file.url}}" alt="" class="col-md-12 p-0">
            <button
                type="button" 
                class="btn btn-delete-image btn-danger rounded-circle position-absolute p-0"
                title="Eliminar"
                ng-click="eliminarImg(key)">
                <i class="fa fa-times" aria-hidden="true"></i>
            </button>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button
        class="btn btn-primary"
        type="button"
        ng-click="aceptar()"
        ng-disabled="!formObservaciones.$valid"
    >Aceptar</button>
    <button
        class="btn btn-secondary"
        type="button"
        ng-click="cancel()"
    >Cancelar</button>
</div>