feat: Center Translate Module (#1800)
This commit is contained in:
@@ -1,48 +1,48 @@
|
||||
<div class="tab-container mat-typography">
|
||||
<div *ngIf="centerViewData.status.value=='Closed'">
|
||||
<h3 class="closedCenter">Center Closed</h3>
|
||||
<h3 class="closedCenter">{{"labels.heading.Center Closed" |translate}}</h3>
|
||||
</div>
|
||||
<h3>Summary Details</h3>
|
||||
<h3>{{"labels.heading.Summary Details" |translate}}</h3>
|
||||
<div fxLayout="row" fxLayoutGap="32px" class="summary-details-container">
|
||||
<p>
|
||||
Active Clients: {{centerSummaryData.activeClients}}<br />
|
||||
Active Group Loans: {{centerSummaryData.activeGroupLoans}}<br />
|
||||
Active Client Loans: {{centerSummaryData.activeClientLoans}}<br />
|
||||
Active Overdue Group Loans: {{centerSummaryData.overdueGroupLoans}}<br />
|
||||
{{ "labels.inputs.Active Clients" |translate}}: {{centerSummaryData.activeClients}}<br />
|
||||
{{ "labels.inputs.Active Group Loans" |translate}}: {{centerSummaryData.activeGroupLoans}}<br />
|
||||
{{ "labels.inputs.Active Client Loans" |translate}}: {{centerSummaryData.activeClientLoans}}<br />
|
||||
{{ "labels.inputs.Active Overdue Group Loans" |translate}}: {{centerSummaryData.overdueGroupLoans}}<br />
|
||||
</p>
|
||||
<p>
|
||||
Active Group Borrowers: {{centerSummaryData.activeGroupBorrowers}}<br />
|
||||
Active Client Borrowers: {{centerSummaryData.activeClientBorrowers}}<br />
|
||||
Active Overdue Client Loans: {{centerSummaryData.overdueClientLoans}}<br />
|
||||
{{ "labels.inputs.Active Group Borrowers" |translate}}: {{centerSummaryData.activeGroupBorrowers}}<br />
|
||||
{{ "labels.inputs.Active Client Borrowers" |translate}}: {{centerSummaryData.activeClientBorrowers}}<br />
|
||||
{{ "labels.inputs.Active Overdue Client Loans" |translate}}: {{centerSummaryData.overdueClientLoans}}<br />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Groups -->
|
||||
<ng-container *ngIf="groupResourceData.length > 0">
|
||||
|
||||
<h3>Groups</h3>
|
||||
<h3>{{"labels.heading.Groups"|translate}}</h3>
|
||||
|
||||
<table mat-table [dataSource]="groupResourceData" matSort>
|
||||
|
||||
<ng-container matColumnDef="Account No">
|
||||
<th mat-header-cell *matHeaderCellDef> Account Number </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Account Number" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> <i class="fa fa-stop" matTooltip="{{ element.status.value }}"
|
||||
[ngClass]="element.status.code|statusLookup"></i>
|
||||
{{element.accountNo}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Group Name">
|
||||
<th mat-header-cell *matHeaderCellDef> Group Name </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Group Name" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Office Name">
|
||||
<th mat-header-cell *matHeaderCellDef> Office Name </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Office Name" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.officeName}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Submitted On">
|
||||
<th mat-header-cell *matHeaderCellDef> Submitted On </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Submitted On" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.timeline.submittedOnDate | dateFormat}} </td>
|
||||
</ng-container>
|
||||
|
||||
@@ -58,62 +58,62 @@
|
||||
|
||||
<ng-container *ngIf="savingsAccountData.length > 0">
|
||||
|
||||
<h3>Savings Account Overview</h3>
|
||||
<h3>{{"labels.heading.Savings Account Overview" |translate}}</h3>
|
||||
|
||||
<table mat-table [dataSource]="savingsAccountData" matSort>
|
||||
|
||||
<ng-container matColumnDef="Account No">
|
||||
<th mat-header-cell *matHeaderCellDef> Account No </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Account No" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> <i class="fa fa-stop" matTooltip="{{ element.status.value }}"
|
||||
[ngClass]="element.status.code|statusLookup"></i>
|
||||
{{element.accountNo}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Products">
|
||||
<th mat-header-cell *matHeaderCellDef> Products </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Products" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.productName}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Balance">
|
||||
<th mat-header-cell *matHeaderCellDef> Balance</th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Balance" |translate}}</th>
|
||||
<td mat-cell *matCellDef="let element"> {{element.accountBalance}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="Actions">
|
||||
<th mat-header-cell *matHeaderCellDef> Actions </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Actions" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<ng-container *ngIf="element.status.active">
|
||||
<button class="account-action-button" mat-raised-button color="primary" *ngIf="element.depositType.id == '100'"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Deposit']">
|
||||
<i class="fa fa-arrow-right" matTooltip="Deposit"></i>
|
||||
<i class="fa fa-arrow-right" matTooltip="{{ 'tooltips.Deposit' | translate }}"></i>
|
||||
</button>
|
||||
<button class="account-action-button" mat-raised-button color="primary" *ngIf="element.depositType.id == '300'"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Deposit']">
|
||||
<i class="fa fa-arrow-right" matTooltip="Deposit"></i>
|
||||
<i class="fa fa-arrow-right" matTooltip="{{ 'tooltips.Deposit' | translate }}"></i>
|
||||
</button>
|
||||
<button class="account-action-button" mat-raised-button color="primary" *ngIf="element.depositType.id == '100'"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Withdrawal']">
|
||||
<i class="fa fa-arrow-left" matTooltip="Withdraw"></i>
|
||||
<i class="fa fa-arrow-left" matTooltip="{{ 'tooltips.Withdraw' | translate }}"></i>
|
||||
</button>
|
||||
<button class="account-action-button" mat-raised-button color="primary" *ngIf="element.depositType.id == '300'"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Withdrawal']">
|
||||
<i class="fa fa-arrow-left" matTooltip="Withdraw"></i>
|
||||
<i class="fa fa-arrow-left" matTooltip="{{ 'tooltips.Withdraw' | translate }}"></i>
|
||||
</button>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="element.status.submittedAndPendingApproval">
|
||||
<button class="account-action-button" mat-raised-button color="primary"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Approve']">
|
||||
<i class="fa fa-check" matTooltip="Approve"></i>
|
||||
<i class="fa fa-check" matTooltip="{{ 'tooltips.Approve' | translate }}"></i>
|
||||
</button>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="!element.status.submittedAndPendingApproval && !element.status.active">
|
||||
<button class="account-action-button" mat-raised-button color="primary"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Undo Approval']">
|
||||
<i class="fa fa-undo" matTooltip="Undo Approve"></i>
|
||||
<i class="fa fa-undo" matTooltip="{{ 'tooltips.Undo Approve' | translate }}"></i>
|
||||
</button>
|
||||
<button class="account-action-button" mat-raised-button color="primary"
|
||||
(click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Activate']">
|
||||
<i class="fa fa-power-off" matTooltip="Activate"></i>
|
||||
<i class="fa fa-power-off" matTooltip="{{ 'tooltips.Activate' | translate }}"></i>
|
||||
</button>
|
||||
</ng-container>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user