diff --git a/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.html b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.html
new file mode 100644
index 000000000..2ded32954
--- /dev/null
+++ b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.scss b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.scss
new file mode 100644
index 000000000..d774f68da
--- /dev/null
+++ b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.scss
@@ -0,0 +1,3 @@
+.container {
+ max-width: 37rem;
+}
diff --git a/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.spec.ts b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.spec.ts
new file mode 100644
index 000000000..77542648e
--- /dev/null
+++ b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AcceptClientTransferComponent } from './accept-client-transfer.component';
+
+describe('AcceptClientTransferComponent', () => {
+ let component: AcceptClientTransferComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ AcceptClientTransferComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(AcceptClientTransferComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.ts b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.ts
new file mode 100644
index 000000000..289a3baaa
--- /dev/null
+++ b/src/app/clients/clients-view/client-actions/accept-client-transfer/accept-client-transfer.component.ts
@@ -0,0 +1,72 @@
+/** Angular Imports */
+import { Component, OnInit } from '@angular/core';
+import { FormGroup, FormBuilder } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+
+/** Custom Services */
+import { ClientsService } from 'app/clients/clients.service';
+
+/**
+ * Accept Client Transfer Component
+ */
+@Component({
+ selector: 'mifosx-accept-client-transfer',
+ templateUrl: './accept-client-transfer.component.html',
+ styleUrls: ['./accept-client-transfer.component.scss']
+})
+export class AcceptClientTransferComponent implements OnInit {
+
+ /** Accept Client Transfer form. */
+ acceptClientTransferForm: FormGroup;
+ /** Client Id */
+ clientId: any;
+ /** Transfer Date */
+ transferDate: any;
+
+ /**
+ * @param {FormBuilder} formBuilder Form Builder
+ * @param {ClientsService} clientsService Clients Service
+ * @param {ActivatedRoute} route Activated Route
+ * @param {Router} router Router
+ */
+ constructor(private formBuilder: FormBuilder,
+ private clientsService: ClientsService,
+ private route: ActivatedRoute,
+ private router: Router) {
+ this.route.data.subscribe((data: { clientActionData: any }) => {
+ this.transferDate = data.clientActionData;
+ });
+ this.clientId = this.route.parent.snapshot.params['clientId'];
+ }
+
+ /**
+ * Creates the accept-approval savings form.
+ */
+ ngOnInit() {
+ this.createAcceptClientTransferForm();
+ }
+
+ /**
+ * Creates the accept-approval savings account form.
+ */
+ createAcceptClientTransferForm() {
+ this.acceptClientTransferForm = this.formBuilder.group({
+ 'transferDate': {value: new Date(this.transferDate), disabled: true},
+ 'note': ['']
+ });
+ }
+
+ /**
+ * Submits the form and accept the transfer of client
+ * if successful redirects to the client.
+ */
+ submit() {
+ const data = {
+ ...this.acceptClientTransferForm.value,
+ };
+ this.clientsService.executeClientCommand(this.clientId, 'acceptTransfer', data).subscribe(() => {
+ this.router.navigate(['../../'], { relativeTo: this.route });
+ });
+ }
+
+}
diff --git a/src/app/clients/clients-view/client-actions/client-actions.component.html b/src/app/clients/clients-view/client-actions/client-actions.component.html
index cbbd85a71..6d4342491 100644
--- a/src/app/clients/clients-view/client-actions/client-actions.component.html
+++ b/src/app/clients/clients-view/client-actions/client-actions.component.html
@@ -8,3 +8,4 @@
+
diff --git a/src/app/clients/clients.module.ts b/src/app/clients/clients.module.ts
index 9f7c47dc6..3dd961e87 100644
--- a/src/app/clients/clients.module.ts
+++ b/src/app/clients/clients.module.ts
@@ -38,6 +38,7 @@ import { UpdateClientSavingsAccountComponent } from './clients-view/client-actio
import { TransferClientComponent } from './clients-view/client-actions/transfer-client/transfer-client.component';
import { UndoClientTransferComponent } from './clients-view/client-actions/undo-client-transfer/undo-client-transfer.component';
import { RejectClientTransferComponent } from './clients-view/client-actions/reject-client-transfer/reject-client-transfer.component';
+import { AcceptClientTransferComponent } from './clients-view/client-actions/accept-client-transfer/accept-client-transfer.component';
/**
@@ -81,7 +82,8 @@ import { RejectClientTransferComponent } from './clients-view/client-actions/rej
UpdateClientSavingsAccountComponent,
TransferClientComponent,
UndoClientTransferComponent,
- RejectClientTransferComponent
+ RejectClientTransferComponent,
+ AcceptClientTransferComponent
],
entryComponents: [
UploadDocumentDialogComponent,