From 723d52a6793ba8003412f60f52e21cc2950d487f Mon Sep 17 00:00:00 2001 From: Denise sur Lya Date: Sun, 25 Jul 2021 12:19:23 +0200 Subject: Modif JS et HTML : message quand les courbes se calculent --- static/requetes.js | 10 +++++++++- static/style.css | 20 ++++++++------------ 2 files changed, 17 insertions(+), 13 deletions(-) (limited to 'static') 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; } -- cgit v1.2.3