Modif JS et HTML : message quand les courbes se calculent

diff --git a/data/changelog_data.txt b/data/changelog_data.txt
index ba601e36520ff4f0fcd0aefb4257dc03d774fb01..37a46d042d31290b212ecd38d4c15597a98a7e51 100644 (file)
--- 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>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>
 <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 ba2a81e3a1aa3344efa8e4b8fbe39557a3ecf5fe..465366c5dd1e4f0a3556e3098fbd9b0ac301ed1d 100644 (file)
--- a/static/requetes.js
+++ b/static/requetes.js
@@ -1,6 +1,7 @@
 
 function appelle_image()
 {
 
 function appelle_image()
 {

+       affiche_statut("Calcul en cours...") ;

        
        var formData = new FormData( document.getElementById("donnees_enfant") );
        
        
        var formData = new FormData( document.getElementById("donnees_enfant") );
        


@@ -82,6 +83,7 @@ function appelle_image()
                                                ul2.appendChild(li);
                                        }
                                }
                                                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é
                                
                        }
                        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);
                                }
                                        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)
                                
                        }
                }
        }
        requete.open("POST","courbe/b64",true)
        requete.send(formData)

+

 }
 
 function nettoie_erreurs()
 }
 
 function nettoie_erreurs()


@@ -147,3 +150,8 @@ function download_file(filename,mimetype,data) {
 function upload_file(nomformulaire) {
        document.getElementById(nomformulaire).submit();
 }
 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 4b82077d77432eef27e439eb63b6c185e4340843..f72a5462fd8376eb6a1fb9d0f6eb3ae5c6dc1dfd 100644 (file)
--- a/static/style.css
+++ b/static/style.css
@@ -21,6 +21,12 @@ h1 {
        background: #ff8060;
 }
 
        background: #ff8060;
 }
 

+#statut_courbes {
+       color: #505050 ;
+       font-size: 0.9em ;
+       
+}
+

 input[type="text"] {
        max-width: 20vw;
 }
 input[type="text"] {
        max-width: 20vw;
 }


@@ -46,28 +52,18 @@ img#courbe {
        display: none;
 }
 
        display: none;
 }
 

-#courbe_warnings {
+#courbe_warnings, #courbe_erreurs, #pref_graphique, #extra, #multi, #prema{

        display: none;
 }
 
        display: none;
 }
 

-#courbe_erreurs {
-       display: none;
-}

 
 

-#pref_graphique, #extra, #multi{
-       display: none;
-}
-
-#prema {
-       display: none;
-}

 
 .enfants_cache_def{
        display: none;
 }
 
 .icon_button {
 
 .enfants_cache_def{
        display: none;
 }
 
 .icon_button {

-    display: block;
+    #display: block;

        cursor: pointer;
        position: relative;
 }
        cursor: pointer;
        position: relative;
 }

diff --git a/templates/index.html b/templates/index.html
index 9ed53389593c6bb29811d7bddf68f7c519be8d19..bbe381142e9497fb35743456dda7cf67aee39e85 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -200,14 +200,19 @@
 </form> <!-- Fin du gros méga formulaire -->
 
 <!-- #################################################################################### -->
 </form> <!-- Fin du gros méga formulaire -->
 
 <!-- #################################################################################### -->

-<!-- section retour -->

 <hr>
 
 <hr>
 

-<div onclick="appelle_image()" class="icon_button">
+<!--- Le grobouton -->
+<div>
+       <span onclick="appelle_image()" class="icon_button">

        <img src="static/icons/courbe.png">
        <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>
 
 </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>
 <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>