quack-angular/src/app/shared/top-menu/top-menu.component.html
2024-05-11 16:45:03 +02:00

20 lines
681 B
HTML

<mat-toolbar>
<button mat-button (click)="openSide()">
<mat-icon>menu</mat-icon>
</button>
{{title != undefined ? title : 'Quack'}}
<span [ngStyle]="{float: 'right',padding: '5px;'}">
<mat-form-field>
<mat-label>Search users</mat-label>
<input matInput type="text" #search>
<button *ngIf="search.value != ''" matSuffix mat-icon-button (click)="search.value = ''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<button mat-icon-button [routerLink]="'/search/'+search.value">
<mat-icon>search</mat-icon>
</button>
</span>
</mat-toolbar>