overflow-webapp/src/app/commons/component/header/header.component.html
2018-03-14 20:18:37 +09:00

23 lines
1.1 KiB
HTML

<mat-toolbar class="mat-elevation-z4">
<button mat-icon-button (click)="sidenav.toggle();drawer.toggle();" *ngIf="matDrawerShow">
<i class="material-icons app-toolbar-menu">menu </i>
</button>
<button mat-icon-button (click)="sidenav.toggle();" *ngIf="!matDrawerShow">
<i class="material-icons app-toolbar-menu">menu </i>
</button>
<span class="spacer"></span>
<of-notification-badge></of-notification-badge>
<div class="menu-section">
<button mat-icon-button [matMenuTriggerFor]="countryMenu" aria-label="Open x-positioned menu">
<mat-icon>translate</mat-icon>
</button>
<mat-menu xPosition="before" #countryMenu="matMenu" class="before">
<a *ngFor="let item of countryMenuItems" (click)="selectLocale(item.language, item.country, item.currency, item.numberingSystem);"
mat-menu-item>
{{ item.text }}
<mat-icon *ngIf="currentCountry == item.country && currentNumberingSystem == item.numberingSystem">done</mat-icon>
</a>
</mat-menu>
</div>
</mat-toolbar>