feat: add edit standing instructions details (#1139)

Fixes: #1138
2020-07-19 10:24:52 +05:30
parent 521c61d1f3
commit 3bc8e41a46
11 changed files with 404 additions and 4 deletions
@@ -0,0 +1,149 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { AccountTransfersService } from '../account-transfers.service';
+import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
+import { DatePipe } from '@angular/common';
+
+@Component({
+  selector: 'mifosx-edit-standing-instructions',
+  templateUrl: './edit-standing-instructions.component.html',
+  styleUrls: ['./edit-standing-instructions.component.scss']
+})
+export class EditStandingInstructionsComponent implements OnInit {
+
+  /** Standing Instructions Data */
+  standingInstructionsData: any;
+  /** Standing Instructions Id */
+  standingInstructionsId: any;
+  /** Allow Client Edit */
+  allowclientedit = false;
+  /** Edit Standing Instructions form. */
+  editStandingInstructionsForm: FormGroup;
+  /** Priority Type Data */
+  priorityTypeData: any;
+  /** Status Type Data */
+  statusTypeData: any;
+  /** Instruction Type Data  */
+  instructionTypeData: any;
+  /** Recurrence Type Data */
+  recurrenceTypeData: any;
+  /** Recurrence Frequency Type Data */
+  recurrenceFrequencyTypeData: any;
+  /** Minimum date allowed. */
+  minDate = new Date(2000, 0, 1);
+  /** Maximum date allowed. */
+  maxDate = new Date();
+
+  /**
+   * Retrieves the standing instructions data from `resolve`.
+   * @param {ActivatedRoute} route Activated Route.
+   */
+  constructor(private formBuilder: FormBuilder,
+    private route: ActivatedRoute,
+    private router: Router,
+    private accountTransfersService: AccountTransfersService,
+    private datePipe: DatePipe) {
+    this.route.data.subscribe((data: { standingInstructionsDataAndTemplate: any }) => {
+      this.standingInstructionsData = data.standingInstructionsDataAndTemplate;
+      this.standingInstructionsId = data.standingInstructionsDataAndTemplate.id;
+      if (this.standingInstructionsData.fromClient.id === this.standingInstructionsData.toClient.id) {
+        this.allowclientedit = false;
+      }
+      this.setOptions();
+    });
+  }
+
+  /**
+   * Creates and sets the edit standing instructions form.
+   */
+  ngOnInit() {
+    this.createEditStandingInstructionsForm();
+    const presentDate = new Date();
+    const n = presentDate.getFullYear();
+    this.standingInstructionsData.recurrenceOnMonthDay.push(n);
+    this.editStandingInstructionsForm.patchValue({
+      'name': this.standingInstructionsData.name,
+      'applicant': this.standingInstructionsData.fromClient.displayName,
+      'type': this.standingInstructionsData.transferType.value,
+      'priority': this.standingInstructionsData.priority.id,
+      'status': this.standingInstructionsData.status.id,
+      'fromAccountType': this.standingInstructionsData.fromAccountType.value,
+      'fromAccount': this.standingInstructionsData.fromAccount.productName,
+      'destination': this.allowclientedit ? 'Within Bank' : 'Own Account',
+      'toOffice': this.standingInstructionsData.toOffice.name,
+      'toClientId': this.standingInstructionsData.toClient.displayName,
+      'toAccountType': this.standingInstructionsData.toAccountType.value,
+      'toAccount': this.standingInstructionsData.toAccount.productName,
+      'instructionType': this.standingInstructionsData.instructionType.id,
+      'amount': this.standingInstructionsData.amount,
+      'validFrom': this.standingInstructionsData.validFrom && new Date(this.standingInstructionsData.validFrom),
+      'validTill': this.standingInstructionsData.validTill && new Date(this.standingInstructionsData.validTill),
+      'recurrenceType': this.standingInstructionsData.recurrenceType.id,
+      'recurrenceInterval': this.standingInstructionsData.recurrenceInterval,
+      'recurrenceFrequency': this.standingInstructionsData.recurrenceFrequency.id,
+      'recurrenceOnMonthDay': new Date(this.standingInstructionsData.recurrenceOnMonthDay)
+    });
+  }
+
+  /**
+   * Creates the group form.
+   */
+  createEditStandingInstructionsForm() {
+    this.editStandingInstructionsForm = this.formBuilder.group({
+      'name': [{value: '', disabled: true}],
+      'applicant': [{ value: '', disabled: true }],
+      'type': [{ value: '', disabled: true }],
+      'priority': ['', Validators.required],
+      'status': ['', Validators.required],
+      'fromAccountType': [{ value: '', disabled: true }],
+      'fromAccount': [{ value: '', disabled: true }],
+      'destination': [{ value: '', disabled: true }],
+      'toOffice': [{ value: '', disabled: true }],
+      'toClientId': [{ value: '', disabled: true }],
+      'toAccountType': [{ value: '', disabled: true }],
+      'toAccount': [{ value: '', disabled: true }],
+      'instructionType': '',
+      'amount': '',
+      'validFrom': ['', Validators.required],
+      'validTill': ['', Validators.required],
+      'recurrenceType': ['', Validators.required],
+      'recurrenceInterval': '',
+      'recurrenceFrequency': '',
+      'recurrenceOnMonthDay': ''
+    });
+  }
+
+  setOptions() {
+    this.priorityTypeData = this.standingInstructionsData.priorityOptions;
+    this.statusTypeData = this.standingInstructionsData.statusOptions;
+    this.instructionTypeData = this.standingInstructionsData.instructionTypeOptions;
+    this.recurrenceTypeData = this.standingInstructionsData.recurrenceTypeOptions;
+    this.recurrenceFrequencyTypeData = this.standingInstructionsData.recurrenceFrequencyOptions;
+  }
+
+  /**
+   * Submits the standing instructions form
+   */
+  submit() {
+    const dateFormat = 'dd MMMM yyyy';
+    const standingInstructionData = {
+      amount: this.editStandingInstructionsForm.value.amount,
+      dateFormat: dateFormat,
+      instructionType: this.editStandingInstructionsForm.value.instructionType,
+      locale: 'en',
+      monthDayFormat:	'dd MMMM',
+      priority: this.editStandingInstructionsForm.value.priority,
+      recurrenceFrequency:	this.editStandingInstructionsForm.value.recurrenceFrequency,
+      recurrenceInterval:	this.editStandingInstructionsForm.value.recurrenceInterval,
+      recurrenceOnMonthDay: this.datePipe.transform(this.editStandingInstructionsForm.value.recurrenceOnMonthDay, 'dd MMMM'),
+      recurrenceType:	this.editStandingInstructionsForm.value.recurrenceType,
+      status:	this.editStandingInstructionsForm.value.status,
+      validFrom: this.datePipe.transform(this.editStandingInstructionsForm.value.validFrom, dateFormat),
+      validTill: this.datePipe.transform(this.editStandingInstructionsForm.value.validTill, dateFormat)
+    };
+    this.accountTransfersService.updateStandingInstructionsData(this.standingInstructionsId, standingInstructionData).subscribe((response: any) => {
+      this.router.navigate(['../../'], { relativeTo: this.route });
+    });
+  }
+
+}