feat: add view standing instruction details (#1137)

Fixes: #1136

src/app/deposits/recurring-deposits/recurring-deposits-account-view/standing-instructions-tab/standing-instructions-tab.component.html

@@ -58,7 +58,7 @@
             </button>
           </span>
           <button class="account-action-button" mat-raised-button color="primary" matTooltip="View Standing Instruction"
-            *mifosxHasPermission="'READ_STANDINGINSTRUCTION'">
+            *mifosxHasPermission="'READ_STANDINGINSTRUCTION'" [routerLink]="['../', 'standing-instructions', instruction.id, 'view']">
             <i class="fa fa-eye"></i>
           </button>
         </td>

src/app/deposits/recurring-deposits/recurring-deposits-routing.module.ts

@@ -32,7 +32,7 @@ import { RecurringDepositsAccountTransactionTemplateResolver } from './common-re
 const routes: Routes = [
   {
     path: '',
-    data: { title: extract('All Recurring Deposits'), breadcrumb: 'Recurring Deposits', routeParamBreadcrumb: false },
+    data: { title: extract('Recurring Deposits'), breadcrumb: 'Recurring Deposits', routeParamBreadcrumb: false },
     children: [
       {
         path: 'create-recurring-deposits-account',
@@ -147,6 +147,23 @@ const routes: Routes = [
         ]
       }
     ]
+  },
+  {
+    path: '',
+    data: { title: extract('All Recurring Deposits'), breadcrumb: 'Recurring Deposits', routeParamBreadcrumb: false },
+    children: [
+      {
+        path: ':recurringDepositAccountId',
+        data: { title: extract('RecurringDeposit Account View'), routeParamBreadcrumb: 'recurringDepositAccountId' },
+        children: [
+          {
+            path: 'standing-instructions',
+            data: { title: extract('Standing Instructions'), breadcrumb: 'standing-instructions', routeParamBreadcrumb: false },
+            loadChildren: '../../account-transfers/account-transfers.module#AccountTransfersModule'
+          },
+        ]
+      }
+    ]
   }
 ];
 @NgModule({