tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/app/core/components/header/header.component.html
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> dessin-anime
</button> </em>
<button class="btn is-primary" [routerLink]="['/poll/citron/hash/consultation']"> </a>
<strong> <a
citron class="navbar-item"
</strong> [routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
</button> routerLinkActive="is-primary"
<button class="btn is-primary" [routerLink]="['/poll/dessin-anime/consultation']"> >
<strong> consulter le sondage
dessin-anime <em>
</strong> aujourdhui-ou-demain
</button> </em>
<button class="btn is-primary" routerLink="/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c"> </a>
consulter le sondage <a class="navbar-item" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<em>
citron
</em>
sans pass
</a>
<strong> <a
citron class="navbar-item"
</strong> [routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
avec son hash md5 de mot de passe intégré >
</button> <em>
citron
</em>
+ pass
</a>
</div>
</div>
</div> </div>
</header> </header>

2
src/app/core/components/header/header.component.ts
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) {}

124
src/app/core/components/sibebar/navigation/navigation.component.html
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> <!-- </a>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<a class="navbar-item is-block" [routerLink]="['/']" routerLinkActive="active">
<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 }}
</a>
</div>
<hr />
<a class="navbar-item" routerLink="/poll/inexistentPoll/consultation" routerLinkActive="is-active">
« tester une page 404 »
</a>
<hr />
<button
class="btn"
[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
routerLinkActive="is-primary"
>
consulter le sondage
<strong>
aujourdhui-ou-demain
</strong>
</button>
<button class="btn" [routerLink]="['/poll/citron/hash/consultation']" routerLinkActive="is-primary">
<strong>
citron
</strong>
sans pass
</button>
<button class="btn" [routerLink]="['/poll/dessin-anime/consultation']" routerLinkActive="is-primary">
<strong>
dessin-anime
</strong>
</button>
<button
class="btn"
[routerLink]="['/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c']"
routerLinkActive="is-primary"
>
<strong>
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 <i class="fa fa-home" aria-hidden="true"></i> Accueil
</a> </a>
<a class="navbar-item" [routerLink]="['/#/administration']" routerLinkActive="is-primary">
{{ 'creation.title' | translate }}
</a>
<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>
<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>
</nav> </nav>

4
src/app/core/components/sibebar/navigation/navigation.component.scss
View File

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