refactor: clients module (#1207)

See: #1196

src/app/clients/clients-view/family-members-tab/edit-family-member/edit-family-member.component.html

@@ -98,6 +98,7 @@
       </mat-form-field>
 
     </div>
+    
     <div fxLayout="row" fxLayoutGap="32px" fxLayoutAlign="center">
       <button type="button" mat-raised-button [routerLink]="['../../']">Cancel</button>
       <button type="submit" mat-raised-button color="primary" [disabled]="editFamilyMemberForm.pristine||!editFamilyMemberForm.valid">Submit</button>

src/app/clients/clients-view/family-members-tab/edit-family-member/edit-family-member.component.ts

@@ -1,3 +1,4 @@
+/** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
@@ -6,12 +7,16 @@ import { DatePipe } from '@angular/common';
 /** Custom Services */
 import { ClientsService } from '../../../clients.service';
 
+/**
+ * Edit Family Member Component
+ */
 @Component({
   selector: 'mifosx-edit-family-member',
   templateUrl: './edit-family-member.component.html',
   styleUrls: ['./edit-family-member.component.scss']
 })
 export class EditFamilyMemberComponent implements OnInit {
+
   /** Minimum Due Date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum Due Date allowed. */
@@ -20,13 +25,21 @@ export class EditFamilyMemberComponent implements OnInit {
   editFamilyMemberForm: FormGroup;
   /** Add family member template. */
   addFamilyMemberTemplate: any;
+  /** Family Members Details */
   familyMemberDetails: any;
 
+  /**
+   * @param {FormBuilder} formBuilder Form Builder
+   * @param {DatePipe} datePipe DatePipe
+   * @param {Router} router Router
+   * @param {ActivatedRoute} route Route
+   * @param {ClientsService} clientsService Clients Service
+   */
   constructor(private formBuilder: FormBuilder,
-    private datePipe: DatePipe,
-    private router: Router,
-    private route: ActivatedRoute,
-    private clientsService: ClientsService) {
+              private datePipe: DatePipe,
+              private router: Router,
+              private route: ActivatedRoute,
+              private clientsService: ClientsService) {
     this.route.data.subscribe((data: { clientTemplate: any, editFamilyMember: any }) => {
       this.addFamilyMemberTemplate = data.clientTemplate.familyMemberOptions;
       this.familyMemberDetails = data.editFamilyMember;
@@ -35,9 +48,12 @@ export class EditFamilyMemberComponent implements OnInit {
 
   ngOnInit() {
     this.createEditFamilyMemberForm(this.familyMemberDetails);
-
   }
 
+  /**
+   * Creates Edit Family Member Form
+   * @param {any} familyMember Family Member
+   */
   createEditFamilyMemberForm(familyMember: any) {
     this.editFamilyMemberForm = this.formBuilder.group({
       'firstName': [familyMember.firstName, Validators.required],
@@ -54,6 +70,9 @@ export class EditFamilyMemberComponent implements OnInit {
     });
   }
 
+  /**
+   * Submits the form and updates the client family member.
+   */
   submit() {
     const prevDateOfBirth: Date = this.editFamilyMemberForm.value.dateOfBirth;
     // TODO: Update once language and date settings are setup
@@ -67,6 +86,6 @@ export class EditFamilyMemberComponent implements OnInit {
     this.clientsService.editFamilyMember(this.familyMemberDetails.clientId, this.familyMemberDetails.id, familyMemberData).subscribe(res => {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
-
   }
+
 }