From d222d88872012f4cf22c34da9370bb6d2cba5d71 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Sat, 1 May 2021 23:10:00 +0200
Subject: [PATCH] env message demo dans le header

---
 src/app/app.component.ts                         |  2 ++
 .../core/components/header/header.component.html | 16 +++++++++++++---
 .../core/components/header/header.component.ts   |  3 +--
 .../form/base-config/base-config.component.html  | 13 ++++++++++++-
 .../consultation/consultation.component.html     |  9 ++-------
 src/environments/environment.prod.ts             |  3 ++-
 src/environments/environment.ts                  |  3 ++-
 src/styles/partials/_form-controls.scss          |  6 ++++++
 8 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index d68cb3de..fbc366c5 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -21,6 +21,8 @@ export class AppComponent implements OnInit, OnDestroy {
 	public devModeEnabled = !environment.production;
 	private themeSubscription: Subscription;
 
+	public environment = environment;
+
 	constructor(
 		private router: Router,
 		private titleService: Title,
diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index bbe7f57f..eaaf2b93 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -6,7 +6,7 @@
 				<span class="app-title title is-2">
 					{{ appTitle }}
 				</span>
-				<span class="dev-env button has-background-success" *ngIf="!env.production">
+				<span class="dev-env button has-background-success" *ngIf="!environment.production">
 					<i>
 						(dev)
 					</i>
@@ -47,8 +47,18 @@
 			<app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>
 		</div>
 	</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.
+	<div
+		*ngIf="environment.showDemoWarning"
+		class="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
diff --git a/src/app/core/components/header/header.component.ts b/src/app/core/components/header/header.component.ts
index f2b56dd6..1cfa575f 100644
--- a/src/app/core/components/header/header.component.ts
+++ b/src/app/core/components/header/header.component.ts
@@ -13,11 +13,10 @@ import { environment } from '../../../../environments/environment';
 	styleUrls: ['./header.component.scss'],
 })
 export class HeaderComponent implements OnInit {
-	public _user: Observable<Owner> = this.userService.user;
-	public env = environment;
 	@Input() public appTitle = environment.appTitle;
 	@Input() public appLogo = environment.appLogo;
 	mobileMenuVisible = false;
+	public environment = environment;
 
 	constructor(private userService: UserService) {}
 
diff --git a/src/app/features/administration/form/base-config/base-config.component.html b/src/app/features/administration/form/base-config/base-config.component.html
index 92c2817a..625f2af0 100644
--- a/src/app/features/administration/form/base-config/base-config.component.html
+++ b/src/app/features/administration/form/base-config/base-config.component.html
@@ -6,6 +6,13 @@
 			</p>
 			<br />
 			<label class="hidden" for="title">Titre</label>
+			errors:
+			<pre class="debug padded warning">
+			form.errors :
+				{{ form.controls.title.errors | json }}
+			</pre
+			>
+
 			<input
 				matInput
 				#title
@@ -14,8 +21,12 @@
 				id="title"
 				autofocus="autofocus"
 				(change)="updateSlug()"
-				required
+				required="required"
+				#title
 			/>
+			<span class="button is-error" *ngIf="form.controls.title.errors">
+				Ce champ est requis
+			</span>
 			<button
 				mat-button
 				*ngIf="form.value.title"
diff --git a/src/app/features/consultation/consultation.component.html b/src/app/features/consultation/consultation.component.html
index 86f5f10f..9fceb3c4 100644
--- a/src/app/features/consultation/consultation.component.html
+++ b/src/app/features/consultation/consultation.component.html
@@ -1,9 +1,5 @@
 <section class="loading_poll" *ngIf="fetching"></section>
 <section class="poll_loaded padded" *ngIf="!fetching && poll">
-	<div class="well debug">
-		<!--	infos locales storage-->
-	</div>
-
 	<!--	messages-->
 
 	<article class="message is-warning" *ngIf="isArchived">
@@ -26,13 +22,12 @@
 
 	<div id="export_and_share">
 		<div class="sharing" *ngIf="poll">
-			<h3 class="margin-top-x8">
+			<div class="margin-top-x8">
 				Partager le sondage
 
 				<i class="fa fa-share" aria-hidden="true"></i>
-			</h3>
+			</div>
 			<p class="nobold text-14" for="copyLink">
-				Pour partager le sondage, vous pouvez diffuser ce lien :
 				<a href="{{ pollService.getParticipationUrl() }}">
 					{{ pollService.getParticipationUrl() }}
 				</a>
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 96c7a9d3..c6cb3ba5 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -14,7 +14,8 @@ export const environment = {
 	frontDomain: 'https://framadate-api.cipherbliss.com',
 	production: true,
 	display_routes: true,
-	autofill: true,
+	showDemoWarning: true,
+	autofill: false,
 	autoSendNewPoll: false,
 	appTitle: 'FramaDate Funky',
 	appVersion: '2.1.0',
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index cbdcb6ad..d9854e85 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -21,7 +21,8 @@ export const environment = {
 	frontDomain: 'http://tktest.lan',
 	production: false,
 	display_routes: true,
-	autofill: true,
+	autofill: false,
+	showDemoWarning: true,
 	autoSendNewPoll: false,
 	appTitle: 'FramaDate Funky',
 	appVersion: '2.1.0',
diff --git a/src/styles/partials/_form-controls.scss b/src/styles/partials/_form-controls.scss
index 0e1fbe29..204afe07 100644
--- a/src/styles/partials/_form-controls.scss
+++ b/src/styles/partials/_form-controls.scss
@@ -12,6 +12,12 @@ textarea {
 		color: $primary_color;
 	}
 }
+input[required] {
+	&:after {
+		content: '*';
+		color: red;
+	}
+}
 
 select,
 option {