argos/dmp-frontend/src/app/ui/reference/reference-field/reference-field.component.html

<mat-form-field class="w-100" *ngIf="multipleAutoCompleteSearchConfiguration">
	<mat-label>{{'REFERENCE-FIELD.PLACEHOLDER' | translate}} {{enumUtils.toReferenceTypeString(referenceType)}}</mat-label>
	<app-multiple-auto-complete [formControl]="form" [configuration]="multipleAutoCompleteSearchConfiguration">
	</app-multiple-auto-complete>
	<mat-error *ngIf="form.hasError('backendError')">{{form.getError('backendError').message}}</mat-error>
	<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
</mat-form-field>
<div class="mb-4">
	<span *ngIf="!form.disabled" class="not-found">{{'REFERENCE-FIELD.COULD-NOT-FIND-MESSAGE' | translate}}</span>
	<span *ngIf="!form.disabled" class="insert-manually" (click)="addReference($event)">{{'REFERENCE-FIELD.ACTIONS.INSERT-MANUALLY' | translate}}</span>
</div>