|
|
@@ -50,7 +50,12 @@
|
|
|
{{ projectionRes.tipo_instrumento }}
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+ <div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
+ <h4>Estado:</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ projectionRes.estado }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Capital:</h4>
|
|
|
<div class="field">
|
|
|
@@ -80,272 +85,284 @@
|
|
|
|
|
|
<br />
|
|
|
<br />
|
|
|
- <h4 class="card-title">
|
|
|
- Formulario para ingreso
|
|
|
- </h4>
|
|
|
+ <div *ngIf="!has_conciliate">
|
|
|
+ <h4 class="card-title">
|
|
|
+ Formulario para ingreso
|
|
|
+ </h4>
|
|
|
|
|
|
- <div class="align-container">
|
|
|
- <form
|
|
|
- class="form-auth-small ng-untouched ng-pristine ng-valid"
|
|
|
- [formGroup]="investmentProposalForm"
|
|
|
- >
|
|
|
- <div class="row">
|
|
|
- <!-- Valor nominal -->
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="capital">Capital: </label>
|
|
|
- <div class="input-box-container">
|
|
|
- <p>
|
|
|
- <i class="fas fa-dollar-sign"></i>
|
|
|
- </p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="capital"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
- 'is-invalid': submitted && f.capital.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.capital.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.capital.errors.required">
|
|
|
- Campo requerido
|
|
|
- </div>
|
|
|
- <div *ngIf="f.capital.errors.pattern">
|
|
|
- Debe ingresar una cifra válida
|
|
|
+ <div class="align-container">
|
|
|
+ <form
|
|
|
+ class="form-auth-small ng-untouched ng-pristine ng-valid"
|
|
|
+ [formGroup]="investmentProposalForm"
|
|
|
+ >
|
|
|
+ <div class="row">
|
|
|
+ <!-- Valor nominal -->
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="capital">Capital: </label>
|
|
|
+ <div class="input-box-container">
|
|
|
+ <p>
|
|
|
+ <i class="fas fa-dollar-sign"></i>
|
|
|
+ </p>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ formControlName="capital"
|
|
|
+ class="form-control"
|
|
|
+ [ngClass]="{
|
|
|
+ 'is-invalid': submitted && f.capital.errors
|
|
|
+ }"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.capital.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
+ >
|
|
|
+ <div *ngIf="f.capital.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
+ <div *ngIf="f.capital.errors.pattern">
|
|
|
+ Debe ingresar una cifra válida
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- Valor nominal -->
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="ingreso_bruto">Ingreso bruto: </label>
|
|
|
- <div class="input-box-container">
|
|
|
- <p>
|
|
|
- <i class="fas fa-dollar-sign"></i>
|
|
|
- </p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="ingreso_bruto"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
- 'is-invalid': submitted && f.ingreso_bruto.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.ingreso_bruto.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.ingreso_bruto.errors.required">
|
|
|
- Campo requerido
|
|
|
- </div>
|
|
|
- <div *ngIf="f.ingreso_bruto.errors.pattern">
|
|
|
- Debe ingresar una cifra válida
|
|
|
+ <!-- Valor nominal -->
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="ingreso_bruto">Ingreso bruto: </label>
|
|
|
+ <div class="input-box-container">
|
|
|
+ <p>
|
|
|
+ <i class="fas fa-dollar-sign"></i>
|
|
|
+ </p>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ formControlName="ingreso_bruto"
|
|
|
+ class="form-control"
|
|
|
+ [ngClass]="{
|
|
|
+ 'is-invalid':
|
|
|
+ submitted && f.ingreso_bruto.errors
|
|
|
+ }"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.ingreso_bruto.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
+ >
|
|
|
+ <div *ngIf="f.ingreso_bruto.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
+ <div *ngIf="f.ingreso_bruto.errors.pattern">
|
|
|
+ Debe ingresar una cifra válida
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- Valor nominal -->
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="ingreso_neto">Ingreso neto: </label>
|
|
|
- <div class="input-box-container">
|
|
|
- <p>
|
|
|
- <i class="fas fa-dollar-sign"></i>
|
|
|
- </p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="ingreso_neto"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
- 'is-invalid': submitted && f.ingreso_neto.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.ingreso_neto.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.ingreso_neto.errors.required">
|
|
|
- Campo requerido
|
|
|
- </div>
|
|
|
- <div *ngIf="f.ingreso_neto.errors.pattern">
|
|
|
- Debe ingresar una cifra válida
|
|
|
+ <!-- Valor nominal -->
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="ingreso_neto">Ingreso neto: </label>
|
|
|
+ <div class="input-box-container">
|
|
|
+ <p>
|
|
|
+ <i class="fas fa-dollar-sign"></i>
|
|
|
+ </p>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ formControlName="ingreso_neto"
|
|
|
+ class="form-control"
|
|
|
+ [ngClass]="{
|
|
|
+ 'is-invalid': submitted && f.ingreso_neto.errors
|
|
|
+ }"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.ingreso_neto.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
+ >
|
|
|
+ <div *ngIf="f.ingreso_neto.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
+ <div *ngIf="f.ingreso_neto.errors.pattern">
|
|
|
+ Debe ingresar una cifra válida
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <br />
|
|
|
- <div class="row">
|
|
|
- <div class="col-12">
|
|
|
- <div class="custom-control custom-switch">
|
|
|
- <input
|
|
|
- type="checkbox"
|
|
|
- class="custom-control-input"
|
|
|
- id="customSwitch1"
|
|
|
- (click)="toggle()"
|
|
|
- />
|
|
|
- <label class="custom-control-label" for="customSwitch1"
|
|
|
- >Ingreso parcial</label
|
|
|
- >
|
|
|
+ <br />
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="custom-control custom-switch">
|
|
|
+ <input
|
|
|
+ type="checkbox"
|
|
|
+ class="custom-control-input"
|
|
|
+ id="customSwitch1"
|
|
|
+ (click)="toggle()"
|
|
|
+ />
|
|
|
+ <label
|
|
|
+ class="custom-control-label"
|
|
|
+ for="customSwitch1"
|
|
|
+ >Ingreso parcial</label
|
|
|
+ >
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3" *ngIf="partial">
|
|
|
- <div class="form-group">
|
|
|
- <label for="fecha_inicio">Fecha inicio: </label>
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3" *ngIf="partial">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="fecha_inicio">Fecha inicio: </label>
|
|
|
|
|
|
- <div class="input-box-container">
|
|
|
- <div>
|
|
|
- <p>
|
|
|
- <i class="far fa-calendar" aria-hidden="true"></i>
|
|
|
- </p>
|
|
|
- <input
|
|
|
- class="input-box form-control"
|
|
|
- placeholder="Seleccione una fecha"
|
|
|
- angular-mydatepicker
|
|
|
- formControlName="fecha_inicio"
|
|
|
- (click)="dp0.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp0="angular-mydatepicker"
|
|
|
- />
|
|
|
+ <div class="input-box-container">
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ <i
|
|
|
+ class="far fa-calendar"
|
|
|
+ aria-hidden="true"
|
|
|
+ ></i>
|
|
|
+ </p>
|
|
|
+ <input
|
|
|
+ class="input-box form-control"
|
|
|
+ placeholder="Seleccione una fecha"
|
|
|
+ angular-mydatepicker
|
|
|
+ formControlName="fecha_inicio"
|
|
|
+ (click)="dp0.toggleCalendar()"
|
|
|
+ [options]="myDpOptions"
|
|
|
+ #dp0="angular-mydatepicker"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3" *ngIf="partial">
|
|
|
- <div class="form-group">
|
|
|
- <label for="fecha_vencimiento"
|
|
|
- >Fecha vencimiento:
|
|
|
- </label>
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3" *ngIf="partial">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="fecha_vencimiento"
|
|
|
+ >Fecha vencimiento:
|
|
|
+ </label>
|
|
|
|
|
|
- <div class="input-box-container">
|
|
|
- <div>
|
|
|
- <p>
|
|
|
- <i class="far fa-calendar" aria-hidden="true"></i>
|
|
|
- </p>
|
|
|
- <input
|
|
|
- class="input-box form-control"
|
|
|
- placeholder="Seleccione una fecha"
|
|
|
- angular-mydatepicker
|
|
|
- formControlName="fecha_vencimiento"
|
|
|
- (click)="dp0.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp0="angular-mydatepicker"
|
|
|
- />
|
|
|
+ <div class="input-box-container">
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ <i
|
|
|
+ class="far fa-calendar"
|
|
|
+ aria-hidden="true"
|
|
|
+ ></i>
|
|
|
+ </p>
|
|
|
+ <input
|
|
|
+ class="input-box form-control"
|
|
|
+ placeholder="Seleccione una fecha"
|
|
|
+ angular-mydatepicker
|
|
|
+ formControlName="fecha_vencimiento"
|
|
|
+ (click)="dp0.toggleCalendar()"
|
|
|
+ [options]="myDpOptions"
|
|
|
+ #dp0="angular-mydatepicker"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="payment_types">Tipo pago: </label>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="payment_types">Tipo pago: </label>
|
|
|
|
|
|
- <select
|
|
|
- class="custom-select"
|
|
|
- formControlName="tipo_pago"
|
|
|
- [ngClass]="{
|
|
|
- 'is-invalid': submitted && f.tipo_pago.errors
|
|
|
- }"
|
|
|
- >
|
|
|
- <option
|
|
|
- *ngFor="let item of payment_types"
|
|
|
- [value]="item.id_tipo_pago"
|
|
|
+ <select
|
|
|
+ class="custom-select"
|
|
|
+ formControlName="tipo_pago"
|
|
|
+ [ngClass]="{
|
|
|
+ 'is-invalid': submitted && f.tipo_pago.errors
|
|
|
+ }"
|
|
|
>
|
|
|
- {{ item.nombre }}</option
|
|
|
+ <option
|
|
|
+ *ngFor="let item of payment_types"
|
|
|
+ [value]="item.id_tipo_pago"
|
|
|
+ >
|
|
|
+ {{ item.nombre }}</option
|
|
|
+ >
|
|
|
+ </select>
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.tipo_pago.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
>
|
|
|
- </select>
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.tipo_pago.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.tipo_pago.errors.required">
|
|
|
- Campo requerido
|
|
|
+ <div *ngIf="f.tipo_pago.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="cuenta_bancaria">Cuenta bancaria: </label>
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="cuenta_bancaria">Cuenta bancaria: </label>
|
|
|
|
|
|
- <select
|
|
|
- class="custom-select"
|
|
|
- formControlName="cuenta_bancaria"
|
|
|
- [ngClass]="{
|
|
|
- 'is-invalid': submitted && f.cuenta_bancaria.errors
|
|
|
- }"
|
|
|
- >
|
|
|
- <option
|
|
|
- *ngFor="let item of accounts"
|
|
|
- [value]="item.id_cuenta_bancaria"
|
|
|
+ <select
|
|
|
+ class="custom-select"
|
|
|
+ formControlName="cuenta_bancaria"
|
|
|
+ [ngClass]="{
|
|
|
+ 'is-invalid':
|
|
|
+ submitted && f.cuenta_bancaria.errors
|
|
|
+ }"
|
|
|
>
|
|
|
- {{ nameBankAccounts(item.id_banco) }} -
|
|
|
- {{ item.nombre }}</option
|
|
|
+ <option
|
|
|
+ *ngFor="let item of accounts"
|
|
|
+ [value]="item.id_cuenta_bancaria"
|
|
|
+ >
|
|
|
+ {{ nameBankAccounts(item.id_banco) }} -
|
|
|
+ {{ item.nombre }}</option
|
|
|
+ >
|
|
|
+ </select>
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.cuenta_bancaria.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
>
|
|
|
- </select>
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.cuenta_bancaria.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.cuenta_bancaria.errors.required">
|
|
|
- Campo requerido
|
|
|
+ <div *ngIf="f.cuenta_bancaria.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
- <div class="form-group">
|
|
|
- <label for="comentario">Comentarios: </label>
|
|
|
+ <div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="comentario">Comentarios: </label>
|
|
|
|
|
|
- <textarea
|
|
|
- rows="2"
|
|
|
- class="form-control"
|
|
|
- formControlName="comentario"
|
|
|
- ></textarea>
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.comentario.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
- <div *ngIf="f.comentario.errors.required">
|
|
|
- Campo requerido
|
|
|
+ <textarea
|
|
|
+ rows="2"
|
|
|
+ class="form-control"
|
|
|
+ formControlName="comentario"
|
|
|
+ ></textarea>
|
|
|
+ <div
|
|
|
+ *ngIf="submitted && f.comentario.errors"
|
|
|
+ class="invalid-feedback"
|
|
|
+ >
|
|
|
+ <div *ngIf="f.comentario.errors.required">
|
|
|
+ Campo requerido
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="col-lg-12 col-sm-12 pr-xl-12">
|
|
|
- <br />
|
|
|
- <button
|
|
|
- class="btn btn-primary center-component float-left"
|
|
|
- type="button"
|
|
|
- [disabled]="cantConciliate"
|
|
|
- (click)="conciliateIncome()"
|
|
|
- >
|
|
|
- Conciliar ingreso
|
|
|
- </button>
|
|
|
- <button
|
|
|
- class="btn btn-success center-component float-right"
|
|
|
- type="submit"
|
|
|
- (click)="submitIncome(investmentProposalForm)"
|
|
|
- >
|
|
|
- Guardar información de ingreso
|
|
|
- </button>
|
|
|
+ <div class="col-lg-12 col-sm-12 pr-xl-12">
|
|
|
+ <br />
|
|
|
+ <button
|
|
|
+ class="btn btn-primary center-component float-left"
|
|
|
+ type="button"
|
|
|
+ [disabled]="cantConciliate"
|
|
|
+ (click)="conciliateIncome()"
|
|
|
+ >
|
|
|
+ Conciliar ingreso
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ class="btn btn-success center-component float-right"
|
|
|
+ type="submit"
|
|
|
+ (click)="submitIncome(investmentProposalForm)"
|
|
|
+ >
|
|
|
+ Guardar información de ingreso
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <br />
|
|
|
+ </form>
|
|
|
+ <br />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|