i18n: Adding new languages: Part 1 (#1882)
Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
co-authored by
Jose Alberto Hernandez
parent
c7fe21e74a
commit
408f004450
+13
-12
@@ -1,40 +1,40 @@
|
||||
<div class="tab-container mat-typography">
|
||||
<mat-card class="charges-card">
|
||||
|
||||
<div style="margin-top: 5px;">
|
||||
<div class="tab-container mat-typography">
|
||||
|
||||
<h2>{{ "labels.heading.Charges Overview" |translate}}</h2>
|
||||
<h2>{{"labels.heading.Charges Overview" | translate}}</h2>
|
||||
|
||||
<table mat-table [dataSource]="dataSource">
|
||||
|
||||
<ng-container matColumnDef="name">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.name" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.name" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"><i class="fa fa-stop"
|
||||
[ngClass]="(!(chargeOverviewData.isWaived || chargeOverviewData.isPaid))|statusLookup"></i>
|
||||
[ngClass]="(!(chargeOverviewData.isWaived || chargeOverviewData.isPaid))|statusLookup"></i>
|
||||
{{chargeOverviewData.name}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="dueAsOf">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Due as of" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.dueDate | dateFormat}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Due as of" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.dueDate | dateFormat}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="due">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Due" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Due" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.amount}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="paid">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Paid" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Paid" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.amountPaid}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="waived">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Waived" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Waived" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.amountWaived}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="outstanding">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Outstanding" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Outstanding" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let chargeOverviewData"> {{chargeOverviewData.amountOutstanding}} </td>
|
||||
</ng-container>
|
||||
|
||||
@@ -45,4 +45,5 @@
|
||||
|
||||
<mat-paginator [pageSizeOptions]="[10, 20, 25]" showFirstLastButtons></mat-paginator>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</mat-card>
|
||||
|
||||
+13
-2
@@ -1,4 +1,15 @@
|
||||
table {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.tab-container {
|
||||
padding: 1%;
|
||||
margin: 1%;
|
||||
padding: 1%;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
.charges-card {
|
||||
margin: 0 auto;
|
||||
max-width: 80rem;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
+6
-6
@@ -7,28 +7,28 @@
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label> {{ "labels.inputs.Amount" |translate}} </mat-label>
|
||||
<mat-label> {{"labels.inputs.Amount" | translate}} </mat-label>
|
||||
<input matInput required autofocus formControlName="amount">
|
||||
<mat-error *ngIf="transactionForm.controls.amount.hasError('required')">
|
||||
{{ "labels.inputs.Amount" |translate}} {{ "labels.commons.is" | translate }} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Amount" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field (click)="transactionDatePicker.open()">
|
||||
<mat-label> {{ "labels.inputs.Transaction date" |translate}} </mat-label>
|
||||
<mat-label> {{"labels.inputs.Transaction date" | translate}} </mat-label>
|
||||
<input matInput [min]="minDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transactionDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #transactionDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="transactionForm.controls.transactionDate.hasError('required')">
|
||||
{{ "labels.inputs.Transaction date" |translate}} {{ "labels.commons.is" | translate }} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Transaction date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
|
||||
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../../..','general']">{{ "labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!transactionForm.valid">{{ "labels.buttons.Submit" | translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../../..','general']">{{"labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!transactionForm.valid">{{"labels.buttons.Submit" | translate}}</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
|
||||
<button mat-raised-button color="primary" [routerLink]="['pay']" *mifosxHasPermission="'PAY_CLIENTCHARGE'">
|
||||
<fa-icon icon="dollar-sign" class="m-r-10"></fa-icon>
|
||||
{{ "labels.buttons.Pay" | translate}}
|
||||
{{"labels.buttons.Pay" | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" (click)="waiveCharge()" *mifosxHasPermission="'WAIVE_CLIENTCHARGE'">
|
||||
<i class="fa fa-flag"></i>
|
||||
{{ "labels.buttons.Waive Charge" | translate}}
|
||||
{{"labels.buttons.Waive Charge" | translate}}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" (click)="deleteCharge()">
|
||||
<fa-icon icon="trash" class="m-r-10"></fa-icon>
|
||||
{{ "labels.buttons.Delete" | translate}}
|
||||
{{"labels.buttons.Delete" | translate}}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -32,41 +32,41 @@
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Currency" |translate}} </td>
|
||||
<td> {{"labels.inputs.Currency" | translate}} </td>
|
||||
<td> {{ chargeData.currency.name }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Charge Time Type" |translate}} </td>
|
||||
<td> {{"labels.inputs.Charge Time Type" | translate}} </td>
|
||||
<td> {{ chargeData.chargeTimeType.value }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Charge Calculation Type" |translate}} </td>
|
||||
<td> {{"labels.inputs.Charge Calculation Type" | translate}} </td>
|
||||
<td> {{ chargeData.chargeCalculationType.value }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Due as of" |translate}} </td>
|
||||
<td> {{ chargeData.dueDate | dateFormat }} </td>
|
||||
<td> {{"labels.inputs.Due as of" | translate}} </td>
|
||||
<td> {{ chargeData.dueDate | dateFormat }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Due" |translate}} </td>
|
||||
<td> {{"labels.inputs.Due" | translate}} </td>
|
||||
<td> {{ chargeData.amount }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Paid" |translate}} </td>
|
||||
<td> {{"labels.inputs.Paid" | translate}} </td>
|
||||
<td> {{ chargeData.amountPaid }} </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Waived" |translate}} </td>
|
||||
<td> {{"labels.inputs.Waived" | translate}} </td>
|
||||
<td> {{ chargeData.amountWaived }} </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> {{ "labels.inputs.Outstanding" |translate}} </td>
|
||||
<td> {{"labels.inputs.Outstanding" | translate}} </td>
|
||||
<td> {{ chargeData.amountOutstanding }} </td>
|
||||
</tr>
|
||||
|
||||
@@ -79,36 +79,36 @@
|
||||
</mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" class="content" style="padding-top:10px">
|
||||
<h1><b> {{ "labels.heading.Transactions" |translate}} </b></h1>
|
||||
<h1><b> {{"labels.heading.Transactions" | translate}} </b></h1>
|
||||
|
||||
<table mat-table [dataSource]="chargeData.clientTransactionDatas" *ngIf="chargeData.clientTransactionDatas">
|
||||
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.ID" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.ID" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.id}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="officeName">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Office Name" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Office Name" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.officeName }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="type">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Type" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Type" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.type.value}} </td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="transactionDate">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Transaction Date" |translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.date | dateFormat}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Transaction Date" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.date | dateFormat}} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="amount">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Amount" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Amount" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}"> {{element.amount | formatNumber }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Actions" |translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Actions" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let element" [ngClass]="{'strikeoff':element.reversed}">
|
||||
<button mat-raised-button color="primary" (click)="undoTransaction(element.id)" class="delBtn">
|
||||
<fa-icon icon="trash" class="m-r-10"></fa-icon>
|
||||
@@ -124,7 +124,7 @@
|
||||
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../../','general']">{{ "labels.buttons.Back" | translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../../','general']">{{"labels.buttons.Back" | translate}}</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</mat-card>
|
||||
|
||||
Reference in New Issue
Block a user