feat: edit and delete financial activity mapping

Add edit financial activity component and delete dialog component.

src/app/accounting/financial-activity-mappings/view-financial-activity-mapping/view-financial-activity-mapping.component.html

@@ -1,8 +1,8 @@
 <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" class="container m-b-20">
-  <button mat-raised-button color="primary">
+  <button mat-raised-button color="primary" [routerLink]="['/accounting/financial-activity-mappings/view', financialActivityAccountId, 'edit']">
     <mat-icon>edit</mat-icon>&nbsp;&nbsp;Edit
   </button>
-  <button mat-raised-button color="warn">
+  <button mat-raised-button color="warn" (click)="deleteFinancialActivityAccount()">
     <mat-icon>delete</mat-icon>&nbsp;&nbsp;Delete
   </button>
 </div>

src/app/accounting/financial-activity-mappings/view-financial-activity-mapping/view-financial-activity-mapping.component.ts

@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MatDialog } from '@angular/material';
+
 import { AccountingService } from '../../accounting.service';
+import { DeleteDialogComponent } from '../../../shared/delete-dialog/delete-dialog.component';
 
 @Component({
   selector: 'mifosx-view-financial-activity-mapping',
@@ -13,7 +16,9 @@ export class ViewFinancialActivityMappingComponent implements OnInit {
   financialActivityAccountData: any;
 
   constructor(private route: ActivatedRoute,
-              private accountingService: AccountingService) { }
+              private router: Router,
+              private accountingService: AccountingService,
+              public dialog: MatDialog) { }
 
   ngOnInit() {
     this.financialActivityAccountId = this.route.snapshot.paramMap.get('id');
@@ -21,11 +26,24 @@ export class ViewFinancialActivityMappingComponent implements OnInit {
   }
 
   getFinancialActivityAccount() {
-    this.accountingService.getFinancialActivityAccount(this.financialActivityAccountId)
+    this.accountingService.getFinancialActivityAccount(this.financialActivityAccountId, false)
       .subscribe((financialActivityAccountData: any) => {
         this.financialActivityAccountData = financialActivityAccountData;
-        console.log(financialActivityAccountData);
       });
   }
 
+  deleteFinancialActivityAccount() {
+    const deleteFinancialActivityAccountDialogRef = this.dialog.open(DeleteDialogComponent, {
+      data: { deleteContext: `financial activity mapping ${this.financialActivityAccountId}` }
+    });
+    deleteFinancialActivityAccountDialogRef.afterClosed().subscribe((response: any) => {
+      if (response.delete) {
+        this.accountingService.deleteFinancialActivityAccount(this.financialActivityAccountId)
+          .subscribe(() => {
+            this.router.navigate(['/accounting/financial-activity-mappings']);
+          });
+      }
+    });
+  }
+
 }