feat:glim and gsim account create and view
This commit is contained in:
@@ -193,6 +193,96 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="gsimAccounts">
|
||||
|
||||
<div fxLayout="row" fxLayoutAlign="start" class="table-header">
|
||||
<div class="m-b-10">
|
||||
<h3>GSIM Account Overview</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GSIM Accounts Table -->
|
||||
<table mat-table [dataSource]="gsimAccounts"
|
||||
class="mat-elevation-z1 m-b-30">
|
||||
|
||||
<ng-container matColumnDef="GSIM Id">
|
||||
<th mat-header-cell *matHeaderCellDef> GSIM Id </th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
{{element.gsimId}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Account Number">
|
||||
<th mat-header-cell *matHeaderCellDef> Account Number </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.accountNumber}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Product">
|
||||
<th mat-header-cell *matHeaderCellDef> Product </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.childGSIMAccounts[0].productName}}</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Balance">
|
||||
<th mat-header-cell *matHeaderCellDef> Balance </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.parentBalance}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Status">
|
||||
<th mat-header-cell *matHeaderCellDef> Status </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.savingsStatus}} </td>
|
||||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="gsimAccountsColumns"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: gsimAccountsColumns;" [routerLink]="['../', 'savings-accounts', 'gsim-account', row.accountNumber]"></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="glimAccounts">
|
||||
|
||||
<div fxLayout="row" fxLayoutAlign="start" class="table-header">
|
||||
<div class="m-b-10">
|
||||
<h3>GLIM Loans Account Overview</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GLIM Loans Accounts Table -->
|
||||
<table mat-table [dataSource]="glimAccounts"
|
||||
class="mat-elevation-z1 m-b-30">
|
||||
|
||||
<ng-container matColumnDef="GLIM Id">
|
||||
<th mat-header-cell *matHeaderCellDef> GLIM Id </th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
{{element.glimId}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Account Number">
|
||||
<th mat-header-cell *matHeaderCellDef> Account Number </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.accountNumber}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Product">
|
||||
<th mat-header-cell *matHeaderCellDef> Product </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.childGLIMAccounts[0].productName}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Original Loan">
|
||||
<th mat-header-cell *matHeaderCellDef> Original Loan </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.parentPrincipalAmount}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Status">
|
||||
<th mat-header-cell *matHeaderCellDef> Status </th>
|
||||
<td mat-cell *matCellDef="let element">{{element.loanStatus}} </td>
|
||||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="glimAccountsColumns"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: glimAccountsColumns;" [routerLink]="['../', 'loans-accounts', 'glim-account', row.glimId]"></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="savingAccounts">
|
||||
|
||||
<div fxLayout="row" fxLayoutAlign="start" class="table-header">
|
||||
|
||||
@@ -26,4 +26,7 @@
|
||||
i:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
tr:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,6 +18,10 @@ export class GeneralTabComponent {
|
||||
loanAccounts: any;
|
||||
/** Group's savings accounts data */
|
||||
savingAccounts: any;
|
||||
/** GSIM Accounts */
|
||||
gsimAccounts: any;
|
||||
/** GLIM Accounts */
|
||||
glimAccounts: any;
|
||||
/** Group Summary */
|
||||
groupSummary: any;
|
||||
/** Group's Client Members */
|
||||
@@ -32,6 +36,10 @@ export class GeneralTabComponent {
|
||||
openSavingsColumns: string[] = ['Account No', 'Saving Account', 'Last Active', 'Balance', 'Actions'];
|
||||
/** Columns to be displayed for closed accounts table */
|
||||
closedSavingsColumns: string[] = ['Account No', 'Saving Account', 'Closed Date'];
|
||||
/** Columns to be displayed for GSIM Accounts Table */
|
||||
gsimAccountsColumns: string[] = ['GSIM Id', 'Account Number', 'Product', 'Balance', 'Status'];
|
||||
/** Columns to be displayed for GLIM Accounts Table */
|
||||
glimAccountsColumns: string[] = ['GLIM Id', 'Account Number', 'Product', 'Original Loan', 'Status'];
|
||||
/** Boolean for toggling loan accounts table */
|
||||
showClosedLoanAccounts = false;
|
||||
/** Boolean for toggling savings accounts table */
|
||||
@@ -42,7 +50,9 @@ export class GeneralTabComponent {
|
||||
* @param {ActivatedRoute} route Activated Route.
|
||||
*/
|
||||
constructor(private route: ActivatedRoute) {
|
||||
this.route.data.subscribe((data: { groupAccountsData: any, groupClientMembers: any, groupSummary: any }) => {
|
||||
this.route.data.subscribe((data: { groupAccountsData: any, groupClientMembers: any, groupSummary: any, glimData: any, gsimData: any }) => {
|
||||
this.glimAccounts = data.glimData;
|
||||
this.gsimAccounts = data.gsimData;
|
||||
this.groupAccountData = data.groupAccountsData;
|
||||
this.savingAccounts = data.groupAccountsData.savingsAccounts;
|
||||
this.loanAccounts = data.groupAccountsData.loanAccounts;
|
||||
|
||||
Reference in New Issue
Block a user