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

83 lines
2.6 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">
<a class="navbar-item" role="button" (click)="toggleSidebarOpening()"> Dev menu </a>
</a>
<a
role="button"
class="navbar-burger burger"
aria-label="menu"
aria-expanded="false"
data-target="navbarBasicExample"
>
<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">
<a class="navbar-item" routerLink="/" routerLinkActive="is-active">
Home
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link"> Menu </a>
<div class="navbar-dropdown">
<a class="navbar-item" routerLink="administration" routerLinkActive="is-active">
Créer un sondage
</a>
<a class="navbar-item" routerLink="administration/profile" routerLinkActive="is-active">
Mes sondages
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link"> Modules </a>
<div class="navbar-dropdown">
2020-05-12 19:16:23 +02:00
<a class="navbar-item" routerLink="oldstuff" routerLinkActive="is-active">
Old stuff
</a>
2020-05-01 19:10:17 +02:00
<a class="navbar-item" routerLink="administration" routerLinkActive="is-active">
Administration
</a>
2020-05-12 19:16:23 +02:00
<a class="navbar-item" routerLink="consultation" routerLinkActive="is-active">
Consultation
</a>
<a class="navbar-item" routerLink="participation" routerLinkActive="is-active">
Participation
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link"> Tous les sondages </a>
<div class="navbar-dropdown">
2020-05-05 18:17:12 +02:00
<a
class="navbar-item"
2020-05-12 19:16:23 +02:00
*ngFor="let slug of slugsAvailables"
routerLink="{{ '/consultation/poll/' + slug }}"
2020-05-05 18:17:12 +02:00
routerLinkActive="is-active"
>
2020-05-12 19:16:23 +02:00
« {{ slug }} »
2020-05-01 19:10:17 +02:00
</a>
</div>
</div>
</div>
<div class="navbar-end">
2020-05-05 18:17:12 +02:00
<div class="navbar-item" #container>
<div class="buttons has-addons is-centered clickable" (click)="openDialog()">
2020-05-12 19:16:23 +02:00
<button class="button is-static"><i class="fa fa-user-circle" aria-hidden="true"></i></button>
<button class="button is-static" *ngIf="_user | async">
{{ (_user | async)?.pseudo || 'anonyme' }}
2020-05-05 18:17:12 +02:00
</button>
2020-05-12 19:16:23 +02:00
<button class="button is-static"><i class="fa fa-cogs" aria-hidden="true"></i></button>
2020-05-01 19:10:17 +02:00
</div>
</div>
</div>
</div>
</nav>
</header>