feat: add financial activity mappings component

Add financial activity mappings component to view accounts linked to financial activities.
2018-07-28 20:18:01 +05:30
parent af9c18b532
commit 7022895a3b
8 changed files with 118 additions and 5 deletions
@@ -0,0 +1,42 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+
+import { AccountingService } from '../accounting.service';
+
+@Component({
+  selector: 'mifosx-financial-activity-mappings',
+  templateUrl: './financial-activity-mappings.component.html',
+  styleUrls: ['./financial-activity-mappings.component.scss']
+})
+export class FinancialActivityMappingsComponent implements OnInit {
+
+  displayedColumns: string[] = ['financialActivity', 'glAccountName', 'glAccountCode'];
+  dataSource: any;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(private accountingService: AccountingService) { }
+
+  ngOnInit() {
+    this.getFinancialActivityAccounts();
+  }
+
+  getFinancialActivityAccounts() {
+    this.accountingService.getFinancialActivityAccounts().subscribe((financialActivityAccounts: any) => {
+      this.dataSource = new MatTableDataSource(financialActivityAccounts);
+      this.dataSource.paginator = this.paginator;
+      this.dataSource.sortingDataAccessor = (financialActivityAccount: any, property: any) => {
+        switch (property) {
+          case 'financialActivity': return financialActivityAccount.financialActivityData.name;
+          case 'glAccountName': return financialActivityAccount.glAccountData.name;
+          case 'glAccountCode': return financialActivityAccount.glAccountData.glCode;
+          default: return financialActivityAccount[property];
+        }
+      };
+      this.dataSource.sort = this.sort;
+      console.log(financialActivityAccounts);
+    });
+  }
+
+}