feat: add view account transfer (#1192)

Fixes: #1188

src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html

@@ -54,7 +54,7 @@
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row" [routerLink]="[row.id]"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row" (click)="showTransactions(row)"></tr>
 
     </table>
 

src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { MatTableDataSource } from '@angular/material';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 
 /**
  * Transactions Tab Component.
@@ -26,7 +26,8 @@ export class TransactionsTabComponent implements OnInit {
    * Retrieves savings account data from `resolve`.
    * @param {ActivatedRoute} route Activated Route.
    */
-  constructor(private route: ActivatedRoute) {
+  constructor(private route: ActivatedRoute,
+              private router: Router) {
     this.route.parent.parent.data.subscribe((data: { savingsAccountData: any }) => {
       this.transactionsData = data.savingsAccountData.transactions.filter((transaction: any) => !transaction.reversed);
       this.status = data.savingsAccountData.status.value;
@@ -57,6 +58,18 @@ export class TransactionsTabComponent implements OnInit {
     return false;
   }
 
+  /**
+   * Show Transactions Details
+   * @param transactionsData Transactions Data
+   */
+  showTransactions(transactionsData: any) {
+    if (transactionsData.transfer) {
+      this.router.navigate([`account-transfers/account-transfers/${transactionsData.transfer.id}`], { relativeTo: this.route });
+    } else {
+      this.router.navigate([transactionsData.id], { relativeTo: this.route });
+    }
+  }
+
   /**
    * Stops the propagation to view pages.
    * @param $event Mouse Event

src/app/savings/savings-routing.module.ts

@@ -116,6 +116,10 @@ const routes: Routes = [
                 path: '',
                 redirectTo: '../transactions', pathMatch: 'prefix'
               },
+              {
+                path: 'account-transfers',
+                loadChildren: '../account-transfers/account-transfers.module#AccountTransfersModule'
+              },
               {
                 path: ':id',
                 data: { routeParamBreadcrumb: 'id' },
@@ -180,7 +184,7 @@ const routes: Routes = [
         ]
       }
     ]
-  }
+  },
 ];
 @NgModule({
   imports: [RouterModule.forChild(routes)],