feat: add audit-trails and view-audit-trail components (#406)

Fixes #404

src/app/system/audit-trails/view-audit/view-audit.component.ts

@@ -0,0 +1,64 @@
+/** Angular Imports */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+
+/**
+ * View Audit Component.
+ */
+@Component({
+  selector: 'mifosx-view-audit',
+  templateUrl: './view-audit.component.html',
+  styleUrls: ['./view-audit.component.scss']
+})
+export class ViewAuditComponent implements OnInit {
+
+  /** Audit Trail Data. */
+  auditTrailData: any;
+  /** Columns to be displayed in audit trail table. */
+  displayedColumns: string[] = ['command', 'commandValue'];
+  /** Data source for audit trail table. */
+  dataSource: MatTableDataSource<any>;
+
+  /** Paginator for audit trails table. */
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  /** Sorter for audit trails table. */
+  @ViewChild(MatSort) sort: MatSort;
+
+  /**
+   * Retrieves the audit trail data from `resolve`.
+   * @param {ActivatedRoute} route Activated Route.
+   */
+  constructor(private route: ActivatedRoute) {
+    this.route.data.subscribe((data: { auditTrail: any }) => {
+      this.auditTrailData = data.auditTrail;
+    });
+  }
+
+  /**
+   * Sets the audit trail commands table.
+   */
+  ngOnInit() {
+    this.setAuditTrailCommands();
+  }
+
+  /**
+   * Initalizes Audit Trail Commands Data.
+   */
+  get auditTrailCommandsData() {
+    return Object.entries(JSON.parse(this.auditTrailData.commandAsJson))
+      .map(
+        ([key, value]) => ({ command: key, commandValue: value })
+      );
+  }
+
+  /**
+   * Initializes the data source, paginator and sorter for audit trail commands table.
+   */
+  setAuditTrailCommands() {
+    this.dataSource = new MatTableDataSource(this.auditTrailCommandsData);
+    this.dataSource.paginator = this.paginator;
+    this.dataSource.sort = this.sort;
+  }
+
+}