23 lines
919 B
HTML
23 lines
919 B
HTML
<div class="flex items-center space-x-4">
|
|
|
|
@if (searchControl.value && searchControl.value.length > 0) {
|
|
<button mat-icon-button #tooltip="matTooltip" matTooltip="Filter löschen" matTooltipPosition="above" class="w-11! h-11! opacity-50" (click)="searchControl.setValue('')">
|
|
<mat-icon style="font-size: 25px; width: 25px; height: 25px;">filter_alt_off</mat-icon>
|
|
</button>
|
|
}
|
|
|
|
<form class="movie-search-form w-88">
|
|
<mat-form-field class="w-full" subscriptSizing="dynamic">
|
|
<mat-label>Film suchen</mat-label>
|
|
<input class="w-full" type="text" matInput [formControl]="searchControl" [matAutocomplete]="auto">
|
|
|
|
<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
|
|
@for (option of filteredOptions | async; track option) {
|
|
<mat-option [value]="option">{{option}}</mat-option>
|
|
}
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|
|
</form>
|
|
|
|
</div>
|