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> </nav>
<div class="demo padded box" *ngIf="env.display_routes"> <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. 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']"> <div class="padded">
consulter le sondage <div class="">
<strong> <a class="navbar-item" [routerLink]="['/poll/dessin-anime/consultation']" routerLinkActive="is-primary">
aujourdhui-ou-demain <em>
</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>
dessin-anime dessin-anime
</strong> </em>
</button> </a>
<button class="btn is-primary" routerLink="/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c"> <a
class="navbar-item"
[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
routerLinkActive="is-primary"
>
consulter le sondage consulter le sondage
<em>
<strong> aujourdhui-ou-demain
</em>
</a>
<a class="navbar-item" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<em>
citron citron
</strong> </em>
sans pass
</a>
avec son hash md5 de mot de passe intégré <a
</button> class="navbar-item"
[routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
>
<em>
citron
</em>
+ pass
</a>
</div>
</div>
</div> </div>
</header> </header>

View File

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

View File

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

View File

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