23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
<nav [class.hidden]="isNavigationHidden(windowScroll$|async)" class="head">
|
|
<div class="links">
|
|
<app-brand routerLink="/brand"></app-brand>
|
|
<app-link *appRole="['user', 'presenter', 'leader']" [icon]="faSongs" link="/songs" text="Lieder"></app-link>
|
|
<app-link *appRole="['leader', 'member']" [icon]="faShows" link="/shows" text="Veranstaltungen"></app-link>
|
|
<app-link *appRole="['presenter']" [icon]="faPresentation" link="/presentation" text="Präsentation"></app-link>
|
|
<app-link [icon]="faUser" link="/user" text="Benutzer"></app-link>
|
|
</div>
|
|
<div class="actions">
|
|
<button
|
|
mat-icon-button
|
|
class="theme-toggle"
|
|
[attr.aria-label]="themeService.isDarkMode() ? 'Lightmode aktivieren' : 'Darkmode aktivieren'"
|
|
[attr.title]="themeService.isDarkMode() ? 'Zum Lightmode wechseln' : 'Zum Darkmode wechseln'"
|
|
(click)="themeService.toggleTheme()">
|
|
<fa-icon [icon]="themeService.isDarkMode() ? faLightMode : faDarkMode"></fa-icon>
|
|
</button>
|
|
</div>
|
|
<div *appRole="['user', 'presenter', 'leader']" class="actions actions-search">
|
|
<app-filter></app-filter>
|
|
</div>
|
|
</nav>
|