X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=templates%2Findex.html;h=bbe381142e9497fb35743456dda7cf67aee39e85;hp=9ed53389593c6bb29811d7bddf68f7c519be8d19;hb=refs%2Fheads%2Fbeta;hpb=348a7b3607d7cd722e8d11765d7063a9df863db0

diff --git a/templates/index.html b/templates/index.html
index 9ed5338..93a95af 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,19 +12,24 @@
 
 
   <label for="fichier_donnees" class="icon_button">
-	<img src="static/icons/import.png">
+	<img src="static/icons/import.png" alt="Importer">
 	<span class="icon_legend">Importer un fichier</span>
   </label>
   <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file('form_import_donnees')">
 </form> 
 
 {% if "fichier_importe" in valform %}
+<p>Version du fichier de sauvegarde : 
 {% if "version" in valform %}
-<p>Version du fichier de sauvegarde : {{ valform.version }}.</p>{% endif %}
+{{ valform.version }}
+{% else %}
+Inférieure à 2.5{% endif %}
+</p>
 {% if "version" not in valform or valform.version < CONFIG.version %}
-<p class="petit">Note : La version du fichier de sauvegarde est inférieure à la version du site ({{ CONFIG.version}}), mais cela ne devrait pas générer de bug (normalement).
+<p class="petit">Note&nbsp;: La version du fichier de sauvegarde est inférieure à la version du site ({{ CONFIG.version}}), mais cela ne devrait pas générer de bug (normalement). <br>
+Si vous voulez mettre à jour votre fichier de sauvegarde, il suffit de ré-enregistrer les données une fois les courbes générées.
 </p>{% elif valform.version > CONFIG.version %}
-<p class="petit">Note : la version du fichier de sauvegarde ({{ valform.version }}) est <b>supérieure</b> à la version du site ({{ CONFIG.version}}). Vous avez probablement avez testé un fichier de sauvegarde de la version bêta sur la version normale du site. Sinon c'est que vous avez voyagé dans le temps, trifouillé le fichier de sauvegarde, ou... je ne sais pas. Il se peut qu'il y ait des bugs. Ou pas.</p>
+<p class="petit">Note&nbsp;: la version du fichier de sauvegarde ({{ valform.version }}) est <b>supérieure</b> à la version du site ({{ CONFIG.version}}). Vous avez probablement avez testé un fichier de sauvegarde de la version bêta sur la version normale du site. Sinon c'est que vous avez voyagé dans le temps, trifouillé le fichier de sauvegarde, ou... je ne sais pas. Il se peut qu'il y ait des bugs. Ou pas.</p>
 {% endif %}
 {% endif %}
 
@@ -37,7 +42,7 @@
 <h3>Informations sur l'enfant</h3>
 <div>
 	<label for="reset_donnees" class="icon_button">
-		<img src="static/icons/trash.png">
+		<img src="static/icons/trash.png" alt="Effacer">
 		<span class="icon_legend">Effacer les données du formulaire</span>
 	</label>	 
 	<input type="reset" id="reset_donnees" value="Effacer les données du formulaire">	
@@ -49,7 +54,8 @@
 <li><label>Date de naissance&nbsp;: </label> <input type="date" name="naissance" value="{{ valform.naissance }}">
 	<p id="changemode" class="petit"><span onclick="change_mode_dates('text')" class="bouton">Cliquer ici</span> pour saisir les dates comme du texte.</p> </li>
 <li>Prématuré ? <span class="petit">(expérimental)</span> <span class="bouton" onclick="affiche_cache('prema',this)">Afficher</span>
-<div id="prema"><p class="petit">Si l'enfant est né prématuré (avant 37 semaines d'aménorrhée), indiquer de « combien » en durée (même syntaxe que pour les âges, voir plus bas). Sinon, laisser 0j.</p>
+<div id="prema"><p class="petit">Si l'enfant est né prématuré (avant 37 semaines d'aménorrhée), indiquer de « combien » en durée (même syntaxe que pour les âges, voir plus bas). Sinon, laisser 0j. 
+<br>Remarque&nbsp;: les courbes OMS ne se prolongent pas pour la période prématurée, mais permettent de suivre la croissance de l'enfant une fois le terme atteint.</p>
 <label>Prématurité</label> <input type="text" class="data" name="prematurite" value="{{ valform.prematurite }}"> <input type="checkbox" name="agecorrige"{% if valform.agecorrige == "oui"%} checked{%endif%}> Afficher l'âge corrigé sur la courbe (plutôt que l'âge réel).
 </div></li>
 
@@ -64,7 +70,7 @@
 <p>Syntaxe pour l'âge&nbsp;: utiliser j, s, m, a comme des "unités" (jours, semaines, mois, années). Vous pouvez mixer les unités, par exemple "3a2m5j" pour 3 ans, 2 mois et 5 jours. Les espaces sont ignorées, et il faut saisir des nombres entiers.</p>
 <p>Saisir le poids en kilogrammes (par exemple "2.62" ou "2,62" pour 2 kilogrammes et 620 grammes), ou en grammes ("2620" par exemple).</p>
 <p class="donneesplus">Saisir la taille en centimètres. Note : il y a généralement un centimètre de moins quand on mesure l'enfant debout par rapport à allongé. On peut voir sur la courbe de référence une "cassure" à deux ans qui correspond au changement du type de mesure.</p>
-<p>Il faut saisir la date ou l'âge. Si les deux sont saisis, seul l'âge comptera.</p>
+<p>Il faut saisir la date ou l'âge. La date a priorité sur l'âge (si la date de naissance est saisie).</p>
 
 <p class="donneesplus">Si vous ne saisissez que des données de poids par exemple, la courbe de taille ne sera pas tracée (par défaut, voir préférences du graphique).</p>
 
@@ -131,13 +137,19 @@
 		<ul id="ajoutereperecourbe">
 			{% for i in range(valform.liste_reperes | length) %}
 			<li>Âge&nbsp;: <input class="data" type="text" name="repere_age_{{ i }}" value="{{ valform.liste_reperes[i].donnee }}"> 
+			ou date&nbsp;: <input type="date" name="repere_date_{{ i }}" value="{{ valform.liste_reperes[i].date }}">
 			 Texte associé&nbsp;: <input class="texte" type="text" name="repere_texte_{{ i }}" value="{{ valform.liste_reperes[i].texte }}">
-			 Tracer&nbsp;: <input type="checkbox" name="repere_trace_{{ i }}" {% if valform.liste_reperes[i].trace %} checked {% endif %}></li>
+			 Tracer&nbsp;: <input type="checkbox" name="repere_trace_{{ i }}" {% if valform.liste_reperes[i].trace %} checked {% endif %}>
+			 Afficher la date&nbsp;: <input type="checkbox" name="repere_affichedate_{{ i }}" {% if valform.liste_reperes[i].affichedate %} checked {% endif %}>
+			 </li>
 			{% endfor %}
 			{% for j in range(valform.liste_reperes | length, valform.nb_reperes_mini) %}
 			<li>Âge&nbsp;: <input class="data" type="text" name="repere_age_{{ j }}" value=""> 
+			ou date&nbsp;: <input type="date" name="repere_date_{{ i }}" value="">
 			 Texte associé&nbsp;: <input class="texte" type="text" name="repere_texte_{{ j }}" value="">
-			 Tracer&nbsp;: <input type="checkbox" name="repere_trace_{{ j }}"></li>
+			 Tracer&nbsp;: <input type="checkbox" name="repere_trace_{{ j }}">
+			 Afficher la date&nbsp;: <input type="checkbox" name="repere_affichedate_{{ i }}"></li>
+
 			{% endfor %}
 		</ul>
 		
@@ -160,7 +172,8 @@
 	{% for val in CONFIG.liste_typedonnees %}
 	<option value="{{val}}">{{val}}</option>
 	{% endfor %}
-	</select> à l'âge <input type="text" class="data" name="calculextradata_age" value="6m">
+	</select> à l'âge <input type="text" class="data" name="calculextradata_age">
+	ou à la date <input type="date" name="calculextradata_date">
 	<input type="checkbox" name="calculextradata_trace"> ... et le voir sur le graphique.</li>
 	
 	<li>Calculer l'âge auquel l'enfant aura <input type="text" class="data" name="calculextratemps_val">
@@ -191,23 +204,30 @@
 	<option value="{{ symb }}" {% if numero_enfant == loop.index  %} selected{% endif %}>{{ CONFIG.liste_symboles[symb] | safe}}</option>
 	{% endfor %}
   </select> | 
-  Couleur&nbsp;: <input type="color" name="couleur_donnees_{{ numero_enfant }}" value="{{ valform.couleurs.cadretxt }}"></li>{% endfor %}
+  Couleur&nbsp;: <input type="color" name="couleur_donnees_{{ numero_enfant }}" value="{{ valform.couleurs.cadretxt }}"> | 
+  Alias <span class="petit">(remplace le prénom)</span>&nbsp;: <input type="text" name="alias_{{ numero_enfant }}"></li>{% endfor %}
   </ul>
   <p class="bouton" onclick="ajoute_enfants()" id="reveleenfants">Plus d'enfants O_o</p>
+  
 </div>
 
 
 </form> <!-- Fin du gros méga formulaire -->
 
 <!-- #################################################################################### -->
-<!-- section retour -->
 <hr>
 
-<div onclick="appelle_image()" class="icon_button">
-	<img src="static/icons/courbe.png">
-	<span class="icon_legend">Je veux les courbes !</span>
+<!--- Le grobouton -->
+<div>
+	<span onclick="appelle_image()" class="icon_button">
+	<img src="static/icons/courbe.png" alt="Tracer les courbes">
+	<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>
@@ -221,19 +241,19 @@
 
 	<h2>Courbes</h2>
 	<div id="section_courbe_poids">
-	<img id="courbe_poids">
+	<img id="courbe_poids" src="" alt="">
 
 	<div id="courbe_dl_poids" class="icon_button">
-		<img src="static/icons/export.png">
+		<img src="static/icons/export.png" alt="Exporter la courbe de poids">
 		<span class="icon_legend">Télécharger la courbe de poids</span>
 	</div>
 	</div>
 
 	<div id="section_courbe_taille">
-	<img id="courbe_taille">
+	<img id="courbe_taille" src="" alt="">
 	
 	<div id="courbe_dl_taille" class="icon_button">
-		<img src="static/icons/export.png">
+		<img src="static/icons/export.png" alt="Exporter la courbe de taille">
 		<span class="icon_legend">Télécharger la courbe de taille</span>
 	</div>
 	</div>
@@ -254,10 +274,10 @@
 	<p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.</p>
 
 	<div id="export_dl" class="icon_button">
-		<img src="static/icons/export.png">
+		<img src="static/icons/export.png" alt="Exporter les données">
 		<span class="icon_legend">Télécharger les données</span>
 	</div>
-	<p>Si vous n'arrivez pas à télécharger les données, <a href='#export' onclick="affiche_export()">cliquez ici</a> pour les voir en texte clair&nbsp: il vous suffira de les copier/coller dans un fichier texte.</p>
+	<p>Si vous n'arrivez pas à télécharger les données, <a href='#export' onclick="affiche_export()">cliquez ici</a> pour les voir en texte clair&nbsp;: il vous suffira de les copier/coller dans un fichier texte.</p>
 	<div id="export">
 	<textarea readonly id="export_texte">
 	</textarea>