Modif JS et HTML : message quand les courbes se calculent

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>