41 lines
1.6 KiB
HTML
41 lines
1.6 KiB
HTML
<mat-form-field appearance="fill" class="flex-100 input-container" *ngIf="isRequired">
|
|
<mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
|
|
<div class="input-group">
|
|
<span>{{ currency.code }}</span>
|
|
<input
|
|
mifosxFormatAmount="{{ currency.code }}:{{ currency.displaySymbol }}"
|
|
class="right-input"
|
|
[formControl]="inputFormControl"
|
|
(keypress)="numberOnly($event)"
|
|
required
|
|
matInput
|
|
(blur)="displayHint = false"
|
|
(focus)="displayHint = true"
|
|
/>
|
|
</div>
|
|
<mat-error *ngIf="inputFormControl.hasError('required')">
|
|
{{ 'labels.inputs.' + inputLabel | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
<mat-hint class="right-hint" *ngIf="displayHint">{{
|
|
inputFormControl.value | currency: currency.code : currency.displaySymbol : '1.2-2'
|
|
}}</mat-hint>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="flex-100" *ngIf="!isRequired">
|
|
<mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
|
|
<span matTextSuffix class="m-l-10">{{ currency.code }}</span>
|
|
<span class="flex-auto"></span>
|
|
<input
|
|
mifosxFormatAmount="{{ currency.code }}:{{ currency.displaySymbol }}"
|
|
class="right-input"
|
|
[formControl]="inputFormControl"
|
|
(keypress)="numberOnly($event)"
|
|
matInput
|
|
(blur)="displayHint = false"
|
|
(focus)="displayHint = true"
|
|
/>
|
|
<mat-hint class="right-hint" *ngIf="displayHint">{{
|
|
inputFormControl.value | currency: currency.code : currency.displaySymbol : '1.2-2'
|
|
}}</mat-hint>
|
|
</mat-form-field>
|