Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-7340 - red border around the page input field should only appear after the user has finished entering the page range

Browse Source
This commit is contained in:
Valentin Mihai 2024-10-22 17:19:48 +03:00
parent a5d10ad148
commit d7ad450ca1
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/inputs/details-radio/details-radio.component.html
View File

@ -43,15 +43,17 @@
}
@if (option.additionalInput) {
<div class="iqser-input-group w-400 additional-input">
<div class="iqser-input-group w-full additional-input">
<span class="label"> {{ option.additionalInput.label | translate }} </span>
<div class="flex-column">
<input
[(ngModel)]="option.additionalInput.value"
[ngClass]="{ error: hasError(option.additionalInput.errorCode) }"
[ngClass]="{ error: additionalInputTouched && hasError(option.additionalInput.errorCode) }"
[placeholder]="
option.additionalInput.placeholder ? (option.additionalInput.placeholder | translate) : ''
"
(blur)="additionalInputTouched = true"
(focus)="additionalInputTouched = false"
(keydown)="emitExtraOption()"
/>
@if (option.additionalInput.description) {

1
src/lib/inputs/details-radio/details-radio.component.ts
View File

@ -43,6 +43,7 @@ export class DetailsRadioComponent<I> extends FormFieldComponent<DetailsRadioOpt
readonly options = input.required<DetailsRadioOption<I>[]>();
readonly displayInRow = input(false, { transform: booleanAttribute });
readonly extraOptionChanged = output<DetailsRadioOption<I>>();
additionalInputTouched = false;
toggleOption(option: DetailsRadioOption<I>) {
if (option.value !== this._value?.value && !option.disabled) {