refractor: accounting module (#300)

* Refractor components.
* Add resolvers.
* Add relative router links.
* Replace mat-icons by font-awesome icons.
* Add comments.

Fixes: #298

src/app/accounting/chart-of-accounts/chart-of-accounts.component.ts

@@ -1,14 +1,22 @@
+/** Angular Imports */
 import { Component, ViewChild, OnInit, AfterViewInit } from '@angular/core';
 import { MatPaginator, MatSort, MatTableDataSource, MatTreeNestedDataSource } from '@angular/material';
 import { NestedTreeControl } from '@angular/cdk/tree';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
+/** rxjs Imports */
 import { of } from 'rxjs';
 
+/** Custom Models */
 import { GLAccountNode } from './gl-account-node.model';
+
+/** Custom Services */
 import { GlAccountTreeService } from './gl-account-tree.service';
 
+/**
+ * Chart of accounts component.
+ */
 @Component({
   selector: 'mifosx-chart-of-accounts',
   templateUrl: './chart-of-accounts.component.html',
@@ -16,37 +24,55 @@ import { GlAccountTreeService } from './gl-account-tree.service';
 })
 export class ChartOfAccountsComponent implements AfterViewInit, OnInit {
 
+  /** Button toggle group form control for type of view. (list/tree) */
   viewGroup = new FormControl('listView');
+  /** GL Account data. */
   glAccountData: any;
-
+  /** Columns to be displayed in chart of accounts table. */
   displayedColumns: string[] = ['name', 'glCode', 'glAccountType', 'disabled', 'manualEntriesAllowed', 'usedAs'];
-  tableDataSource: any;
-
-  @ViewChild(MatPaginator) paginator: MatPaginator;
-  @ViewChild(MatSort) sort: MatSort;
-
+  /** Data source for chart of accounts table. */
+  tableDataSource: MatTableDataSource<any>;
+  /** Nested tree control for chart of accounts tree. */
   nestedTreeControl: NestedTreeControl<GLAccountNode>;
+  /** Nested tree data source for chart of accounts tree. */
   nestedTreeDataSource: MatTreeNestedDataSource<GLAccountNode>;
+  /** Selected GL Account. */
   glAccount: GLAccountNode;
 
+  /** Paginator for chart of accounts table. */
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  /** Sorter for chart of accounts table. */
+  @ViewChild(MatSort) sort: MatSort;
+
+  /**
+   * Retrieves the gl accounts data from `resolve` and initializes(generates) gl accounts tree.
+   * @param {GlAccountTreeService} glAccountTreeService GL Account tree service.
+   * @param {ActivatedRoute} route Activated Route.
+   */
   constructor(private glAccountTreeService: GlAccountTreeService,
               private route: ActivatedRoute) {
-    this.route.data.subscribe((data: { glAccountData: any }) => {
-      this.glAccountData = data.glAccountData;
+    this.route.data.subscribe((data: { chartOfAccounts: any }) => {
+      this.glAccountData = data.chartOfAccounts;
       glAccountTreeService.initialize(this.glAccountData);
     });
     this.nestedTreeControl = new NestedTreeControl<GLAccountNode>(this._getChildren);
-    this.nestedTreeDataSource = new MatTreeNestedDataSource();
+    this.nestedTreeDataSource = new MatTreeNestedDataSource<GLAccountNode>();
   }
 
+  /**
+   * Initializes the data source for chart of accounts table and tree.
+   */
   ngOnInit() {
     this.tableDataSource = new MatTableDataSource(this.glAccountData);
-    this.glAccountTreeService.treeDataChange.subscribe((glAccountTreeData: any) => {
+    this.glAccountTreeService.treeDataChange.subscribe((glAccountTreeData: GLAccountNode[]) => {
       this.nestedTreeDataSource.data = glAccountTreeData;
       this.nestedTreeControl.expand(this.nestedTreeDataSource.data[0]);
     });
   }
 
+  /**
+   * Initializes the paginator and sorter for chart of accounts table.
+   */
   ngAfterViewInit() {
     this.tableDataSource.paginator = this.paginator;
     this.tableDataSource.sortingDataAccessor = (glAccount: any, property: any) => {
@@ -59,12 +85,18 @@ export class ChartOfAccountsComponent implements AfterViewInit, OnInit {
     this.tableDataSource.sort = this.sort;
   }
 
+  /**
+   * Filters data in chart of accounts table based on passed value.
+   * @param {string} filterValue Value to filter data.
+   */
   applyFilter(filterValue: string) {
     this.tableDataSource.filter = filterValue.trim().toLowerCase();
   }
 
-  hasNestedChild = (_: number, node: GLAccountNode) => node.children.length;
-
+  /**
+   * View selected gl account.
+   * @param {GLAccountNode} glAccount GL Account to be viewed.
+   */
   viewGLAccountNode(glAccount: GLAccountNode) {
     if (glAccount.glCode) {
       this.glAccount = glAccount;
@@ -73,6 +105,14 @@ export class ChartOfAccountsComponent implements AfterViewInit, OnInit {
     }
   }
 
+  /**
+   * Checks if selected node in tree has children.
+   */
+  hasNestedChild = (_: number, node: GLAccountNode) => node.children.length;
+
+  /**
+   * Gets the children of selected node in tree.
+   */
   private _getChildren = (node: GLAccountNode) => of(node.children);
 
 }