Enhancement in loan and savings account views (#1690)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/loans/loans-view/view-charge/view-charge.component.html

@@ -11,11 +11,19 @@
     </button>
   </span>
   <span *ngIf="allowWaive">
-    <button mat-raised-button color="primary" *mifosxHasPermission="'WAIVE_SAVINGSACCOUNTCHARGE'" (click)="waiveCharge()">
+    <button mat-raised-button color="primary" *mifosxHasPermission="'WAIVE_SAVINGSACCOUNTCHARGE'"
+      (click)="waiveCharge()">
       <fa-icon icon="flag" class="m-r-10"></fa-icon>
       Waive
     </button>
   </span>
+  <span>
+    <button mat-raised-button color="accent" *mifosxHasPermission="'ADJUSTMENT_LOANCHARGE'"
+      (click)="adjustmentCharge()">
+      <fa-icon icon="pen" class="m-r-10"></fa-icon>
+      Adjustment
+    </button>
+  </span>
 </div>
 
 <div *ngIf="loansAccountData.status.value === 'Submitted and pending approval'" fxLayout="row" fxLayoutAlign="end"

src/app/loans/loans-view/view-charge/view-charge.component.ts

@@ -178,6 +178,10 @@ export class ViewChargeComponent {
     return this.chargeData.paid ? 'paid' : 'not-paid';
   }
 
+  adjustmentCharge(): void {
+    this.router.navigate(['adjustment'], { relativeTo: this.route});
+  }
+
   /**
    * Refetches data fot the component
    * TODO: Replace by a custom reload component instead of hard-coded back-routing.