feat: add edit savings account page (#884)

Fixes: #222

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

@@ -35,7 +35,7 @@
     <mat-card-actions class="account-actions">
 
       <ng-container *ngFor="let button of buttonConfig.singleButtons">
-        <button mat-raised-button *mifosxHasPermission="button.taskPermissionName">
+        <button mat-raised-button *mifosxHasPermission="button.taskPermissionName" (click)="doAction(button.name)">
           <i class="{{button.icon}}"></i> {{button.name}}</button>
       </ng-container>
   

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

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Buttons Configuration */
 import { SavingsButtonsConfiguration } from './savings-buttons.config';
@@ -26,7 +26,8 @@ export class SavingsAccountViewComponent implements OnInit {
    * Fetches savings account data from `resolve`
    * @param {ActivatedRoute} route Activated Route
    */
-  constructor(private route: ActivatedRoute) {
+  constructor(private route: ActivatedRoute,
+              private router: Router) {
     this.route.data.subscribe((data: { savingsAccountData: any, savingsDatatables: any }) => {
       this.savingsAccountData = data.savingsAccountData;
       this.savingsDatatables = data.savingsDatatables;
@@ -65,7 +66,7 @@ export class SavingsAccountViewComponent implements OnInit {
       charges.forEach((charge: any) => {
         if (charge.name === 'Annual fee - INR') {
           this.buttonConfig.addOption({
-            name: 'Apply Anuual Fees',
+            name: 'Apply Annual Fees',
             taskPermissionName: 'APPLYANNUALFEE_SAVINGSACCOUNT'
           });
         }
@@ -86,4 +87,12 @@ export class SavingsAccountViewComponent implements OnInit {
     }
   }
 
+  doAction(name: string) {
+    switch (name) {
+      case 'Modify Application':
+      this.router.navigate(['edit-savings-account'], { relativeTo: this.route });
+      break;
+    }
+  }
+
 }

src/app/savings/savings-account-view/savings-buttons.config.ts

@@ -4,14 +4,12 @@ export class SavingsButtonsConfiguration {
   optionArray: {
     name: string,
     taskPermissionName: string,
-    action?: Function
   }[];
 
   buttonsArray: {
     name: string,
     icon: string,
     taskPermissionName: string,
-    action?: Function
   }[];
 
   constructor(status: string) {