X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=templates%2Findex.html;h=e9656dac22b106a19db35f59b4a2fb7fa34bb305;hp=d14e2cba6f895374cbdd594ee9498aa2c4d951cf;hb=64be08b2203c801c5231be30a2096790cd0c3b12;hpb=2fce97eab52d0379e1bc5ea399f24bf913c5d6ac

diff --git a/templates/index.html b/templates/index.html
index d14e2cb..e9656da 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,8 +15,19 @@
 	<img src="static/icons/import.png">
 	<span class="icon_legend">Importer un fichier</span>
   </label>
-  <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file()">
+  <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file('form_import_donnees')">
 </form> 
+
+{% if "fichier_importe" in valform %}
+{% if "version" in valform %}
+<p>Version du fichier de sauvegarde : {{ valform.version }}.</p>{% endif %}
+{% 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>{% 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}}). Soit vous avez voyagé dans le futur, soit vous avez testé un fichier de sauvegarde de la version bêta sur la version normale du site, soit vous avez trifouillé le fichier de sauvegarde, soit... je ne sais pas. Il se peut qu'il y ait des bugs. Ou pas.</p>
+{% endif %}
+{% endif %}
+
 </div>
 
 <form id="donnees_enfant">
@@ -51,19 +62,19 @@
 <h3>Saisir les 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).</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 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 (kg)</th><th class="donneesplus">Taille (cm) </th></tr>
+	<tr><th>Âge</th><th>Date</th><th>Poids (kg ou g)</th><th class="donneesplus">Taille (cm) </th></tr>
 	
 {% for i in range(valform.nb_data) %}
 <tr><td>
 	<input type="text" name="age_{{ i }}" value="{{ valform['age_'~i] }}">
-</td><td><input type="date" name="date_{{ i }}"></td>
+</td><td><input type="date" name="date_{{ i }}" value="{{ valform['date_'~i] }}"></td>
 		<td><input type="text" name="poids_{{ i }}" value="{{ valform['poids_'~i] }}"></td>
 		<td  class="donneesplus"><input type="text" name="taille_{{ i }}" value="{{ valform['taille_'~i] }}"></td>
 
@@ -73,8 +84,7 @@
 </table>
 <p class="bouton" onclick="ajoutelignes()">Cliquer ici pour ajouter des lignes</p>
 
-
-
+<!-- Préférences du graphique -->
 <h3>Préférences du graphique</h3>
 <div class="bouton" onclick="affiche_cache('pref_graphique',this)">Afficher</div>
 
@@ -108,39 +118,72 @@
 	</li>
 	
 	<li>Couleur courbe du bas <input type="color" name="couleur_courbe1" value="{{ valform.couleurs.courbe1 }}"> | Couleur courbe du milieu <input type="color" name="couleur_courbe2"  value="{{ valform.couleurs.courbe2 }}"> | Couleur courbe du haut <input type="color" name="couleur_courbe3" value="{{ valform.couleurs.courbe3 }}"> </li>
-	<li>Couleur du fond <input type="color" name="couleur_fond" value="{{ valform.couleurs.fond }}"> | Couleur de la grille <input type="color" name="couleur_grille" value="{{ valform.couleurs.grille }}"> | Couleur des axes, texte et courbe <input type="color" name="couleur_cadretxt" value="{{ valform.couleurs.cadretxt }}"></li>
+	<li>Couleur du fond <input type="color" name="couleur_fond" value="{{ valform.couleurs.fond }}"> | Couleur de la grille <input type="color" name="couleur_grille" value="{{ valform.couleurs.grille }}"> | Couleur des axes et du texte <input type="color" name="couleur_cadretxt" value="{{ valform.couleurs.cadretxt }}"> | Couleur de la courbe de l'enfant <input type="color" name="couleur_courbeenfant" value="{{ valform.couleurs.courbeenfant }}"></li>
+	<li>Symbole pour les points de la courbe : 
+	<select name="symbole">
+		{% for symb in CONFIG.liste_symboles %}
+		<option value="{{ symb }}" {% if valform.symbole==symb %} selected{% endif %}>{{CONFIG.liste_symboles[symb] | safe}}</option>
+		{% endfor %}
+	</select>
+	</li>
 </ul>
 
 
-
 <!-- Section calculs/Extrapolation !-->
 
 <h3>Extrapolation</h3>
 <div class="bouton" onclick="affiche_cache('extra',this)">Afficher</div>
 
-<ul id="extra">
+<div id="extra">
+<ul>
 	<li>Calculer le prolongement de la courbe à partir des <input type="text" name="nbextradata" size="4" value="1"> dernières données (mettre 0 pour "toutes").</li>
 	<li><input type="checkbox" name="prolongercourbes">Tracer l'extrapolation sur le graphique.</li>
+	
 	<li>Calculer <select name="calculextradata_type">
 	<option value="">Choisir la donnée</option>
 	{% for val in CONFIG.liste_typedonnees %}
 	<option value="{{val}}">{{val}}</option>
 	{% endfor %}
-	</select> à l'âge <input type="text" name="calculextradata_age" value="6m"></li>
+	</select> à l'âge <input type="text" name="calculextradata_age" value="6m">
+	<input type="checkbox" name="calculextradata_trace"> ... et le voir sur le graphique.</li>
+	
 	<li>Calculer l'âge auquel l'enfant aura <input type="text" name="calculextratemps_val">
 	<select name="calculextratemps_type">
 	<option value="">Choisir la donnée</option>
 	{% for val in CONFIG.liste_typedonnees %}
 	<option value="{{val}}">{{ CONFIG.unites_typedonnees[val]}} ({{val}})</option>
 	{% endfor %}	
-	</select></li>
+	</select>
+	<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>
+</div>
+
+<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> | 
+  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 %}
+  </ul>
+  <p class="bouton" onclick="revele_enfants()" id="reveleenfants">Plus d'enfants O_o</p>
+</div>
+
 
+</form> <!-- Fin du gros méga formulaire -->
 
-</form>
+<!-- #################################################################################### -->
 <!-- section retour -->
 <hr>
 
@@ -151,7 +194,7 @@
 
 <hr>
 <div id="courbe_warnings">
-	<p><strong>Alerte&nbsp;:</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.</p>
+	<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>
 	<ul></ul>
 </div>
 <div id="courbe_erreurs">