Select Git revision
text-field.component.html 807 B
<div class="flex flex-col">
<label class="grid grid-cols-2 items-center">
<span
[attr.data-test-id]="'text-field-span-' + label | convertForDataTest"
[ngClass]="control?.invalid ? ['text-red-500', 'font-bold'] : []"
>{{ label }}</span
>
<input
class="m-[2px] p-[2px] outline outline-2 outline-gray-100 focus:outline-0 focus:outline-gray-500"
[attr.data-test-id]="'text-field-input-' + label | convertForDataTest"
type="text"
[formControl]="fieldControl"
/>
</label>
<div
*ngIf="invalidParams.length > 0"
[attr.data-test-id]="'text-field-errors-' + label | convertForDataTest"
>
<span class="mb-3 italic text-red-500" *ngFor="let invalidParam of invalidParams">{{
getErrorMessage(invalidParam)
}}</span>
</div>
</div>