From 723d52a6793ba8003412f60f52e21cc2950d487f Mon Sep 17 00:00:00 2001
From: Denise sur Lya <sekhmet@lya>
Date: Sun, 25 Jul 2021 12:19:23 +0200
Subject: Modif JS et HTML : message quand les courbes se calculent

---
 data/changelog_data.txt |  1 +
 static/requetes.js      | 10 +++++++++-
 static/style.css        | 20 ++++++++------------
 templates/index.html    | 11 ++++++++---
 4 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/data/changelog_data.txt b/data/changelog_data.txt
index ba601e3..37a46d0 100644
--- a/data/changelog_data.txt
+++ b/data/changelog_data.txt
@@ -4,6 +4,7 @@
 <li>Une icône, enfin (il était temps...)</li>
 <li>La page du suivi des versions (celle-ci) a été raccourcie (sauf si on veut tout voir).</li>
 <li>On peut désormais personnaliser la couleur et le symbole de la courbe (principale).</li>
+<li>Il y a un petit message lors de la génération des courbes.</li>
 <li>Les dates sont maintenant exportées et importées. C'est plus sympa pour la lecture (pour le calcul, la donnée en âge l'emporte).</li>
 <li>Une version de l'appli est incluse dans le fichier de sauvegarde. On affiche un petit message si la version du fichier importé est inférieure à celle du site, mais normalement tout reste compatible. Si vous voulez la toute dernière version, il suffit de ré-enregistrer vos données, tout simplement.</li>
 <li>Il est possible de tracer des repères sur les courbes (lignes verticales à un âge donné). Ces repères sont sauvegardés (et vous pouvez décocher le ""tracer"" afin de les sauvegarder sans les tracer).</li>
diff --git a/static/requetes.js b/static/requetes.js
index ba2a81e..465366c 100644
--- a/static/requetes.js
+++ b/static/requetes.js
@@ -1,6 +1,7 @@
 
 function appelle_image()
 {
+	affiche_statut("Calcul en cours...") ;
 	
 	var formData = new FormData( document.getElementById("donnees_enfant") );
 	
@@ -82,6 +83,7 @@ function appelle_image()
 						ul2.appendChild(li);
 					}
 				}
+				affiche_statut("Courbes générées, scroller vers le bas pour les voir.") ;
 			}
 			else{ // si la génération de l'image a merdé
 				
@@ -94,13 +96,14 @@ function appelle_image()
 					li.appendChild(document.createTextNode(liste_warnings[i]));
 					ul.appendChild(li);
 				}
-				
+				affiche_statut("Il y a eu une erreur à la génération des courbes, voir plus bas.") ;
 				
 			}
 		}
 	}
 	requete.open("POST","courbe/b64",true)
 	requete.send(formData)
+
 }
 
 function nettoie_erreurs()
@@ -147,3 +150,8 @@ function download_file(filename,mimetype,data) {
 function upload_file(nomformulaire) {
 	document.getElementById(nomformulaire).submit();
 }
+
+// Fonction pour afficher le statut des courbes
+function affiche_statut(message) {
+	document.getElementById("statut_courbes").innerHTML = message ;
+}
diff --git a/static/style.css b/static/style.css
index 4b82077..f72a546 100644
--- a/static/style.css
+++ b/static/style.css
@@ -21,6 +21,12 @@ h1 {
 	background: #ff8060;
 }
 
+#statut_courbes {
+	color: #505050 ;
+	font-size: 0.9em ;
+	
+}
+
 input[type="text"] {
 	max-width: 20vw;
 }
@@ -46,28 +52,18 @@ img#courbe {
 	display: none;
 }
 
-#courbe_warnings {
+#courbe_warnings, #courbe_erreurs, #pref_graphique, #extra, #multi, #prema{
 	display: none;
 }
 
-#courbe_erreurs {
-	display: none;
-}
 
-#pref_graphique, #extra, #multi{
-	display: none;
-}
-
-#prema {
-	display: none;
-}
 
 .enfants_cache_def{
 	display: none;
 }
 
 .icon_button {
-    display: block;
+    #display: block;
 	cursor: pointer;
 	position: relative;
 }
diff --git a/templates/index.html b/templates/index.html
index 9ed5338..bbe3811 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -200,14 +200,19 @@
 </form> <!-- Fin du gros méga formulaire -->
 
 <!-- #################################################################################### -->
-<!-- section retour -->
 <hr>
 
-<div onclick="appelle_image()" class="icon_button">
+<!--- Le grobouton -->
+<div>
+	<span onclick="appelle_image()" class="icon_button">
 	<img src="static/icons/courbe.png">
-	<span class="icon_legend">Je veux les courbes !</span>
+	<span class="icon_legend">Je veux les courbes !</span></span>
+	<span id="statut_courbes"></span>
 </div>
 
+
+<!-- section retour -->
+
 <hr>
 <div id="courbe_warnings">
 	<p><strong>Alerte&nbsp;:</strong> il y a eu quelques soucis lors de la génération de la (des) courbes. En voici la liste&nbsp;:</p>
-- 
cgit v1.2.3