Modif JS et HTML : message quand les courbes se calculent
authorDenise sur Lya <sekhmet@lya>
Sun, 25 Jul 2021 10:19:23 +0000 (12:19 +0200)
committerDenise sur Lya <sekhmet@lya>
Sun, 25 Jul 2021 10:19:23 +0000 (12:19 +0200)
data/changelog_data.txt
static/requetes.js
static/style.css
templates/index.html

index ba601e36520ff4f0fcd0aefb4257dc03d774fb01..37a46d042d31290b212ecd38d4c15597a98a7e51 100644 (file)
@@ -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>
index ba2a81e3a1aa3344efa8e4b8fbe39557a3ecf5fe..465366c5dd1e4f0a3556e3098fbd9b0ac301ed1d 100644 (file)
@@ -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 ;
+}
index 4b82077d77432eef27e439eb63b6c185e4340843..f72a5462fd8376eb6a1fb9d0f6eb3ae5c6dc1dfd 100644 (file)
@@ -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;
 }
index 9ed53389593c6bb29811d7bddf68f7c519be8d19..bbe381142e9497fb35743456dda7cf67aee39e85 100644 (file)
 </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>