summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDenise sur Lya <sekhmet@lya>2021-07-25 12:19:23 +0200
committerDenise sur Lya <sekhmet@lya>2021-07-25 12:19:23 +0200
commit723d52a6793ba8003412f60f52e21cc2950d487f (patch)
tree707144e83f070c5ef18aab23b96c6e6c007e6280
parent348a7b3607d7cd722e8d11765d7063a9df863db0 (diff)
downloadoms-723d52a6793ba8003412f60f52e21cc2950d487f.tar.gz
oms-723d52a6793ba8003412f60f52e21cc2950d487f.tar.zst
oms-723d52a6793ba8003412f60f52e21cc2950d487f.zip
Modif JS et HTML : message quand les courbes se calculent
-rw-r--r--data/changelog_data.txt1
-rw-r--r--static/requetes.js10
-rw-r--r--static/style.css20
-rw-r--r--templates/index.html11
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 @@
4<li>Une icône, enfin (il était temps...)</li> 4<li>Une icône, enfin (il était temps...)</li>
5<li>La page du suivi des versions (celle-ci) a été raccourcie (sauf si on veut tout voir).</li> 5<li>La page du suivi des versions (celle-ci) a été raccourcie (sauf si on veut tout voir).</li>
6<li>On peut désormais personnaliser la couleur et le symbole de la courbe (principale).</li> 6<li>On peut désormais personnaliser la couleur et le symbole de la courbe (principale).</li>
7<li>Il y a un petit message lors de la génération des courbes.</li>
7<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> 8<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>
8<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> 9<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>
9<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> 10<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 @@
1 1
2function appelle_image() 2function appelle_image()
3{ 3{
4 affiche_statut("Calcul en cours...") ;
4 5
5 var formData = new FormData( document.getElementById("donnees_enfant") ); 6 var formData = new FormData( document.getElementById("donnees_enfant") );
6 7
@@ -82,6 +83,7 @@ function appelle_image()
82 ul2.appendChild(li); 83 ul2.appendChild(li);
83 } 84 }
84 } 85 }
86 affiche_statut("Courbes générées, scroller vers le bas pour les voir.") ;
85 } 87 }
86 else{ // si la génération de l'image a merdé 88 else{ // si la génération de l'image a merdé
87 89
@@ -94,13 +96,14 @@ function appelle_image()
94 li.appendChild(document.createTextNode(liste_warnings[i])); 96 li.appendChild(document.createTextNode(liste_warnings[i]));
95 ul.appendChild(li); 97 ul.appendChild(li);
96 } 98 }
97 99 affiche_statut("Il y a eu une erreur à la génération des courbes, voir plus bas.") ;
98 100
99 } 101 }
100 } 102 }
101 } 103 }
102 requete.open("POST","courbe/b64",true) 104 requete.open("POST","courbe/b64",true)
103 requete.send(formData) 105 requete.send(formData)
106
104} 107}
105 108
106function nettoie_erreurs() 109function nettoie_erreurs()
@@ -147,3 +150,8 @@ function download_file(filename,mimetype,data) {
147function upload_file(nomformulaire) { 150function upload_file(nomformulaire) {
148 document.getElementById(nomformulaire).submit(); 151 document.getElementById(nomformulaire).submit();
149} 152}
153
154// Fonction pour afficher le statut des courbes
155function affiche_statut(message) {
156 document.getElementById("statut_courbes").innerHTML = message ;
157}
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 {
21 background: #ff8060; 21 background: #ff8060;
22} 22}
23 23
24#statut_courbes {
25 color: #505050 ;
26 font-size: 0.9em ;
27
28}
29
24input[type="text"] { 30input[type="text"] {
25 max-width: 20vw; 31 max-width: 20vw;
26} 32}
@@ -46,28 +52,18 @@ img#courbe {
46 display: none; 52 display: none;
47} 53}
48 54
49#courbe_warnings { 55#courbe_warnings, #courbe_erreurs, #pref_graphique, #extra, #multi, #prema{
50 display: none; 56 display: none;
51} 57}
52 58
53#courbe_erreurs {
54 display: none;
55}
56 59
57#pref_graphique, #extra, #multi{
58 display: none;
59}
60
61#prema {
62 display: none;
63}
64 60
65.enfants_cache_def{ 61.enfants_cache_def{
66 display: none; 62 display: none;
67} 63}
68 64
69.icon_button { 65.icon_button {
70 display: block; 66 #display: block;
71 cursor: pointer; 67 cursor: pointer;
72 position: relative; 68 position: relative;
73} 69}
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 @@
200</form> <!-- Fin du gros méga formulaire --> 200</form> <!-- Fin du gros méga formulaire -->
201 201
202<!-- #################################################################################### --> 202<!-- #################################################################################### -->
203<!-- section retour -->
204<hr> 203<hr>
205 204
206<div onclick="appelle_image()" class="icon_button"> 205<!--- Le grobouton -->
206<div>
207 <span onclick="appelle_image()" class="icon_button">
207 <img src="static/icons/courbe.png"> 208 <img src="static/icons/courbe.png">
208 <span class="icon_legend">Je veux les courbes !</span> 209 <span class="icon_legend">Je veux les courbes !</span></span>
210 <span id="statut_courbes"></span>
209</div> 211</div>
210 212
213
214<!-- section retour -->
215
211<hr> 216<hr>
212<div id="courbe_warnings"> 217<div id="courbe_warnings">
213 <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> 218 <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>