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

112 lines
3.0 KiB
HTML

<header class="big-header">
<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 }}" />
</a>
<a class="navbar-item title is-size-1-fullhd is-size-4-touch has-text-black" routerLink="/">
{{ appTitle }}
</a>
</div>
<div class="navbar-start">
<a
class="navbar-item button is-primary"
role="button"
routerLink="/administration"
routerLinkActive="is-active"
>
<i class="fa fa-plus-circle"></i>
<div class="is-hidden-touch">
{{ 'config.title' | translate }}
</div>
</a>
</div>
<div class="navbar-end">
<!-- navbar items -->
<span class="navbar-item">
<app-language-selector></app-language-selector>
</span>
<a
role="button"
class="navbar-item burger-button-menu-custom"
aria-label="menu"
aria-expanded="false"
data-target="navbarBasicExample"
[ngClass]="{ 'has-background-primary': mobileMenuVisible }"
(click)="mobileMenuVisible = !mobileMenuVisible"
>
<i class="fa fa-bars" *ngIf="!mobileMenuVisible"></i>
<i class="fa fa-times" *ngIf="mobileMenuVisible"></i>
</a>
</div>
<!-- navbar items -->
<div class="mobile-menu" *ngIf="mobileMenuVisible">
<!-- menu mobile-->
<app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>
</div>
</nav>
<div
*ngIf="environment.showDemoWarning"
class="demo demo-warning well debug has-text-white-bis has-background-warning-dark padded marged"
>
<!-- infos locales storage-->
<i class="fa fa-info"></i>
Ce site est un espace de démonstration, les informations que vous y mettrez seront régulièrement supprimées.
N'en faites pas une utilisation réelle.
</div>
<div class="demo padded box has-background-info-light" *ngIf="environment.display_routes">
voici des liens de démonstration issus des fixtures Doctrine de date-poll-api.
<div class="padded">
<div class="">
<a
class="navbar-item"
[routerLink]="['/poll/le-titre-de-demo-oh-oh/consultation']"
routerLinkActive="is-primary"
>
<em>
le-titre-de-demo-oh-oh
</em> </a
><a
class="navbar-item"
[routerLink]="['/poll/dessin-anime/consultation']"
routerLinkActive="is-primary"
>
<em>
dessin-anime
</em>
</a>
<a
class="navbar-item"
[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
routerLinkActive="is-primary"
>
consulter le sondage
<em>
aujourdhui-ou-demain
</em>
</a>
<a class="navbar-item" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<em>
citron
</em>
sans pass
</a>
<a
class="navbar-item"
[routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
>
<em>
citron
</em>
+ pass
</a>
</div>
</div>
</div>
</header>