Merge branch 'features-o' of onunez/frontend-inversiones into development

src/app/components/incomes/incomes.component.html

@@ -50,8 +50,8 @@
                   name="instrumento"
                   (change)="filter_by_income_status($event)"
                 >
-                  <option value="1">Proyecciones para hoy</option>
-                  <option value="2">Proyecciones activas no canceladas</option>
+                  <option value="1">Proyecciones actuales no canceladas</option>
+                  <option value="2">Proyecciones no canceladas</option>
                   <option value="0">Todas</option>
                 </select>
               </div>

src/app/components/instruments/bonos/bonos.component.html

@@ -891,69 +891,71 @@
           </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>
@@ -1030,12 +1032,6 @@
             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
           </table>
-
-          <mat-paginator
-            [pageSizeOptions]="[10, 15, 25]"
-            [pageIndex]="0"
-            [pageSize]="10"
-          ></mat-paginator>
         </div>
       </div>
     </div>
@@ -1370,7 +1366,7 @@
         </div>
       </div>
     </div>
-    <div class="row">
+    <div class="row" *ngIf="operation_result">
       <div class="col-12">
         <h3>
           Resultado de la operación

src/app/components/instruments/bonos/bonos.component.ts

@@ -121,6 +121,7 @@ export class BONO implements InstrumentComponent {
   neto_antes_impuesto_porcentaje: any;
   neto_despues_impuesto_porcentaje: any;
   total_ingresos_recibidos: any;
+  operation_result: boolean = false;
 
   constructor(
     private formBuilder: FormBuilder,
@@ -554,6 +555,7 @@ export class BONO implements InstrumentComponent {
           // Proyecciones
           this.proyecciones = ans["result"]["proyecciones"];
 
+          this.operation_result = true;
           this.dataSource.data = this.proyecciones;
           this.dataSource2.data = this.proyecciones;
           this.dataSource.paginator = this.paginator;
@@ -633,7 +635,7 @@ export class BONO implements InstrumentComponent {
             precio_sucio_porcentaje_venta: this.precio_sucio_porcentaje_venta,
             valor_transado_venta: this.valor_transado_venta,
             // Resultado de la operacion
-
+            /*
             monto_recibir: this.monto_recibir,
             dias_tenencia_total: this.dias_tenencia_total,
             ganancia_perdida_capital: this.ganancia_perdida_capital,
@@ -647,7 +649,7 @@ export class BONO implements InstrumentComponent {
             neto_despues_impuesto_porcentaje: this
               .neto_despues_impuesto_porcentaje,
             total_ingresos_recibidos: this.total_ingresos_recibidos,
-
+            */
             // Proyecciones
             proyecciones: this.proyecciones
           };

src/app/components/instruments/certificados/certificados.component.html

@@ -890,70 +890,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>
@@ -1030,12 +1031,6 @@
             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
           </table>
-
-          <mat-paginator
-            [pageSizeOptions]="[10, 15, 25]"
-            [pageIndex]="0"
-            [pageSize]="10"
-          ></mat-paginator>
         </div>
       </div>
     </div>
@@ -1370,7 +1365,7 @@
         </div>
       </div>
     </div>
-    <div class="row">
+    <div class="row" *ngIf="operation_result">
       <div class="col-12">
         <h3>
           Resultado de la operación

src/app/components/instruments/certificados/certificados.component.ts

@@ -121,6 +121,7 @@ export class CINV implements InstrumentComponent {
   neto_antes_impuesto_porcentaje: any;
   neto_despues_impuesto_porcentaje: any;
   total_ingresos_recibidos: any;
+  operation_result: boolean = false;
 
   constructor(
     private formBuilder: FormBuilder,
@@ -553,6 +554,7 @@ export class CINV implements InstrumentComponent {
           // Proyecciones
           this.proyecciones = ans["result"]["proyecciones"];
 
+          this.operation_result = true;
           this.dataSource.data = this.proyecciones;
           this.dataSource2.data = this.proyecciones;
 

src/app/components/instruments/eurobonos/eurobonos.component.html

@@ -1030,12 +1030,6 @@
             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
           </table>
-
-          <mat-paginator
-            [pageSizeOptions]="[10, 15, 25]"
-            [pageIndex]="0"
-            [pageSize]="10"
-          ></mat-paginator>
         </div>
       </div>
     </div>

src/app/components/instruments/eurobonos/eurobonos.component.ts

@@ -121,6 +121,7 @@ export class EURB implements InstrumentComponent {
   neto_antes_impuesto_porcentaje: any;
   neto_despues_impuesto_porcentaje: any;
   total_ingresos_recibidos: any;
+  operation_result: boolean = false;
 
   constructor(
     private formBuilder: FormBuilder,
@@ -553,9 +554,9 @@ export class EURB implements InstrumentComponent {
           // Proyecciones
           this.proyecciones = ans["result"]["proyecciones"];
 
+          this.operation_result = true;
           this.dataSource.data = this.proyecciones;
           this.dataSource2.data = this.proyecciones;
-
           this.dataSource.paginator = this.paginator;
           this.dataSource.sort = this.sort;
 

src/app/components/instruments/titulos/titulos.component.html

@@ -941,70 +941,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>
@@ -1046,13 +1047,56 @@
                 }}
               </td>
             </ng-container>
+
+            <ng-container matColumnDef="cuota">
+              <th mat-header-cell *matHeaderCellDef>Cuota</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.cuota == "" || row.cuota == undefined
+                    ? "-"
+                    : (row.cuota | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="amortizacion_porcentaje">
+              <th mat-header-cell *matHeaderCellDef>Porcentaje amortización</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.amortizacion_porcentaje == "" ||
+                  row.amortizacion_porcentaje == undefined
+                    ? "-"
+                    : (row.amortizacion_porcentaje | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="amortizacion_capital">
+              <th mat-header-cell *matHeaderCellDef>Amortización capital</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.amortizacion_capital == "" ||
+                  row.amortizacion_capital == undefined
+                    ? "-"
+                    : (row.amortizacion_capital | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
             <ng-container matColumnDef="ingreso_bruto">
               <th mat-header-cell *matHeaderCellDef>Ingreso bruto</th>
               <td mat-cell *matCellDef="let row">
                 {{
                   row.ingreso_bruto == "" || row.ingreso_bruto == undefined
                     ? "-"
-                    : row.ingreso_bruto
+                    : (row.ingreso_bruto | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="impuesto">
+              <th mat-header-cell *matHeaderCellDef>Impuesto</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.impuesto == "" || row.impuesto == undefined
+                    ? "-"
+                    : (row.impuesto | number: "1.2-4")
                 }}
               </td>
             </ng-container>
@@ -1062,18 +1106,18 @@
                 {{
                   row.ingreso_neto == "" || row.ingreso_neto == undefined
                     ? "-"
-                    : row.ingreso_neto
+                    : (row.ingreso_neto | number: "1.2-4")
                 }}
               </td>
             </ng-container>
 
-            <ng-container matColumnDef="impuesto">
-              <th mat-header-cell *matHeaderCellDef>Impuesto</th>
+            <ng-container matColumnDef="saldo">
+              <th mat-header-cell *matHeaderCellDef>Saldo</th>
               <td mat-cell *matCellDef="let row">
                 {{
-                  row.impuesto == "" || row.impuesto == undefined
+                  row.saldo == "" || row.saldo == undefined
                     ? "-"
-                    : row.impuesto
+                    : (row.saldo | number: "1.2-4")
                 }}
               </td>
             </ng-container>
@@ -1421,7 +1465,7 @@
         </div>
       </div>
     </div>
-    <div class="row">
+    <div class="row" *ngIf="operation_result">
       <div class="col-12">
         <h3>
           Resultado de la operación
@@ -1510,7 +1554,6 @@
               </td>
             </ng-container>
 
-            <!-- Country Column -->
             <ng-container matColumnDef="fecha_pago">
               <th mat-header-cell *matHeaderCellDef>Fecha pago</th>
               <td mat-cell *matCellDef="let row">
@@ -1522,36 +1565,76 @@
               </td>
             </ng-container>
 
-            <!-- Country Column -->
+            <ng-container matColumnDef="cuota">
+              <th mat-header-cell *matHeaderCellDef>Cuota</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.cuota == "" || row.cuota == undefined
+                    ? "-"
+                    : (row.cuota | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="amortizacion_porcentaje">
+              <th mat-header-cell *matHeaderCellDef>Porcentaje amortización</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.amortizacion_porcentaje == "" ||
+                  row.amortizacion_porcentaje == undefined
+                    ? "-"
+                    : (row.amortizacion_porcentaje | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="amortizacion_capital">
+              <th mat-header-cell *matHeaderCellDef>Amortización capital</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.amortizacion_capital == "" ||
+                  row.amortizacion_capital == undefined
+                    ? "-"
+                    : (row.amortizacion_capital | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
             <ng-container matColumnDef="ingreso_bruto">
               <th mat-header-cell *matHeaderCellDef>Ingreso bruto</th>
               <td mat-cell *matCellDef="let row">
                 {{
                   row.ingreso_bruto == "" || row.ingreso_bruto == undefined
                     ? "-"
-                    : row.ingreso_bruto
+                    : (row.ingreso_bruto | number: "1.2-4")
+                }}
+              </td>
+            </ng-container>
+            <ng-container matColumnDef="impuesto">
+              <th mat-header-cell *matHeaderCellDef>Impuesto</th>
+              <td mat-cell *matCellDef="let row">
+                {{
+                  row.impuesto == "" || row.impuesto == undefined
+                    ? "-"
+                    : (row.impuesto | number: "1.2-4")
                 }}
               </td>
             </ng-container>
-
             <ng-container matColumnDef="ingreso_neto">
               <th mat-header-cell *matHeaderCellDef>Ingreso neto</th>
               <td mat-cell *matCellDef="let row">
                 {{
                   row.ingreso_neto == "" || row.ingreso_neto == undefined
                     ? "-"
-                    : row.ingreso_neto
+                    : (row.ingreso_neto | number: "1.2-4")
                 }}
               </td>
             </ng-container>
 
-            <ng-container matColumnDef="impuesto">
-              <th mat-header-cell *matHeaderCellDef>Impuesto</th>
+            <ng-container matColumnDef="saldo">
+              <th mat-header-cell *matHeaderCellDef>Saldo</th>
               <td mat-cell *matCellDef="let row">
                 {{
-                  row.impuesto == "" || row.impuesto == undefined
+                  row.saldo == "" || row.saldo == undefined
                     ? "-"
-                    : row.impuesto
+                    : (row.saldo | number: "1.2-4")
                 }}
               </td>
             </ng-container>
@@ -1559,12 +1642,6 @@
             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
           </table>
-
-          <mat-paginator
-            [pageSizeOptions]="[10, 15, 25]"
-            [pageIndex]="0"
-            [pageSize]="10"
-          ></mat-paginator>
         </div>
       </div>
     </div>

src/app/components/instruments/titulos/titulos.component.ts

@@ -30,9 +30,14 @@ export class TIT implements InstrumentComponent {
     "posicion",
     "plazo",
     "fecha_pago",
+    "cuota",
+    "amortizacion_porcentaje",
+    "amortizacion_capital",
     "ingreso_bruto",
+    "impuesto",
     "ingreso_neto",
-    "impuesto"
+    "impuesto",
+    "saldo"
   ];
 
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -125,6 +130,7 @@ export class TIT implements InstrumentComponent {
   total_ingresos_recibidos: any;
   percentages: any;
   amortizaciones: string[];
+  operation_result: boolean = false;
 
   constructor(
     private formBuilder: FormBuilder,
@@ -575,6 +581,7 @@ export class TIT implements InstrumentComponent {
             ans["result"]["instrumento_venta"]["monto_recibir"];
 
           // Resultado de la operacion
+          this.operation_result = false;
           this.dias_tenencia_total =
             ans["result"]["resultado_operacion"]["dias_tenencia_total"];
           this.ganancia_perdida_capital =
@@ -685,7 +692,7 @@ export class TIT implements InstrumentComponent {
             precio_sucio_porcentaje_venta: this.precio_sucio_porcentaje_venta,
             valor_transado_venta: this.valor_transado_venta,
             // Resultado de la operacion
-
+            /*
             monto_recibir: this.monto_recibir,
             dias_tenencia_total: this.dias_tenencia_total,
             ganancia_perdida_capital: this.ganancia_perdida_capital,
@@ -700,7 +707,7 @@ export class TIT implements InstrumentComponent {
               .neto_despues_impuesto_porcentaje,
             total_ingresos_recibidos: this.total_ingresos_recibidos,
 
-            amortizacion_porcentajes: this.amortizaciones,
+            amortizacion_porcentajes: this.amortizaciones,-**/
             // Proyecciones
             proyecciones: this.proyecciones
           };

src/app/components/investment-proposals/investment-proposals.component.ts

@@ -379,7 +379,7 @@ export class InvestmentProposalsComponent implements OnInit {
           title: `<h3>Finalizar propuesta de inversión ${investmentCode}</h3>`,
           icon: "info",
           html: `${this.test}`,
-          confirmButtonText: "Enviar a revision",
+          confirmButtonText: "Finalizar",
           showCancelButton: true,
           cancelButtonText: "Cancelar",
           showLoaderOnConfirm: true,

src/app/components/investments/costs/pbur/pbur.costs.component.html

@@ -366,12 +366,20 @@
                   <br />
                   <div class="form-group text-right space-20">
                     <button
-                      type="submit"
-                      class="btn btn-primary"
-                      (click)="submitProjectionChanges()"
+                      type="button"
+                      class="btn btn-success center-component float-left"
+                      (click)="saveProjection()"
                     >
                       Guardar información de proyecciones
                     </button>
+
+                    <button
+                      type="button"
+                      class="btn btn-primary center-component float-right"
+                      (click)="recalculateProjectionChanges()"
+                    >
+                      Recalcular proyecciones
+                    </button>
                   </div>
                   <br />
                 </form>

src/app/components/investments/costs/pbur/pbur.costs.component.ts

@@ -230,9 +230,7 @@ export class PBURCostsComponent implements OnInit {
     }, 1200);
   }
 
-  submitInstrumentChanges() {}
-
-  submitProjectionChanges() {
+  recalculateProjectionChanges() {
     let objProjection = { proyecciones: this.form.value };
     Swal.fire({
       allowOutsideClick: false,
@@ -243,6 +241,63 @@ export class PBURCostsComponent implements OnInit {
 
     this.instrumentService
       .projectionCalc(this.investmentProposalID, this.form.value)
+      .subscribe(
+        resp => {
+          this.investmentsService
+            .updateInstrumentProjection(
+              this.investmentProposalID,
+              objProjection
+            )
+            .subscribe(
+              success => {
+                if (success) {
+                  Swal.fire({
+                    allowOutsideClick: false,
+                    icon: "success",
+                    showCancelButton: false,
+                    title: "Exito",
+                    confirmButtonText: "La información ha sido actualizada"
+                  }).then(result => {
+                    this.proyecciones = result["result"];
+
+                    this.form = new FormArray(
+                      this.buildForm(this.proyecciones)
+                    );
+                    Swal.close();
+                    //window.location.reload();
+                  });
+                }
+              },
+              err => {
+                Swal.fire({
+                  icon: "error",
+                  title: "Error al guardar",
+                  text: err.message
+                });
+              }
+            );
+        },
+        err => {
+          Swal.fire({
+            icon: "error",
+            title: "Error al guardar",
+            text: err.message
+          });
+        }
+      );
+  }
+
+  saveProjection() {
+    let objProjection = { proyecciones: this.form.value };
+    Swal.fire({
+      allowOutsideClick: false,
+      icon: "info",
+      text: "Espere por favor..."
+    });
+    Swal.showLoading();
+
+    this.instrumentService
+      .projectionModification(this.investmentProposalID, this.form.value)
       .subscribe(
         resp => {
           this.investmentsService

src/app/components/investments/costs/vcn/vcn.costs.component.html

@@ -366,12 +366,20 @@
                   <br />
                   <div class="form-group text-right space-20">
                     <button
-                      type="submit"
-                      class="btn btn-primary"
-                      (click)="submitProjectionChanges()"
+                      type="button"
+                      class="btn btn-success center-component float-left"
+                      (click)="saveProjection()"
                     >
                       Guardar información de proyecciones
                     </button>
+
+                    <button
+                      type="button"
+                      class="btn btn-primary center-component float-right"
+                      (click)="recalculateProjectionChanges()"
+                    >
+                      Recalcular proyecciones
+                    </button>
                   </div>
                   <br />
                 </form>

src/app/components/investments/costs/vcn/vcn.costs.component.ts

@@ -230,9 +230,7 @@ export class VCNCostsComponent implements OnInit {
     }, 1200);
   }
 
-  submitInstrumentChanges() {}
-
-  submitProjectionChanges() {
+  recalculateProjectionChanges() {
     let objProjection = { proyecciones: this.form.value };
     Swal.fire({
       allowOutsideClick: false,
@@ -260,10 +258,7 @@ export class VCNCostsComponent implements OnInit {
                     title: "Exito",
                     confirmButtonText: "La información ha sido actualizada"
                   }).then(result => {
-                    this.proyecciones =
-                      result["result"]["id_inversion_instrumento"][
-                        "instrumento"
-                      ]["proyecciones"];
+                    this.proyecciones = result["result"];
 
                     this.form = new FormArray(
                       this.buildForm(this.proyecciones)

src/app/services/instrument-calculations.service.ts

@@ -272,7 +272,7 @@ export class InstrumentCalculations {
 
   projectionCalc(id: string, proyecciones: any): Observable<boolean> {
     return this.http
-      .post<any>(`${environment.productionApiUrl}/autocomplete/${id}`, {
+      .put<any>(`${environment.productionApiUrl}/autocomplete/${id}`, {
         proyecciones
       })
       .pipe(
@@ -285,7 +285,7 @@ export class InstrumentCalculations {
 
   projectionModification(id: string, proyecciones: any): Observable<boolean> {
     return this.http
-      .put<any>(`${environment.productionApiUrl}/proyecciones/${id}`, {
+      .post<any>(`${environment.productionApiUrl}/proyecciones/${id}`, {
         proyecciones
       })
       .pipe(

src/app/services/investments.service.ts

@@ -10,7 +10,7 @@ import { environment } from "@environments/environment";
   providedIn: "root"
 })
 export class InvestmentsService {
-  time: number = 6000;
+  time: number = 10000;
 
   constructor(private http: HttpClient) {}
 

src/styles.scss

@@ -270,7 +270,7 @@ textarea.form-control {
 .costs-summary {
   border: 1px solid #afdb90;
   padding: 20px 15px;
-  background: #dcefce;
+  background: #deead5;
 
   h4 {
     font-size: 1.2rem;