i18n: Adding new languages: Part 1 (#1882)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
José Alberto Hernández
2023-10-22 20:18:05 -06:00
committed by GitHub
co-authored by Jose Alberto Hernandez
parent c7fe21e74a
commit 408f004450
432 changed files with 38051 additions and 44613 deletions
@@ -3,18 +3,18 @@
<div fxLayout="row" fxLayoutAlign="start center">
<div class="search-box" fxFlex="40%">
<mat-form-field fxFlex="90%">
<input matInput placeholder="Search by user" (keyup)="applyFilter($event.target.value)">
<input matInput placeholder="{{'labels.text.Search by user' | translate}}" (keyup)="applyFilter($event.target.value)">
</mat-form-field>
</div>
<div fxFlex="60%" fxLayoutGap="0.5rem">
<button mat-raised-button color="success" (click)="approveChecker()">
<fa-icon icon="check" class="m-r-10"></fa-icon>Approve
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
</button>
<button mat-raised-button color="warn" (click)="deleteChecker()">
<fa-icon icon="trash" class="m-r-10"></fa-icon>Delete
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{'labels.buttons.Delete' | translate}}
</button>
<button mat-raised-button color="reject" (click)="rejectChecker()">
<fa-icon icon="times" class="m-r-10"></fa-icon>Reject
<fa-icon icon="times" class="m-r-10"></fa-icon>{{'labels.buttons.Reject' | translate}}
</button>
</div>
</div>
@@ -24,7 +24,7 @@
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<mat-form-field fxFlex="31%" (click)="makerDateTimeFromPicker.open()">
<mat-label>From Date</mat-label>
<mat-label>{{'labels.inputs.From Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="makerDateTimeFromPicker"
formControlName="makerDateTimeFrom">
<mat-datepicker-toggle matSuffix [for]="makerDateTimeFromPicker"></mat-datepicker-toggle>
@@ -32,7 +32,7 @@
</mat-form-field>
<mat-form-field fxFlex="31%" (click)="makerDateTimetoPicker.open()">
<mat-label>To Date</mat-label>
<mat-label>{{'labels.inputs.To Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="makerDateTimetoPicker"
formControlName="makerDateTimeto">
<mat-datepicker-toggle matSuffix [for]="makerDateTimetoPicker"></mat-datepicker-toggle>
@@ -40,7 +40,7 @@
</mat-form-field>
<mat-form-field fxFlex="31%">
<mat-label>Action</mat-label>
<mat-label>{{'labels.inputs.Action' | translate}}</mat-label>
<mat-select formControlName="actionName">
<mat-option *ngFor="let action of makerCheckerTemplate.actionNames" [value]="action">
{{ action }}
@@ -49,7 +49,7 @@
</mat-form-field>
<mat-form-field fxFlex="31%">
<mat-label>Entity</mat-label>
<mat-label>{{'labels.inputs.Entity' | translate}}</mat-label>
<mat-select formControlName="entityName">
<mat-option *ngFor="let entity of makerCheckerTemplate.entityNames" [value]="entity">
{{ entity }}
@@ -58,11 +58,11 @@
</mat-form-field>
<mat-form-field fxFlex="31%">
<mat-label>Resource ID</mat-label>
<mat-label>{{'labels.inputs.Resource ID' | translate}}</mat-label>
<input matInput formControlName="resourceId">
</mat-form-field>
<button mat-raised-button color="primary" id="search-button" (click)="search()">Search</button>
<button mat-raised-button color="primary" id="search-button" (click)="search()">{{'labels.buttons.Search' | translate}}</button>
</div>
@@ -84,32 +84,32 @@
</ng-container>
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef> ID </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.ID' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.id }} </td>
</ng-container>
<ng-container matColumnDef="madeOnDate">
<th mat-header-cell *matHeaderCellDef> Made on Date </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Made on Date' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.madeOnDate | dateFormat }} </td>
</ng-container>
<ng-container matColumnDef="status">
<th mat-header-cell *matHeaderCellDef> Status </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Status' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.processingResult }} </td>
</ng-container>
<ng-container matColumnDef="user">
<th mat-header-cell *matHeaderCellDef> User </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.User' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.maker }} </td>
</ng-container>
<ng-container matColumnDef="action">
<th mat-header-cell *matHeaderCellDef> Action </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Action' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.actionName }} </td>
</ng-container>
<ng-container matColumnDef="entity">
<th mat-header-cell *matHeaderCellDef> Entity </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Entity' | translate}} </th>
<td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.entityName }} </td>
</ng-container>
@@ -122,7 +122,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check fa-2x"></i>
No checker inbox data available for this search.
{{'labels.text.No checker inbox data available for this search' | translate}}
</div>
</div>
@@ -133,7 +133,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check fa-2x"></i>
No checker inbox data available for this account.
{{'labels.text.No checker inbox data available for this account' | translate}}
</div>
</div>
@@ -3,13 +3,13 @@
<div fxLayout="row" fxLayoutAlign="start center">
<div class="search-box" fxFlex="40%">
<mat-form-field fxFlex="90%">
<input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
<input matInput placeholder="{{'labels.text.Filter by name' | tranalate}}" (keyup)="applyFilter($event.target.value)">
</mat-form-field>
</div>
<div fxFlex="60%">
<button mat-raised-button color="success" *mifosxHasPermission="'ACTIVATE_CLIENT'"
(click)="approveClients()">
<fa-icon icon="check" class="m-r-10"></fa-icon>Approve
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
</button>
</div>
</div>
@@ -36,17 +36,17 @@
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef> Name </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.name' | translate}} </th>
<td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.displayName }} </td>
</ng-container>
<ng-container matColumnDef="accountNumber">
<th mat-header-cell *matHeaderCellDef> AccountNumber </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Account Number' | translate}} </th>
<td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.accountNo }} </td>
</ng-container>
<ng-container matColumnDef="staff">
<th mat-header-cell *matHeaderCellDef> Staff </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Staff' | translate}} </th>
<td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.staffName }} </td>
</ng-container>
@@ -65,7 +65,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check"></i>
No pending loans for approval.
{{'labels.text.No pending loans for approval' | translate}}
</div>
</div>
@@ -3,12 +3,12 @@
<div fxLayout="row" fxLayoutAlign="start center">
<div class="search-box" fxFlex="40%">
<mat-form-field fxFlex="90%">
<input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
<input matInput placeholder="{{'labels.text.Filter by name' | translate}}" (keyup)="applyFilter($event.target.value)">
</mat-form-field>
</div>
<div fxFlex="60%">
<button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="approveLoan()">
<fa-icon icon="check" class="m-r-10"></fa-icon>Approve
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
</button>
</div>
</div>
@@ -36,24 +36,24 @@
</ng-container>
<ng-container matColumnDef="clientName">
<th mat-header-cell *matHeaderCellDef> Client </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Client' | translate}} </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'general']">
{{ loan.clientName }} </td>
</ng-container>
<ng-container matColumnDef="loan">
<th mat-header-cell *matHeaderCellDef> Loan </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'loans-accounts', loan.id]">
{{ loan.loanProductName}} ({{loan.accountNo}}) </td>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Loan' | translate}} </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'loans-accounts', 'loan.id']">
{{ loan.loanProductName}}({{loan.accountNo}}) </td>
</ng-container>
<ng-container matColumnDef="amount">
<th mat-header-cell *matHeaderCellDef> Amount </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Amount' | translate}} </th>
<td mat-cell *matCellDef="let loan"> {{ loan.principal | formatNumber}} </td>
</ng-container>
<ng-container matColumnDef="loanPurpose">
<th mat-header-cell *matHeaderCellDef> Loan Purpose </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Loan Purpose' | translate}} </th>
<td mat-cell *matCellDef="let loan"> {{ loan.loanPurposeName }} </td>
</ng-container>
@@ -72,7 +72,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check"></i>
No pending loans for approval.
{{'labels.text.No pending loans for approval' | translate}}
</div>
</div>
@@ -3,12 +3,12 @@
<div fxLayout="row" fxLayoutAlign="start center">
<div class="search-box" fxFlex="40%">
<mat-form-field fxFlex="90%">
<input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
<input matInput placeholder="{{'labels.text.Filter by name' | translate}}" (keyup)="applyFilter($event.target.value)">
</mat-form-field>
</div>
<div fxFlex="60%">
<button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="disburseLoan()">
<fa-icon icon="check" class="m-r-10"></fa-icon>Disburse
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Disburse' | translate}}
</button>
</div>
</div>
@@ -29,22 +29,22 @@
</ng-container>
<ng-container matColumnDef="client">
<th mat-header-cell *matHeaderCellDef> Client Name </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Client Name' | translate}} </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'general']"> {{loan.clientName}} </td>
</ng-container>
<ng-container matColumnDef="loanAccountNumber">
<th mat-header-cell *matHeaderCellDef> Loan Account# </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Loan Account' | translate}}# </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'loans-accounts', loan.id, 'general']"> {{loan.accountNo}} </td>
</ng-container>
<ng-container matColumnDef="loanProduct">
<th mat-header-cell *matHeaderCellDef> Loan Product </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Loan Product' | translate}} </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'loans-accounts', loan.id, 'general']"> {{loan.loanProductName}} </td>
</ng-container>
<ng-container matColumnDef="principal">
<th mat-header-cell *matHeaderCellDef> Principal </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Principal' | translate}} </th>
<td mat-cell *matCellDef="let loan"> {{loan.principal | formatNumber}} </td>
</ng-container>
@@ -59,7 +59,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check"></i>
No pending loan available for disbursal.
{{'labels.text.No pending loan available for disbursal' | translate}}
</div>
</div>
@@ -3,17 +3,17 @@
<div fxLayout="row" fxLayoutAlign="start center">
<div class="search-box" fxFlex="40%">
<mat-form-field fxFlex="90%">
<input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
<input matInput placeholder="{{'labels.text.Filter by name' | translate}}" (keyup)="applyFilter($event.target.value)">
</mat-form-field>
</div>
<div fxFlex="60%">
<button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
(click)="bulkLoanReschedule('Approve')">
<fa-icon icon="check" class="m-r-10"></fa-icon>Approve
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
</button>
<button mat-raised-button color="reject" *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
(click)="bulkLoanReschedule('Reject')">
<fa-icon icon="times" class="m-r-10"></fa-icon>Reject
<fa-icon icon="times" class="m-r-10"></fa-icon>{{'labels.buttons.Reject' | translate}}
</button>
</div>
</div>
@@ -34,27 +34,27 @@
</ng-container>
<ng-container matColumnDef="client">
<th mat-header-cell *matHeaderCellDef> Client </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Client' | translate}} </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId , 'general']"> {{loan.clientName}} </td>
</ng-container>
<ng-container matColumnDef="rescheduleRequestNo">
<th mat-header-cell *matHeaderCellDef> Reschedule Request# </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Reschedule Request' | translate}}# </th>
<td mat-cell *matCellDef="let loan"> {{loan.id}} </td>
</ng-container>
<ng-container matColumnDef="loanAccountNo">
<th mat-header-cell *matHeaderCellDef> Loan Account# </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Loan Account' | translate}}# </th>
<td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId , 'loans', loan.loanId, 'general']"> {{loan.loanAccountNumber}} </td>
</ng-container>
<ng-container matColumnDef="rescheduleForm">
<th mat-header-cell *matHeaderCellDef> Reschedule Form </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Reschedule Form' | translate}} </th>
<td mat-cell *matCellDef="let loan"> {{loan.rescheduleFromDate | dateFormat}} </td>
</ng-container>
<ng-container matColumnDef="rescheduleReason">
<th mat-header-cell *matHeaderCellDef> Reschedule Reason </th>
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Reschedule Reason' | translate}} </th>
<td mat-cell *matCellDef="let loan"> {{loan.rescheduleReasonCodeValue.name}} </td>
</ng-container>
@@ -69,7 +69,7 @@
<div class="message">
<i class="fa fa-exclamation-circle alert-check"></i>
No pending rescheduled loan available for this account.
{{'labels.text.No pending rescheduled loan available for this account' | translate}}
</div>
</div>
@@ -7,23 +7,23 @@
<nav mat-tab-nav-bar class="navigation-tabs">
<a mat-tab-link [routerLink]="['./checker-inbox']" routerLinkActive #checkerInbox="routerLinkActive"
[active]="checkerInbox.isActive" *mifosxHasPermission="'ALL_FUNCTIONS_READ'">
Checker Inbox
{{'labels.inputs.Checker Inbox' | translate}}
</a>
<a mat-tab-link [routerLink]="['./client-approval']" routerLinkActive #clientApproval="routerLinkActive"
[active]="clientApproval.isActive" *mifosxHasPermission="'READ_CLIENT'">
Client Approval
{{'labels.inputs.Client Approval' | translate}}
</a>
<a mat-tab-link [routerLink]="['./loan-approval']" routerLinkActive #loanApproval="routerLinkActive"
[active]="loanApproval.isActive" *mifosxHasPermission="'READ_LOAN'">
Loan Approval
{{'labels.inputs.Loan Approval' | translate}}
</a>
<a mat-tab-link [routerLink]="['./loan-disbursal']" routerLinkActive #loanDisbursal="routerLinkActive"
[active]="loanDisbursal.isActive" *mifosxHasPermission="'READ_LOAN'">
Loan Disbursal
{{'labels.inputs.Loan Disbursal' | translate}}
</a>
<a mat-tab-link [routerLink]="['./reschedule-loan']" routerLinkActive #rescheduleLoan="routerLinkActive"
[active]="rescheduleLoan.isActive" *mifosxHasPermission="'RESCHEDULE_LOAN'">
Reschedule Loan
{{'labels.inputs.Reschedule Loan' | translate}}
</a>
</nav>
+7 -10
View File
@@ -5,9 +5,6 @@ import { Routes, RouterModule } from '@angular/router';
/** Routing Imports */
import { Route } from '../core/route/route.service';
/** Translation Imports */
import { extract } from '../core/i18n/i18n.service';
/** Custom Components */
import { CheckerInboxAndTasksComponent } from './checker-inbox-and-tasks/checker-inbox-and-tasks.component';
import { CheckerInboxComponent } from './checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component';
@@ -32,12 +29,12 @@ const routes: Routes = [
{
path: 'checker-inbox-and-tasks',
component: CheckerInboxAndTasksComponent,
data: { title: extract('Checker Inbox & Tasks'), breadcrumb: 'Checker Inbox & Tasks' },
data: { title: 'Checker Inbox & Tasks', breadcrumb: 'Checker Inbox & Tasks' },
children: [
{
path: 'checker-inbox',
component: CheckerInboxComponent,
data: { title: extract('Checker Inbox') },
data: { title: 'Checker Inbox' },
resolve: {
makerCheckerResource: GetMakerCheckers,
makerCheckerTemplate: MakerCheckerTemplate
@@ -46,7 +43,7 @@ const routes: Routes = [
{
path: 'client-approval',
component: ClientApprovalComponent,
data: { title: extract('Client Approval') },
data: { title: 'Client Approval' },
resolve: {
groupedClientData: GetGroupedClientsData
},
@@ -54,7 +51,7 @@ const routes: Routes = [
{
path: 'loan-approval',
component: LoanApprovalComponent,
data: { title: extract('Laon Approval') },
data: { title: 'Laon Approval' },
resolve: {
officesData: GetOffices,
loansData: GetLoans
@@ -63,7 +60,7 @@ const routes: Routes = [
{
path: 'loan-disbursal',
component: LoanDisbursalComponent,
data: { title: extract('Loan Disbursal') },
data: { title: 'Loan Disbursal' },
resolve: {
loansData: GetLoans
}
@@ -71,7 +68,7 @@ const routes: Routes = [
{
path: 'reschedule-loan',
component: RescheduleLoanComponent,
data: { title: extract('Reschedule Loan') },
data: { title: 'Reschedule Loan' },
resolve: {
recheduleLoansData: GetRescheduleLoans
}
@@ -84,7 +81,7 @@ const routes: Routes = [
{
path: ':id/view',
component: ViewCheckerInboxComponent,
data: { title: extract('View Checker Inbox Component'), routeParamBreadcrumb: 'clientId' },
data: { title: 'View Checker Inbox Component', routeParamBreadcrumb: 'clientId' },
resolve: {
checkerInboxDetail: GetCheckerInboxDetailResolver
}
@@ -1,12 +1,12 @@
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="1%" fxLayout.lt-md="column" class="container m-b-20">
<button mat-raised-button color="success" (click)="approveChecker()">
<fa-icon icon="check" class="m-r-10"></fa-icon>Approve
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
</button>
<button mat-raised-button color="warn" (click)="deleteChecker()">
<fa-icon icon="trash" class="m-r-10"></fa-icon>Delete
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{'labels.buttons.Delete' | translate}}
</button>
<button mat-raised-button color="reject" (click)="rejectChecker()">
<fa-icon icon="times" class="m-r-10"></fa-icon>Reject
<fa-icon icon="times" class="m-r-10"></fa-icon>{{'labels.buttons.Reject' | translate}}
</button>
</div>
@@ -18,56 +18,56 @@
<div fxLayout="row wrap" fxLayout.lt-md="column">
<h2 class="mat-h2" fxFlexFill> View Checker Inbox </h2>
<h2 class="mat-h2" fxFlexFill> {{'labels.heading.View Checker Inbox' | translate}} </h2>
<mat-divider [inset]="true"></mat-divider>
<h3 class="mat-h3" fxFlexFill>Details</h3>
<h3 class="mat-h3" fxFlexFill>{{'labels.heading.Details' | translate}}</h3>
<mat-divider [inset]="true"></mat-divider>
<div fxFlexFill>
<span fxFlex="40%">ID:</span>
<span fxFlex="40%">{{'labels.inputs.ID' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.id }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">Status:</span>
<span fxFlex="40%">{{'labels.inputs.Status' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.processingResult }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">User:</span>
<span fxFlex="40%">{{'labels.inputs.User' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.maker }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">Action:</span>
<span fxFlex="40%">{{'labels.inputs.Action' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.actionName }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">Entity:</span>
<span fxFlex="40%">{{'labels.inputs.Entity' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.entityName }}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.resourceId">
<span fxFlex="40%">Resource ID:</span>
<span fxFlex="40%">{{'labels.inputs.Resource ID' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.resourceId }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">Date:</span>
<span fxFlex="40%">{{'labels.inputs.Date' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.madeOnDate | dateFormat}}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.officeName">
<span fxFlex="40%">Office:</span>
<span fxFlex="40%">{{'labels.inputs.Office' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.officeName }}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.savingsAccountNo">
<span fxFlex="40%">Savings Account Number:</span>
<span fxFlex="40%">{{'labels.inputs.Savings Account Number' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.savingsAccountNo }}</span>
</div>
@@ -78,7 +78,7 @@
<ng-container *ngIf="displayJSONData">
<h3 class="mat-h3" fxFlexFill>Command</h3>
<h3 class="mat-h3" fxFlexFill>{{'labels.heading.Command' | translate}}</h3>
<mat-divider [inset]="true"></mat-divider>