61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<form class="navbar-form">
|
|
<div class="input-group input-search">
|
|
<input type="text" value="" class="form-control" placeholder="{{ 'DASHBOARD.SEARCH' | translate }}" [formControl]="searchControl" [matAutocomplete]="auto">
|
|
<button type="submit" class="btn btn-link"><i class="material-icons">search</i></button>
|
|
</div>
|
|
<mat-autocomplete
|
|
autoActiveFirstOption
|
|
#auto="matAutocomplete"
|
|
(optionSelected)="onOptionSelected($event)"
|
|
>
|
|
<mat-option
|
|
*ngFor="let option of (filteredOptions | async)"
|
|
[value]="option"
|
|
class="transformation-value-mat-option two-line-mat-option"
|
|
>
|
|
<span>{{ option.label }}</span>
|
|
<br />
|
|
<small>{{ transformType(option.type) }}</small>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</form>
|
|
|
|
<!-- <div class="col"></div>
|
|
<div *ngIf="search && this.isAuthenticated()" class="col-auto">
|
|
<mat-form-field floatLabel="never">
|
|
<input
|
|
type="text"
|
|
placeholder="{{ 'DASHBOARD.SEARCH' | translate }}"
|
|
matInput
|
|
[formControl]="searchControl"
|
|
[matAutocomplete]="auto"
|
|
/>
|
|
<mat-autocomplete
|
|
autoActiveFirstOption
|
|
#auto="matAutocomplete"
|
|
(optionSelected)="onOptionSelected($event)"
|
|
>
|
|
<mat-option
|
|
*ngFor="let option of (filteredOptions | async)"
|
|
[value]="option"
|
|
class="transformation-value-mat-option two-line-mat-option"
|
|
>
|
|
<span>{{ option.label }}</span>
|
|
<br />
|
|
<small>{{ transformType(option.type) }}</small>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|
|
</div>
|
|
<div *ngIf="!search && this.isAuthenticated()" class="col-auto">
|
|
<button mat-button (click)="this.search = true">
|
|
<mat-icon>search</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div *ngIf="search && this.isAuthenticated()" class="col-auto">
|
|
<button mat-button (click)="this.search = false">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</div> -->
|