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/view-journal-entry/view-journal-entry.component.html

@@ -1,5 +1,7 @@
 <h1 mat-dialog-title>View Journal Entry</h1>
+
 <div mat-dialog-content>
+
   <table>
 
     <tr>
@@ -102,7 +104,9 @@
     </tr>
 
   </table>
+
 </div>
+
 <mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Close</button>
 </mat-dialog-actions>

src/app/accounting/view-journal-entry/view-journal-entry.component.scss

@@ -1,13 +1,16 @@
-th {
-  text-align: left;
-  font-weight: 500;
-}
+table {
+  th {
+    text-align: left;
+    font-weight: 500;
+    padding: 0 0.4rem 0 0;
 
-th, td {
-  padding: 0 0.4rem 0 0;
-}
+    &.header {
+      text-align: center;
+      padding: 0.4rem 0.4rem 0 0;
+    }
+  }
 
-.header {
-  text-align: center;
-  padding: 0.4rem 0.4rem 0 0;
+  td {
+    padding: 0 0.4rem 0 0;
+  }
 }

src/app/accounting/view-journal-entry/view-journal-entry.component.ts

@@ -1,6 +1,10 @@
+/** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 
+/**
+ * View journal entry dialog component.
+ */
 @Component({
   selector: 'mifosx-view-journal-entry',
   templateUrl: './view-journal-entry.component.html',
@@ -8,6 +12,10 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 })
 export class ViewJournalEntryComponent implements OnInit {
 
+  /**
+   * @param {MatDialogRef} dialogRef Component reference to dialog.
+   * @param {any} data Provides journal entry.
+   */
   constructor(public dialogRef: MatDialogRef<ViewJournalEntryComponent>,
               @Inject(MAT_DIALOG_DATA) public data: any) { }