|
|
@@ -2,10 +2,7 @@
|
|
|
<h4 class="card-title">
|
|
|
Eurobonos
|
|
|
</h4>
|
|
|
- <form
|
|
|
- class="form-auth-small ng-untouched ng-pristine ng-valid"
|
|
|
- [formGroup]="investmentProposalForm"
|
|
|
- >
|
|
|
+ <form class="form-auth-small ng-untouched ng-pristine ng-valid" [formGroup]="investmentProposalForm">
|
|
|
<div class="row">
|
|
|
<!-- Valor nominal compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
@@ -15,18 +12,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="valor_nominal_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="valor_nominal_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.valor_nominal_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.valor_nominal_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.valor_nominal_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.valor_nominal_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -41,26 +30,17 @@
|
|
|
<!-- Comisión casa compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="comision_casa_porcentaje_compra"
|
|
|
- >Comisión casa compra:
|
|
|
+ <label for="comision_casa_porcentaje_compra">Comisión casa compra:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="comision_casa_porcentaje_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="comision_casa_porcentaje_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid':
|
|
|
submitted && f.comision_casa_porcentaje_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.comision_casa_porcentaje_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.comision_casa_porcentaje_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.comision_casa_porcentaje_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -75,26 +55,17 @@
|
|
|
<!-- Comisión bolsa compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="comision_bolsa_porcentaje_compra"
|
|
|
- >Comisión bolsa compra:
|
|
|
+ <label for="comision_bolsa_porcentaje_compra">Comisión bolsa compra:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="comision_bolsa_porcentaje_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="comision_bolsa_porcentaje_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid':
|
|
|
submitted && f.comision_bolsa_porcentaje_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.comision_bolsa_porcentaje_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.comision_bolsa_porcentaje_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.comision_bolsa_porcentaje_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -114,18 +85,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="cupon_porcentaje_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="cupon_porcentaje_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.cupon_porcentaje_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.cupon_porcentaje_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.cupon_porcentaje_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.cupon_porcentaje_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -145,18 +108,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="costo_transferencia"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="costo_transferencia" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.costo_transferencia.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.costo_transferencia.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.costo_transferencia.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.costo_transferencia.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -176,18 +131,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="precio_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="precio_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.precio_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.precio_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.precio_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.precio_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -202,25 +149,16 @@
|
|
|
<!-- Precio de vencimiento de compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="precio_vencimiento_compra"
|
|
|
- >Precio de vencimiento de compra:
|
|
|
+ <label for="precio_vencimiento_compra">Precio de vencimiento de compra:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="precio_vencimiento_compra"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="precio_vencimiento_compra" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.precio_vencimiento_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.precio_vencimiento_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.precio_vencimiento_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.precio_vencimiento_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -235,8 +173,7 @@
|
|
|
<!-- Ultima fecha cupón compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_ultima_cupon_compra"
|
|
|
- >Ultima fecha cupón compra:
|
|
|
+ <label for="fecha_ultima_cupon_compra">Ultima fecha cupón compra:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -244,25 +181,15 @@
|
|
|
<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_ultima_cupon_compra"
|
|
|
- (click)="dp1.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp1="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_ultima_cupon_compra" (click)="dp1.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp1="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_ultima_cupon_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_ultima_cupon_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_ultima_cupon_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_ultima_cupon_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -273,8 +200,7 @@
|
|
|
<!-- Fecha de vencimiento de compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_vencimiento_compra"
|
|
|
- >Fecha de vencimiento de compra:
|
|
|
+ <label for="fecha_vencimiento_compra">Fecha de vencimiento de compra:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -282,25 +208,15 @@
|
|
|
<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_compra"
|
|
|
- (click)="dp2.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp2="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_vencimiento_compra" (click)="dp2.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp2="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_vencimiento_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_vencimiento_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_vencimiento_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_vencimiento_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -311,8 +227,7 @@
|
|
|
<!-- Fecha de liquidacion de compra -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_liquidacion_compra"
|
|
|
- >Fecha de liquidación de compra:
|
|
|
+ <label for="fecha_liquidacion_compra">Fecha de liquidación de compra:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -320,25 +235,15 @@
|
|
|
<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_liquidacion_compra"
|
|
|
- (click)="dp3.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp3="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_liquidacion_compra" (click)="dp3.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp3="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_liquidacion_compra.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_liquidacion_compra.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_liquidacion_compra.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_liquidacion_compra.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -356,18 +261,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="valor_nominal_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="valor_nominal_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.valor_nominal_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.valor_nominal_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.valor_nominal_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.valor_nominal_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -382,26 +279,17 @@
|
|
|
<!-- Comisión casa venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="comision_casa_porcentaje_venta"
|
|
|
- >Comisión casa venta:
|
|
|
+ <label for="comision_casa_porcentaje_venta">Comisión casa venta:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="comision_casa_porcentaje_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="comision_casa_porcentaje_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid':
|
|
|
submitted && f.comision_casa_porcentaje_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.comision_casa_porcentaje_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.comision_casa_porcentaje_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.comision_casa_porcentaje_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -416,26 +304,17 @@
|
|
|
<!-- Comisión bolsa venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="comision_bolsa_porcentaje_venta"
|
|
|
- >Comisión bolsa venta:
|
|
|
+ <label for="comision_bolsa_porcentaje_venta">Comisión bolsa venta:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="comision_bolsa_porcentaje_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="comision_bolsa_porcentaje_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid':
|
|
|
submitted && f.comision_bolsa_porcentaje_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.comision_bolsa_porcentaje_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.comision_bolsa_porcentaje_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.comision_bolsa_porcentaje_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -455,18 +334,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="cupon_porcentaje_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="cupon_porcentaje_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.cupon_porcentaje_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.cupon_porcentaje_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.cupon_porcentaje_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.cupon_porcentaje_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -486,18 +357,10 @@
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="precio_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="precio_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.precio_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.precio_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.precio_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.precio_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -512,25 +375,16 @@
|
|
|
<!-- Precio de vencimiento de venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="precio_vencimiento_venta"
|
|
|
- >Precio de vencimiento de venta:
|
|
|
+ <label for="precio_vencimiento_venta">Precio de vencimiento de venta:
|
|
|
</label>
|
|
|
<div class="input-box-container">
|
|
|
<p>
|
|
|
<i class="fas fa-dollar-sign"></i>
|
|
|
</p>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- formControlName="precio_vencimiento_venta"
|
|
|
- class="form-control"
|
|
|
- [ngClass]="{
|
|
|
+ <input type="text" formControlName="precio_vencimiento_venta" class="form-control" [ngClass]="{
|
|
|
'is-invalid': submitted && f.precio_vencimiento_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.precio_vencimiento_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ }" />
|
|
|
+ <div *ngIf="submitted && f.precio_vencimiento_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.precio_vencimiento_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -545,8 +399,7 @@
|
|
|
<!-- Ultima fecha cupón venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_ultima_cupon_venta"
|
|
|
- >Ultima fecha cupón venta:
|
|
|
+ <label for="fecha_ultima_cupon_venta">Ultima fecha cupón venta:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -554,25 +407,15 @@
|
|
|
<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_ultima_cupon_venta"
|
|
|
- (click)="dp4.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp4="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_ultima_cupon_venta" (click)="dp4.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp4="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_ultima_cupon_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_ultima_cupon_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_ultima_cupon_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_ultima_cupon_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -583,8 +426,7 @@
|
|
|
<!-- Fecha de vencimiento de venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_vencimiento_venta"
|
|
|
- >Fecha de vencimiento de venta:
|
|
|
+ <label for="fecha_vencimiento_venta">Fecha de vencimiento de venta:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -592,25 +434,15 @@
|
|
|
<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_venta"
|
|
|
- (click)="dp5.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp5="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_vencimiento_venta" (click)="dp5.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp5="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_vencimiento_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_vencimiento_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_vencimiento_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_vencimiento_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -621,8 +453,7 @@
|
|
|
<!-- Fecha de liquidacion de venta -->
|
|
|
<div class="col-lg-6 col-sm-12 pr-xl-3">
|
|
|
<div class="form-group">
|
|
|
- <label for="fecha_liquidacion_venta"
|
|
|
- >Fecha de liquidación de venta:
|
|
|
+ <label for="fecha_liquidacion_venta">Fecha de liquidación de venta:
|
|
|
</label>
|
|
|
|
|
|
<div class="input-box-container">
|
|
|
@@ -630,25 +461,15 @@
|
|
|
<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_liquidacion_venta"
|
|
|
- (click)="dp6.toggleCalendar()"
|
|
|
- [options]="myDpOptions"
|
|
|
- #dp6="angular-mydatepicker"
|
|
|
- [ngClass]="{
|
|
|
+ <input class="input-box form-control" placeholder="Seleccione una fecha" angular-mydatepicker
|
|
|
+ formControlName="fecha_liquidacion_venta" (click)="dp6.toggleCalendar()" [options]="myDpOptions"
|
|
|
+ #dp6="angular-mydatepicker" [ngClass]="{
|
|
|
'is-invalid': submitted && f.fecha_liquidacion_venta.errors
|
|
|
- }"
|
|
|
- />
|
|
|
+ }" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- *ngIf="submitted && f.fecha_liquidacion_venta.errors"
|
|
|
- class="invalid-feedback"
|
|
|
- >
|
|
|
+ <div *ngIf="submitted && f.fecha_liquidacion_venta.errors" class="invalid-feedback">
|
|
|
<div *ngIf="f.fecha_liquidacion_venta.errors.required">
|
|
|
Campo requerido
|
|
|
</div>
|
|
|
@@ -659,11 +480,8 @@
|
|
|
<div class="col-lg-12 col-sm-12 pr-xl-12">
|
|
|
<div class="form-group text-right">
|
|
|
<br />
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- class="btn btn-success center-component"
|
|
|
- (click)="getCalculations(investmentProposalForm, false)"
|
|
|
- >
|
|
|
+ <button type="button" class="btn btn-success center-component"
|
|
|
+ (click)="getCalculations(investmentProposalForm, false)">
|
|
|
Realizar cálculos
|
|
|
</button>
|
|
|
</div>
|
|
|
@@ -675,9 +493,7 @@
|
|
|
<div class="instrument-calcs">
|
|
|
<div class="row">
|
|
|
<div class="col-12">
|
|
|
- <span class="badge badge-success badge-custom"
|
|
|
- >Cálculos del instrumento</span
|
|
|
- >
|
|
|
+ <span class="badge badge-success badge-custom">Cálculos del instrumento</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-12">
|
|
|
@@ -822,70 +638,71 @@
|
|
|
$USD {{ valor_transado_venta | number: "1.2-4" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="col-12">
|
|
|
- <h3>
|
|
|
- Resultado de la operación
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Monto a recibir:</h4>
|
|
|
- <div class="field">$USD {{ monto_recibir | number: "1.2-4" }}</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Días tenencia total:</h4>
|
|
|
- <div class="field">
|
|
|
- {{ dias_tenencia_total }}
|
|
|
+ <div *ngIf="operation_result">
|
|
|
+ <div class="col-12">
|
|
|
+ <h3>
|
|
|
+ Resultado de la operación
|
|
|
+ </h3>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Ingresos intereses:</h4>
|
|
|
- <div class="field">
|
|
|
- $USD {{ ingresos_intereses | number: "1.2-4" }}
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Monto a recibir:</h4>
|
|
|
+ <div class="field">$USD {{ monto_recibir | number: "1.2-4" }}</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Costos totales:</h4>
|
|
|
- <div class="field">$USD {{ costos_totales | number: "1.2-4" }}</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Ganancia o pérdida total:</h4>
|
|
|
- <div class="field">
|
|
|
- $USD {{ ganancia_perdida_total | number: "1.2-4" }}
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Días tenencia total:</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ dias_tenencia_total }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Ganancia o pérdida de capital:</h4>
|
|
|
- <div class="field">
|
|
|
- {{ ganancia_perdida_capital_porcentaje | number: "1.2-4" }}%
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Ingresos intereses:</h4>
|
|
|
+ <div class="field">
|
|
|
+ $USD {{ ingresos_intereses | number: "1.2-4" }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Costos totales:</h4>
|
|
|
+ <div class="field">$USD {{ costos_totales | number: "1.2-4" }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Ganancia o pérdida total:</h4>
|
|
|
+ <div class="field">
|
|
|
+ $USD {{ ganancia_perdida_total | number: "1.2-4" }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Ganancia o pérdida de capital:</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ ganancia_perdida_capital_porcentaje | number: "1.2-4" }}%
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Interés (%):</h4>
|
|
|
- <div class="field">
|
|
|
- {{ intereses_porcentaje | number: "1.2-4" }} %
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Interés (%):</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ intereses_porcentaje | number: "1.2-4" }} %
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Interés neto antes de impuesto (%):</h4>
|
|
|
- <div class="field">
|
|
|
- {{ neto_antes_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
- %
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Interés neto antes de impuesto (%):</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ neto_antes_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
+ %
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Interés neto después de impuesto (%):</h4>
|
|
|
- <div class="field">
|
|
|
- {{ neto_despues_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
- %
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Interés neto después de impuesto (%):</h4>
|
|
|
+ <div class="field">
|
|
|
+ {{ neto_despues_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
+ %
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
- <h4>Total de ingresos recibidos:</h4>
|
|
|
- <div class="field">
|
|
|
- $USD
|
|
|
- {{ total_ingresos_recibidos | number: "1.2-4" }}
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <h4>Total de ingresos recibidos:</h4>
|
|
|
+ <div class="field">
|
|
|
+ $USD
|
|
|
+ {{ total_ingresos_recibidos | number: "1.2-4" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -895,9 +712,7 @@
|
|
|
<div class="instrument-calcs">
|
|
|
<div class="row">
|
|
|
<div class="col-12">
|
|
|
- <span class="badge badge-success badge-custom"
|
|
|
- >Proyecciones del instrumento</span
|
|
|
- >
|
|
|
+ <span class="badge badge-success badge-custom">Proyecciones del instrumento</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="cete-table-container">
|
|
|
@@ -968,18 +783,11 @@
|
|
|
|
|
|
<br />
|
|
|
<div class="form-group text-center space-20">
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- class="btn btn-default center-component margin-right"
|
|
|
- (click)="goToPrevious()"
|
|
|
- >
|
|
|
+ <button type="button" class="btn btn-default center-component margin-right" (click)="goToPrevious()">
|
|
|
Anterior
|
|
|
</button>
|
|
|
- <button
|
|
|
- type="submit"
|
|
|
- class="btn btn-primary center-component margin-right"
|
|
|
- (click)="goToNext(investmentProposalForm)"
|
|
|
- >
|
|
|
+ <button type="submit" class="btn btn-primary center-component margin-right"
|
|
|
+ (click)="goToNext(investmentProposalForm)">
|
|
|
Siguiente
|
|
|
</button>
|
|
|
</div>
|
|
|
@@ -1296,76 +1104,86 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
+ <div class="row" *ngIf="operation_result">
|
|
|
<div class="col-12">
|
|
|
<h3>
|
|
|
Resultado de la operación
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
- <h4>Monto a recibir:</h4>
|
|
|
- <div class="field">$USD {{ monto_recibir | number: "1.2-4" }}</div>
|
|
|
+ <h4>Valor nominal compra:</h4>
|
|
|
+ <div class="field">
|
|
|
+ $USD{{ operation_results_work.valor_nominal_compra }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Días tenencia total:</h4>
|
|
|
<div class="field">
|
|
|
- {{ dias_tenencia_total }}
|
|
|
+ {{ operation_results_work.dias_tenencia_total }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Ingresos intereses:</h4>
|
|
|
- <div class="field">$USD {{ ingresos_intereses | number: "1.2-4" }}</div>
|
|
|
+ <div class="field">
|
|
|
+ $USD {{ operation_results_work.ingresos_intereses | number: "1.2-4" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Costos totales:</h4>
|
|
|
- <div class="field">$USD {{ costos_totales | number: "1.2-4" }}</div>
|
|
|
+ <div class="field">
|
|
|
+ $USD {{ operation_results_work.costos_totales | number: "1.2-4" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Ganancia o pérdida total:</h4>
|
|
|
<div class="field">
|
|
|
- $USD {{ ganancia_perdida_total | number: "1.2-4" }}
|
|
|
+ $USD
|
|
|
+ {{ operation_results_work.ganancia_perdida_total | number: "1.2-4" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Ganancia o pérdida de capital:</h4>
|
|
|
<div class="field">
|
|
|
- {{ ganancia_perdida_capital_porcentaje | number: "1.2-4" }}%
|
|
|
+ {{
|
|
|
+ operation_results_work.ganancia_perdida_capital_porcentaje
|
|
|
+ | number: "1.2-4"
|
|
|
+ }}%
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Interés (%):</h4>
|
|
|
- <div class="field">{{ intereses_porcentaje | number: "1.2-4" }} %</div>
|
|
|
+ <div class="field">
|
|
|
+ {{ operation_results_work.intereses_porcentaje | number: "1.2-4" }} %
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Interés neto antes de impuesto (%):</h4>
|
|
|
<div class="field">
|
|
|
- {{ neto_antes_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
+ {{
|
|
|
+ operation_results_work.neto_antes_impuesto_porcentaje
|
|
|
+ | number: "1.2-4"
|
|
|
+ }}
|
|
|
%
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
<h4>Interés neto después de impuesto (%):</h4>
|
|
|
<div class="field">
|
|
|
- {{ neto_despues_impuesto_porcentaje | number: "1.2-4" }}
|
|
|
+ {{
|
|
|
+ operation_results_work.neto_despues_impuesto_porcentaje
|
|
|
+ | number: "1.2-4"
|
|
|
+ }}
|
|
|
%
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-lg-3 col-md-4 col-sm-6">
|
|
|
- <h4>Total de ingresos recibidos:</h4>
|
|
|
- <div class="field">
|
|
|
- $USD {{ total_ingresos_recibidos | number: "1.2-4" }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
|
|
|
<br />
|
|
|
<div *ngIf="hasProjections" class="instrument-calcs-summary">
|
|
|
<div class="row">
|
|
|
<div class="col-12">
|
|
|
- <span class="badge-warning badge-custom-instrument"
|
|
|
- >Proyecciones del instrumento</span
|
|
|
- >
|
|
|
+ <span class="badge-warning badge-custom-instrument">Proyecciones del instrumento</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="cete-table-container">
|
|
|
@@ -1438,4 +1256,4 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
+</div>
|