nav items for demos in mobile menu

This commit is contained in:
Tykayn 2021-04-29 16:12:56 +02:00 committed by tykayn
parent 78a88d3163
commit 69f8eac147
4 changed files with 97 additions and 92 deletions

View File

@ -49,30 +49,41 @@
</nav>
<div class="demo padded box" *ngIf="env.display_routes">
Environnement de développement: voici des liens de démonstration issus des fixtures Doctrine de date-poll-api.
<button class="btn is-primary" [routerLink]="['/poll/aujourdhui-ou-demain/consultation']">
consulter le sondage
<strong>
aujourdhui-ou-demain
</strong>
</button>
<button class="btn is-primary" [routerLink]="['/poll/citron/hash/consultation']">
<strong>
citron
</strong>
</button>
<button class="btn is-primary" [routerLink]="['/poll/dessin-anime/consultation']">
<strong>
<div class="padded">
<div class="">
<a class="navbar-item" [routerLink]="['/poll/dessin-anime/consultation']" routerLinkActive="is-primary">
<em>
dessin-anime
</strong>
</button>
<button class="btn is-primary" routerLink="/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c">
</em>
</a>
<a
class="navbar-item"
[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
routerLinkActive="is-primary"
>
consulter le sondage
<strong>
<em>
aujourdhui-ou-demain
</em>
</a>
<a class="navbar-item" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<em>
citron
</strong>
</em>
sans pass
</a>
avec son hash md5 de mot de passe intégré
</button>
<a
class="navbar-item"
[routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
>
<em>
citron
</em>
+ pass
</a>
</div>
</div>
</div>
</header>

View File

@ -17,7 +17,7 @@ export class HeaderComponent implements OnInit {
public env = environment;
@Input() public appTitle = environment.appTitle;
@Input() public appLogo = environment.appLogo;
mobileMenuVisible = true;
mobileMenuVisible = false;
constructor(private userService: UserService) {}

View File

@ -1,70 +1,60 @@
<nav class="has-background-light">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link"> Tous les sondages </a>
<div class="navbar-dropdown">
<a
class="navbar-item"
*ngFor="let poll of _pollsAvailables | async"
routerLink="{{ '/poll/' + poll.custom_url + '/consultation' }}"
routerLinkActive="is-active"
>
« {{ poll.custom_url }} »
<nav class="has-background-light padded">
<!-- <div class='navbar-item has-dropdown is-hoverable'>-->
<!-- <a class='navbar-link'> Tous les sondages </a>-->
<!-- <div class='navbar-dropdown'>-->
<!-- <a-->
<!-- class='navbar-item'-->
<!-- *ngFor='let poll of _pollsAvailables | async'-->
<!-- routerLink="{{ '/poll/' + poll.custom_url + '/consultation' }}"-->
<!-- routerLinkActive='is-active'-->
<!-- >-->
<!-- « {{ poll.custom_url }} »-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<a class="navbar-item is-block" [routerLink]="['/']" routerLinkActive="active">
<i class="fa fa-home" aria-hidden="true"></i> Accueil
</a>
</div>
</div>
<hr />
<div class="navbar-item has-dropdown is-hoverable is-warning" *ngIf="environment.display_routes">
<div class="padded">
<a class="navbar-link"> Modules </a>
<div class="navbar-dropdown">
<a class="navbar-item" routerLink="/#/administration" routerLinkActive="is-active">
<a class="navbar-item" [routerLink]="['/#/administration']" routerLinkActive="is-primary">
{{ 'creation.title' | translate }}
</a>
</div>
<hr />
<a class="navbar-item" routerLink="/poll/inexistentPoll/consultation" routerLinkActive="is-active">
« tester une page 404 »
<div class="navbar-item has-dropdown is-hoverable is-warning" *ngIf="environment.display_routes">
<div class="padded">
<a class="navbar-link"> Démos fixtures</a>
<div class="navbar-dropdown">
<a class="navbar-item" [routerLink]="['/poll/dessin-anime/consultation']" routerLinkActive="is-primary">
<em>
dessin-anime
</em>
</a>
<hr />
<button
class="btn"
<a
class="navbar-item"
[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
routerLinkActive="is-primary"
>
consulter le sondage
<strong>
<em>
aujourdhui-ou-demain
</strong>
</button>
<button class="btn" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<strong>
</em>
</a>
<a class="navbar-item" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<em>
citron
</strong>
</em>
sans pass
</button>
<button class="btn" [routerLink]="['/poll/dessin-anime/consultation']" routerLinkActive="is-primary">
<strong>
dessin-anime
</strong>
</button>
<button
class="btn"
</a>
<a
class="navbar-item"
[routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
>
<strong>
<em>
citron
</strong>
avec son hash md5 de mot de passe intégré
</button>
</div>
</div>
<a class="button is-block" [routerLink]="['/']" routerLinkActive="active">
<i class="fa fa-home" aria-hidden="true"></i> Accueil
</em>
+ pass
</a>
</div>
</div>
</div>
</nav>

View File

@ -0,0 +1,4 @@
em {
margin-left: 1ch;
margin-right: 1ch;
}