refactor: clients module (#1207)

See: #1196

src/app/clients/clients-view/family-members-tab/add-family-member/add-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]="!addFamilyMemberForm.valid">Submit</button>

src/app/clients/clients-view/family-members-tab/add-family-member/add-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,13 +7,16 @@ import { DatePipe } from '@angular/common';
 /** Custom Services */
 import { ClientsService } from '../../../clients.service';
 
-
+/**
+ * Add Family Member Component
+ */
 @Component({
   selector: 'mifosx-add-family-member',
   templateUrl: './add-family-member.component.html',
   styleUrls: ['./add-family-member.component.scss']
 })
 export class AddFamilyMemberComponent implements OnInit {
+
   /** Minimum Due Date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum Due Date allowed. */
@@ -21,12 +25,21 @@ export class AddFamilyMemberComponent implements OnInit {
   addFamilyMemberForm: FormGroup;
   /** Add family member template. */
   addFamilyMemberTemplate: any;
+  /** Client ID */
   clientId: any;
+
+  /**
+   * @param {FormBuilder} formBuilder FormBuilder
+   * @param {DatePipe} datePipe Date Pipe
+   * @param {Router} router Router
+   * @param {Route} 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 }) => {
       this.addFamilyMemberTemplate = data.clientTemplate.familyMemberOptions;
     });
@@ -36,10 +49,11 @@ export class AddFamilyMemberComponent implements OnInit {
 
   ngOnInit() {
     this.createAddFamilyMemberForm();
-
   }
 
-
+  /**
+   * Creates the add family member form
+   */
   createAddFamilyMemberForm() {
     this.addFamilyMemberForm = this.formBuilder.group({
       'firstName': ['', Validators.required],
@@ -56,6 +70,9 @@ export class AddFamilyMemberComponent implements OnInit {
     });
   }
 
+  /**
+   * Submits the form and adds the family member
+   */
   submit() {
     const prevDateOfBirth: Date = this.addFamilyMemberForm.value.dateOfBirth;
     // TODO: Update once language and date settings are setup
@@ -69,7 +86,6 @@ export class AddFamilyMemberComponent implements OnInit {
     this.clientsService.addFamilyMember(this.clientId, familyMemberData).subscribe(res => {
       this.router.navigate(['../'], { relativeTo: this.route });
     });
-
   }
 
 }