feat: add view client charges component (#688)

Fixes: #688

src/app/clients/clients-view/general-tab/general-tab.component.html

@@ -78,7 +78,7 @@
     </ng-container>
 
     <tr mat-header-row *matHeaderRowDef="upcomingChargesColumns"></tr>
-    <tr mat-row *matRowDef="let row; columns: upcomingChargesColumns;"></tr>
+    <tr mat-row *matRowDef="let row; columns: upcomingChargesColumns;" [routerLink]="[routeToCharges,row.id]"></tr>
   </table>
 
 

src/app/clients/clients-view/general-tab/general-tab.component.scss

@@ -12,6 +12,9 @@
 
   table {
     width: 100%;
+    td:hover {
+      cursor: pointer;
+    }
     .account-action-button{
       min-width: 26px;
       padding: 0 6px;

src/app/clients/clients-view/general-tab/general-tab.component.ts

@@ -35,6 +35,8 @@ export class GeneralTabComponent {
   showClosedFixedAccounts = false;
 
   clientid: any;
+  /** Route to Charges */
+  routeToCharges: any;
 
   constructor(
     private route: ActivatedRoute,
@@ -48,6 +50,11 @@ export class GeneralTabComponent {
       this.upcomingCharges = data.clientChargesData.pageItems;
       this.clientSummary = data.clientSummary[0];
       this.clientid = this.route.parent.snapshot.params['clientId'];
+  });
+
+    /** Get Client Id and generate the route link. */
+    this.route.parent.params.subscribe((params: any) => {
+      this.routeToCharges = '../../' + params.clientId + '/charges';
     });
   }