From eb6a046fa16f4ce11f36ade54d0b67ce6285760b Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Fri, 21 May 2021 12:56:52 +0200
Subject: [PATCH] =?UTF-8?q?#115=20lister=20les=20features=20de=20d=C3=A9mo?=
 =?UTF-8?q?=20sur=20l'accueil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/footer/footer.component.html   |  6 +--
 .../core/components/home/home.component.html  | 49 ++++++++++++++++++-
 .../core/components/home/home.component.ts    |  3 ++
 src/environments/environment.ts               |  2 +-
 src/styles/partials/_forms.scss               | 14 ++++--
 5 files changed, 66 insertions(+), 8 deletions(-)

diff --git a/src/app/core/components/footer/footer.component.html b/src/app/core/components/footer/footer.component.html
index fbf8ee53..f99f13ca 100644
--- a/src/app/core/components/footer/footer.component.html
+++ b/src/app/core/components/footer/footer.component.html
@@ -7,13 +7,13 @@
 			libre sous licence AGPL v3.
 			<app-theme-selector></app-theme-selector>
 
-			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
+			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master">
 				<i class="fa fa-gitlab"></i> Sources</a
 			>
 			|
-			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/wikis/home">
+			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs">
 				<i class="fa fa-book"></i>
-				Documentation
+				🚴 Documentation
 			</a>
 			|
 			<a href="https://framateam.org/ux-framatrucs/channels/framadate">
diff --git a/src/app/core/components/home/home.component.html b/src/app/core/components/home/home.component.html
index 46659bc0..7b1abfd9 100644
--- a/src/app/core/components/home/home.component.html
+++ b/src/app/core/components/home/home.component.html
@@ -18,6 +18,41 @@
 							{{ 'config.letsgo' | translate }}
 						</a>
 					</div>
+					<div
+						*ngIf="environment.showDemoWarning"
+						class="demo demo-warning well has-background-warning-light padded marged"
+					>
+						Ce que l'on peut faire sur cette démo:
+						<ul>
+							<li>
+								☑️ Créer un nouveau sondage
+							</li>
+							<li>
+								☑️ accéder à un sondage existant en tant que visiteur, ajouter une réponse (StackOfVote)
+								et un commentaire.
+							</li>
+							<li>
+								☑️
+								<a
+									href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs"
+									>lire la documentation</a
+								>
+							</li>
+						</ul>
+						Ce qu'on ne peut pas encore faire:
+						<ul>
+							<li>
+								🚴‍️ mettre à jour son vote à un sondage
+							</li>
+							<li>
+								🚴‍ modifier un de ses sondages existants par un lien d'administration
+							</li>
+							<li>
+								🚴‍ recevoir immédiatement les emails. Ceux ci nécessitent un vidage du spool d'emails
+								du backend sur demande (mesure anti spam).
+							</li>
+						</ul>
+					</div>
 				</section>
 				<section class="search">
 					<h1 class="title is-1 is-centered">
@@ -48,10 +83,22 @@
 								id="search_email"
 								placeholder="moi@example.com"
 								[ngClass]="{
-									'ng-invalid': nonexistent_email === storageService.vote_stack.owner.email
+									'has-background-success': email_sent,
+									'ng-invalid has-background-warning':
+										nonexistent_email === storageService.vote_stack.owner.email
 								}"
 								[(ngModel)]="storageService.vote_stack.owner.email"
 							/>
+							<div class="email_sent has-background-success padded" *ngIf="email_sent">
+								<i class="fa fa-envelope"></i> C'est envoyé! Vérifiez votre boite email, ainsi que votre
+								dossier de spam.
+							</div>
+							<div
+								class="email_error has-background-warning padded"
+								*ngIf="nonexistent_email === storageService.vote_stack.owner.email"
+							>
+								<i class="fa fa-warning"></i> Aucun sondage enregistré pour cet email.
+							</div>
 							<button
 								type="submit"
 								role="button"
diff --git a/src/app/core/components/home/home.component.ts b/src/app/core/components/home/home.component.ts
index a49ee8ed..54af03ed 100644
--- a/src/app/core/components/home/home.component.ts
+++ b/src/app/core/components/home/home.component.ts
@@ -13,6 +13,7 @@ import { DOCUMENT } from '@angular/common';
 export class HomeComponent {
 	public environment = environment;
 	public nonexistent_email = '';
+	private email_sent = false;
 	constructor(
 		@Inject(DOCUMENT) private document: any,
 		public storageService: StorageService,
@@ -22,6 +23,7 @@ export class HomeComponent {
 
 	searchMyPolls() {
 		const email = this.storageService.vote_stack.owner.email;
+		this.email_sent = false;
 		this.api.findMyPollsByEmail(email).then(
 			(resp) => {
 				console.log('resp', resp);
@@ -29,6 +31,7 @@ export class HomeComponent {
 				if (resp) {
 					if (resp.data && resp.data.mail_sent == '1') {
 						this.toastService.display("C'est bon, vérifiez votre boite mail");
+						this.email_sent = true;
 					}
 				}
 			},
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index eba3bb59..1b0d0a64 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -12,7 +12,7 @@ export const environment = {
 	production: false,
 	display_routes: true,
 	autofill: true,
-	showDemoWarning: false,
+	showDemoWarning: true,
 	autoSendNewPoll: false,
 	interval_days_default: 7,
 	appTitle: 'funky',
diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss
index bd3e0ff8..977bd1b5 100644
--- a/src/styles/partials/_forms.scss
+++ b/src/styles/partials/_forms.scss
@@ -133,10 +133,12 @@ mat-checkbox {
 
 .cdk-drag {
 	cursor: pointer;
+
 	&:hover {
 		background: #fefefe;
 	}
 }
+
 .admin-form {
 	max-width: 800px;
 	margin: 0 auto;
@@ -144,6 +146,7 @@ mat-checkbox {
 
 .fa {
 	margin-right: 1ch;
+
 	&.fa-times,
 	&.fa-trash {
 		margin-right: 0;
@@ -205,18 +208,23 @@ mat-checkbox {
 .example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
 	transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
+
 .ng-pristine,
 .ng-dirty {
 	//border-left: #ccc 3px solid;
 	padding-left: 1em;
 }
+
 .ng-touched.ng-invalid {
 	border-left: $danger 3px solid;
 	padding-left: 1em;
 }
-.ng-touched.ng-valid {
-	border-left: $success 3px solid;
-	padding-left: 1em;
+
+.theme-dark-crystal {
+	.ng-touched.ng-valid {
+		border-left: $success 3px solid;
+		padding-left: 1em;
+	}
 }
 
 .bar-nav-admin {