funky-framadate-front/src/app/core/components/header/header.component.html

51 lines
1.5 KiB
HTML
Raw Normal View History

2020-06-07 13:52:14 +02:00
<header class="big-header">
2020-05-01 19:10:17 +02:00
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" routerLink="/">
<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
<span class="app-title title">
{{ appTitle }}
</span>
<span class="dev-env" *ngIf="!env.production">
<i>
(dev)
</i>
</span>
</a>
2020-05-01 19:10:17 +02:00
<a
role="button"
class="navbar-burger burger"
aria-label="menu"
aria-expanded="false"
data-target="navbarBasicExample"
[ngClass]="{ 'bg-primary': mobileMenuVisible }"
(click)="mobileMenuVisible = !mobileMenuVisible"
2020-05-01 19:10:17 +02:00
>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
2020-10-21 16:45:26 +02:00
<a class="navbar-item btn btn--primary" routerLink="administration" routerLinkActive="is-active">
<i class="fa fa-plus-circle"></i> {{ 'config.title' | translate }}
2020-05-01 19:10:17 +02:00
</a>
</div>
<div class="navbar-end">
<app-language-selector></app-language-selector>
<app-theme-selector></app-theme-selector>
2020-10-21 16:45:26 +02:00
<a class="navbar-item btn btn-primary" routerLink="user/polls" routerLinkActive="is-active">
<i class="fa fa-user"></i> {{ 'config.find_my_polls' | translate }}
</a>
2020-05-01 19:10:17 +02:00
</div>
</div>
<div class="mobile-menu" *ngIf="mobileMenuVisible">
menu mobile
</div>
2020-05-01 19:10:17 +02:00
</nav>
</header>