X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=templates%2Findex.html;h=ace09829444369b1dee3cf0d35e7985882c5e42c;hp=abd1a1305eedac5170592061607bdcd6e2f5c76b;hb=7aac9b2adb63cf100afc6b97d263a53ef89b9c83;hpb=6ac2173a3eedadc718dadd54002878b5d3d9661b

diff --git a/templates/index.html b/templates/index.html
index abd1a13..ace0982 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,7 +12,7 @@
 
 
   <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')">
@@ -37,7 +37,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">	
@@ -57,19 +57,19 @@
 
 
 
+<!-- Section saisie des données -->
 
-
-<h3>Saisir les données</h3> 
+<h3>Saisie des données</h3> 
 <p><span id="bouton_afficher_donneesplus" class="bouton" onclick="affiche_cache_classe('donneesplus')">Afficher</span> la saisie des tailles.</p> 
 <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>
 
 <table id="donneespoids">
-	<tr><th>Âge</th><th>Date</th><th>Poids</th><th class="donneesplus">Taille (cm) </th></tr>
+	<tr><th>Âge</th><th>Date</th><th>Poids</th><th class="donneesplus">Taille</th></tr>
 	
 {% for i in range(valform.nb_data) %}
 <tr><td>
@@ -82,9 +82,9 @@
 {% endfor %}
 
 </table>
-<p class="bouton" onclick="ajoutelignes()">Cliquer ici pour ajouter des lignes</p>
+<p> <span class="bouton" onclick="ajoutelignes()">Cliquer ici</span> pour ajouter des lignes</p>
 
-<!-- Préférences du graphique -->
+<!-- Section préférences du graphique -->
 <h3>Préférences du graphique</h3>
 <div class="bouton" onclick="affiche_cache('pref_graphique',this)">Afficher</div>
 
@@ -102,9 +102,9 @@
 			<option value="{{ unite }}"{% if valform.unite == unite %} selected {% endif %} >{{ unite }}</option>
 	{% endfor %}
 		</select></label></li>
-	<li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge) </label><input type="text" class="data" name="maxi" value="{{ valform.maxi }}"></li>
+	<li><label>Âge maximum du graphique (facultatif) </label><input type="text" class="data" name="maxi" value="{{ valform.maxi }}"></li>
 	
-	<li><label>Même échelle sur tous les graphiques&nbsp;: </label><input type="checkbox" name="memechelle" {% if valform.memechelle == 'oui' %} checked{% endif %}></li>
+	<li><label>Même échelle d'âge sur tous les graphiques&nbsp;: </label><input type="checkbox" name="memechelle" {% if valform.memechelle == 'oui' %} checked{% endif %}></li>
 	<li><label>Grille améliorée&nbsp;:</label><input type="checkbox" name="grilleamelio" {% if valform.grilleamelio == 'oui' %} checked{% endif %}></li>
 	
 	<li>Dimensions du graphique&nbsp;: <label>largeur&nbsp;: </label><input type="text" class="data" name="largeur" value="{{ valform.largeur }}"> 
@@ -131,13 +131,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 +166,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">
@@ -173,41 +180,48 @@
 	<input type="checkbox" name="calculextratemps_trace"> ... et le voir sur le graphique.</li>
 	
 </ul>
-<p>Les résultats de calculs seront affichés en-dessous des courbes.</p>
+<p>Les résultats de calculs seront affichés en-dessous des courbes. Ils ne seront pas sauvegardés.</p>
 </div>
 
+<!-- Section courbes multiples -->
 <h3>Courbes multiples</h3>
 <div class="bouton" onclick="affiche_cache('multi',this)">Afficher</div>
 
 <div id="multi">
-	<p>Si vous souhaitez tracer sur le même graphique les courbes de différents enfants, c'est ici. Il faut importer le fichier de données additionnel de l'autre enfant (ou des autres enfants). Seul le nom de l'enfant et ses données seront utilisés, les autres paramètres (courbe de référence suivant le sexe, maximum du graphique, ...) seront ceux de l'enfant «&nbsp;principal&nbsp;».</p>
-  <ul>
-	  {% for numero_enfant in (2, 3, 4, 5, 6, 7, 8, 9, 10) %}
-  <li {% if numero_enfant>4 %} class="enfants_cache_def"{% endif %}><input type="file" name="fichier_donnees_{{ numero_enfant }}" id="fichier_donnees_{{ numero_enfant }}"> <span class="bouton petit" onclick="vide_champ('fichier_donnees_{{ numero_enfant }}')">Enlever ce fichier</span> | 
+	<p>Si vous souhaitez tracer sur le même graphique les courbes de différents enfants, c'est ici.</p>
+	<p> Il faut importer le fichier de données additionnel de l'autre enfant (ou des autres enfants). Seul le nom de l'enfant et ses données seront utilisés, les autres paramètres (courbe de référence suivant le sexe, maximum du graphique, ...) seront ceux de l'enfant «&nbsp;principal&nbsp;».</p>
+	<p>Remarque&nbsp;: lors de l'export, seul l'enfant «&nbsp;principal&nbsp;» est sauvegardé.</p>
+  <ul id="liste_enfants_add">{% for numero_enfant in range(2, CONFIG.nb_fichiers_enfants_add+2) %}
+	  <li><input type="file" name="fichier_donnees_{{ numero_enfant }}" id="fichier_donnees_{{ numero_enfant }}"> <span class="bouton petit" onclick="vide_champ('fichier_donnees_{{ numero_enfant }}')">Enlever ce fichier</span> | 
   Symbole&nbsp;: <select name="symbole_donnees_{{ numero_enfant }}"> 
 	{% for symb in CONFIG.liste_symboles %}
 	<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="revele_enfants()" id="reveleenfants">Plus d'enfants O_o</p>
+  <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 +235,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>
@@ -247,18 +261,22 @@
 	</ul>
 </div>
 
+<!-- Section export des courbes -->
 
 <div id="sectionexport">
 	<h2>Export des données</h2>
 	<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>
-	<textarea readonly id="export">
+	<div id="export">
+	<textarea readonly id="export_texte">
 	</textarea>
+	<p><span class="bouton" onclick="copietexte()">Sélectionner et copier</span> le texte dans le presse-papier.</p>
+	</div>
 
 </div>