Recurring Deposit view account homologation (#1910)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/deposits/fixed-deposits/fixed-deposit-account-view/view-transaction/view-transaction.component.html

@@ -1,3 +1,11 @@
+<div fxLayoutAlign="end" class="container m-b-20" fxLayoutGap="2%">
+  <span *ngIf="allowUndo()">
+    <button mat-raised-button color="warn" *mifosxHasPermission="'UNDOTRANSACTION_SAVINGSACCOUNT'"
+      (click)="undoTransaction()">
+      <fa-icon icon="undo" class="m-r-10"></fa-icon>Undo
+    </button>
+  </span>
+</div>
 <div class="container">
 
   <mat-card>

src/app/deposits/fixed-deposits/fixed-deposit-account-view/view-transaction/view-transaction.component.ts

@@ -1,7 +1,11 @@
 /** Angular Imports */
 import { Component } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
+import { UndoTransactionDialogComponent } from 'app/savings/savings-account-view/custom-dialogs/undo-transaction-dialog/undo-transaction-dialog.component';
+import { Dates } from 'app/core/utils/dates';
+import { SavingsService } from 'app/savings/savings.service';
+import { SettingsService } from 'app/settings/settings.service';
 
 /**
  * View Transaction Component.
@@ -12,18 +16,23 @@ import { MatDialog } from '@angular/material/dialog';
   styleUrls: ['./view-transaction.component.scss']
 })
 export class ViewTransactionComponent {
-
+  accountId: string;
+  transactionId: string;
   /** Transaction data. */
   transactionData: any;
 
   /**
-   * Retrieves the Transaction data from `resolve`.
-   * @param {ActivatedRoute} route Activated Route.
-   * @param {MatDialog} dialog Dialog reference.
    */
-  constructor(private route: ActivatedRoute,
-              public dialog: MatDialog) {
+  constructor(private savingsService: SavingsService,
+      private route: ActivatedRoute,
+      private dateUtils: Dates,
+      private router: Router,
+      public dialog: MatDialog,
+      private settingsService: SettingsService) {
     this.route.data.subscribe((data: { fixedDepositsAccountTransaction: any }) => {
+      console.log(this.route.parent.snapshot.params);
+      this.accountId = this.route.parent.snapshot.params['fixedDepositAccountId'];
+
       this.transactionData = data.fixedDepositsAccountTransaction;
     });
   }
@@ -35,4 +44,27 @@ export class ViewTransactionComponent {
     return 'active';
   }
 
+  allowUndo(): boolean {
+    return false;
+  }
+
+  undoTransaction(): void {
+    const undoTransactionAccountDialogRef = this.dialog.open(UndoTransactionDialogComponent);
+    undoTransactionAccountDialogRef.afterClosed().subscribe((response: any) => {
+      if (response.confirm) {
+        const locale = this.settingsService.language.code;
+        const dateFormat = this.settingsService.dateFormat;
+        const data = {
+          transactionDate: this.dateUtils.formatDate(this.transactionData.date && new Date(this.transactionData.date), dateFormat),
+          transactionAmount: 0,
+          dateFormat,
+          locale
+        };
+        this.savingsService.executeSavingsAccountTransactionsCommand(this.accountId, 'undo', data, this.transactionData.id).subscribe(() => {
+          this.router.navigate(['../'], { relativeTo: this.route });
+        });
+      }
+    });
+  }
+
 }