41 lines
2.1 KiB
HTML
41 lines
2.1 KiB
HTML
<!-- <div [formGroup]="form" class="autocomplete">
|
|
<table class="full-width">
|
|
<tr>
|
|
<td>
|
|
<mat-form-field class="autocomplete-input">
|
|
<input matInput type="text" placeholder="{{placeholder}}" [matAutocomplete]="auto" formControlName="text" [required]="required"
|
|
[errorStateMatcher]="errorStateMatcher">
|
|
<mat-error *ngIf="form.get('value').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-error *ngIf="validationErrorString">{{errorString}}</mat-error>
|
|
<mat-progress-spinner matSuffix mode="indeterminate" *ngIf="loading" [diameter]="22"></mat-progress-spinner>
|
|
<input matInput type="text" [matAutocomplete]="auto" hidden="hidden">
|
|
</mat-form-field>
|
|
</td>
|
|
<td *ngIf="createNew">
|
|
<button mat-raised-button type="button" color="primary" (click)="this.ClickFunctionCall()" tabindex="2">{{'GENERAL.AUTOCOMPLETE.CREATE-NEW' | translate}}</button>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="this.optionSelected($event)">
|
|
<mat-option *ngFor="let option of options" [value]="option">
|
|
{{ option.text }} {{option.description?'['+option.description+']':''}}
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</div> -->
|
|
|
|
<mat-form-field>
|
|
<input matInput [matAutocomplete]="auto" [formControl]="control" placeholder="{{placeholder}}" [required]="required">
|
|
<mat-error *ngIf="control['errors'] && control['errors']['required']">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-progress-spinner matSuffix mode="indeterminate" *ngIf="loading" [diameter]="22"></mat-progress-spinner>
|
|
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayWith.bind(this)" (optionSelected)="this.optionSelected($event)">
|
|
<mat-option *ngFor="let item of filteredItems " [value]="item">
|
|
<span *ngIf="titleKey">{{item[titleKey]}}</span>
|
|
<span *ngIf="subtitleKey">{{item[subtitleKey]}}</span>
|
|
</mat-option>
|
|
<!-- <mat-option *ngIf="filteredItems.length == 0" value="das">
|
|
<span>{{'GENERAL.AUTOCOMPLETE.NO-ITEMS' | translate}}</span>
|
|
</mat-option> -->
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|