feat:glim and gsim account create and view

src/app/savings/gsim-account/gsim-account.component.ts

@@ -0,0 +1,68 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatTableDataSource } from '@angular/material/table';
+import { ActivatedRoute } from '@angular/router';
+
+/**
+ * GSIM Accounts Overview component.
+ */
+@Component({
+  selector: 'mifosx-gsim-account',
+  templateUrl: './gsim-account.component.html',
+  styleUrls: ['./gsim-account.component.scss']
+})
+export class GsimAccountComponent implements OnInit {
+
+  /** Columns to be displayed in charge overview table. */
+  displayedColumns: string[] = ['clientDetails', 'savingsAccount', 'products', 'balance', 'Actions'];
+  /** Data source for charge overview table. */
+  dataSource: MatTableDataSource<any>;
+  /** Charge Overview data */
+  gsimOverviewData: any;
+
+  savingAccountData: any;
+
+  groupsData: any;
+
+  /** Paginator for charge overview table. */
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
+
+  /**
+   * Retrieves the charge overview data from `resolve`.
+   * @param {ActivatedRoute} route Activated Route.
+   * @param {MatDialog} dialog Dialog reference.
+   */
+   constructor(private route: ActivatedRoute,
+               public dialog: MatDialog) {
+      this.route.data.subscribe((data: { gsimData: any, savingAccountData: any, groupsData: any }) => {
+      this.gsimOverviewData = data.gsimData[0].childGSIMAccounts;
+      this.savingAccountData = data.savingAccountData;
+      this.groupsData = data.groupsData;
+      console.log(data);
+    });
+  }
+
+  ngOnInit(): void {
+    this.setLoanClientChargeOverview();
+  }
+
+  /**
+   * Set Client Charge Overview.
+   */
+   setLoanClientChargeOverview() {
+    this.dataSource = new MatTableDataSource(this.gsimOverviewData);
+    console.log(this.dataSource);
+    console.log(this.gsimOverviewData);
+    // this.dataSource.paginator = this.paginator;
+  }
+
+  /**
+   * Stops the propagation to view pages.
+   * @param $event Mouse Event
+   */
+   routeEdit($event: MouseEvent) {
+    $event.stopPropagation();
+  }
+
+}