fix issue with missing labels in the submission form

This commit is contained in:
Giuseppe Digilio
2021-06-24 11:58:41 +02:00
parent 396393e9b7
commit 3ca1e61a8c
7 changed files with 10 additions and 1 deletions

View File

@@ -2,7 +2,8 @@
[formGroup]="group"
[ngClass]="[getClass('element', 'container'), getClass('grid', 'container')]">
<label *ngIf="!isCheckbox && hasLabel"
[for]="model.id"
[id]="'label_' + model.id"
[for]="id"
[innerHTML]="(model.required && model.label) ? (model.label | translate) + ' *' : (model.label | translate)"
[ngClass]="[getClass('element', 'label'), getClass('grid', 'label')]"></label>
<ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: model"></ng-container>

View File

@@ -1,6 +1,7 @@
<div [formGroup]="group" class="input-group">
<input ngbDatepicker class="form-control" #datepicker="ngbDatepicker"
[attr.aria-labelledby]="'label_' + model.id"
[class.is-invalid]="showErrorMessages"
[displayMonths]="model.getAdditional('displayMonths', config['displayMonths'])"
[id]="id"

View File

@@ -11,6 +11,7 @@
<div *ngFor="let item of columnItems" class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input"
[attr.aria-labelledby]="'label_' + model.id"
[attr.tabindex]="item.index"
[checked]="item.value"
[id]="item.id"

View File

@@ -11,6 +11,7 @@
[authorityValue]="model.value"
(whenClickOnConfidenceNotAccepted)="whenClickOnConfidenceNotAccepted(sdRef, $event)"></i>
<input class="form-control"
[attr.aria-labelledby]="'label_' + model.id"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"
[id]="model.id"
@@ -30,6 +31,7 @@
<div *ngIf="isLookupName()" class="col" >
<input class="form-control"
[ngClass]="{}"
[attr.aria-labelledby]="'label_' + model.id"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"
[id]="id"

View File

@@ -30,6 +30,7 @@
(whenClickOnConfidenceNotAccepted)="whenClickOnConfidenceNotAccepted($event)"></i>
<input #instance="ngbTypeahead"
class="form-control"
[attr.aria-labelledby]="'label_' + model.id"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"
[id]="model.id"
@@ -52,6 +53,7 @@
<input *ngIf="(isHierarchicalVocabulary() | async)"
class="form-control custom-select"
[attr.aria-labelledby]="'label_' + model.id"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"
[id]="id"

View File

@@ -3,6 +3,7 @@
<i ngbDropdownToggle class="far fa-caret-down position-absolute scrollable-dropdown-toggle"
aria-hidden="true"></i>
<input class="form-control"
[attr.aria-labelledby]="'label_' + model.id"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"
[class.scrollable-dropdown-input]="!model.readOnly"

View File

@@ -26,6 +26,7 @@
class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1"
type="text"
role="textbox"
[attr.aria-labelledby]="'label_' + model.id"
[(ngModel)]="currentValue"
[attr.autoComplete]="model.autoComplete"
[class.is-invalid]="showErrorMessages"