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/revert-transaction/revert-transaction.component.html

@@ -4,7 +4,8 @@
   <div mat-dialog-content>
     <p>Are you sure you want to revert this transaction?</p>
     <mat-form-field fxFlexFill>
-      <textarea matInput placeholder="Comments" [formControl]="comments"></textarea>
+      <mat-label>Comments</mat-label>
+      <textarea matInput [formControl]="comments"></textarea>
     </mat-form-field>
   </div>
   <mat-dialog-actions align="end">

src/app/accounting/revert-transaction/revert-transaction.component.ts

@@ -1,7 +1,11 @@
+/** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 import { FormControl } from '@angular/forms';
 
+/**
+ * Revert transaction dialog component.
+ */
 @Component({
   selector: 'mifosx-revert-transaction',
   templateUrl: './revert-transaction.component.html',
@@ -9,8 +13,13 @@ import { FormControl } from '@angular/forms';
 })
 export class RevertTransactionComponent implements OnInit {
 
+  /** Comments input form control. */
   comments = new FormControl('');
 
+  /**
+   * @param {MatDialogRef} dialogRef Component reference to dialog.
+   * @param {any} data Provides comments or reverted transaction ID.
+   */
   constructor(public dialogRef: MatDialogRef<RevertTransactionComponent>,
               @Inject(MAT_DIALOG_DATA) public data: any) { }