CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

New input control for Transaction Amounts

Browse Source
This commit is contained in:
Jose Alberto Hernandez
2024-06-09 22:38:28 -06:00
committed by Jose Alberto Hernandez
parent 83f9a0e499
commit 9b51ec4694
48 changed files with 318 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/input-amount/input-amount.component.html
+21
View File
@@ -0,0 +1,21 @@
<mat-form-field appearance="fill" fxFlex="100%" *ngIf="isRequired">
<mat-label>{{'labels.inputs.' + inputLabel | translate}}</mat-label>
<span matTextSuffix class="m-l-10">{{ currency.code }}</span>
<span fxFlex="auto"></span>
<input mifosxFormatAmount="{{currency.code}}:{{currency.displaySymbol}}" class="right-input"
[formControl]="inputFormControl" (keypress)="numberOnly($event)"
required matInput (blur)="displayHint = false;" (focus)="displayHint = true;" />
<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" fxFlex="100%" *ngIf="!isRequired">
<mat-label>{{'labels.inputs.' + inputLabel | translate}}</mat-label>
<span matTextSuffix class="m-l-10">{{ currency.code }}</span>
<span fxFlex="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>