From 69f8eac147f413a1f7bbb9c2d2b12b6526e63419 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Thu, 29 Apr 2021 16:12:56 +0200
Subject: [PATCH] nav items for demos in mobile menu

---
 .../components/header/header.component.html   |  59 +++++----
 .../components/header/header.component.ts     |   2 +-
 .../navigation/navigation.component.html      | 124 ++++++++----------
 .../navigation/navigation.component.scss      |   4 +
 4 files changed, 97 insertions(+), 92 deletions(-)

diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 74d20d14..24188ab8 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -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>
-				dessin-anime
-			</strong>
-		</button>
-		<button class="btn is-primary" routerLink="/poll/citron/consultation/1c01ed9c94fc640a1be864f197ff808c">
-			consulter le sondage
+		<div class="padded">
+			<div class="">
+				<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>
 
-			<strong>
-				citron
-			</strong>
-
-			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>
diff --git a/src/app/core/components/header/header.component.ts b/src/app/core/components/header/header.component.ts
index c0854c11..f2b56dd6 100644
--- a/src/app/core/components/header/header.component.ts
+++ b/src/app/core/components/header/header.component.ts
@@ -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) {}
 
diff --git a/src/app/core/components/sibebar/navigation/navigation.component.html b/src/app/core/components/sibebar/navigation/navigation.component.html
index 98404d74..2ee6ea2d 100644
--- a/src/app/core/components/sibebar/navigation/navigation.component.html
+++ b/src/app/core/components/sibebar/navigation/navigation.component.html
@@ -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 }} »
-			</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">
-					{{ '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">
+<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>
+	<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>
diff --git a/src/app/core/components/sibebar/navigation/navigation.component.scss b/src/app/core/components/sibebar/navigation/navigation.component.scss
index e69de29b..f3234026 100644
--- a/src/app/core/components/sibebar/navigation/navigation.component.scss
+++ b/src/app/core/components/sibebar/navigation/navigation.component.scss
@@ -0,0 +1,4 @@
+em {
+	margin-left: 1ch;
+	margin-right: 1ch;
+}