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

diff --git a/templates/index.html b/templates/index.html
index 65754a5..abd1a13 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -17,6 +17,17 @@
   </label>
   <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}}). 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 %}
+
 </div>
 
 <form id="donnees_enfant">
@@ -32,14 +43,14 @@
 	<input type="reset" id="reset_donnees" value="Effacer les données du formulaire">	
 </div>
 <ul>
-<li><label>Nom de l'enfant&nbsp;:</label> <input type="text" name="nom" value="{{ valform.nom }}"></li>
+<li><label>Nom de l'enfant&nbsp;:</label> <input type="text" class="texte" name="nom" value="{{ valform.nom }}"></li>
 <li><label>Sexe&nbsp;:</label> <label><input type="radio" name="sexe" value="F" {%if valform.sexe == "F" %}checked{% endif %}> féminin </label>
 | <label><input type="radio" name="sexe" value="M" {%if valform.sexe == "M"%} checked {% endif %}> masculin</label> | <label><input type="radio" name="sexe" value="N" {%if valform.sexe == "N"%} checked {% endif %}> neutre (expérimental)</label></li>
 <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>
-<label>Prématurité</label> <input type="text" 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).
+<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>
 
 </ul>
@@ -58,14 +69,14 @@
 <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 ou g)</th><th class="donneesplus">Taille (cm) </th></tr>
+	<tr><th>Âge</th><th>Date</th><th>Poids</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><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>
+	<input type="text" class="data" name="age_{{ i }}" value="{{ valform['age_'~i] }}">
+</td><td><input type="date" name="date_{{ i }}" value="{{ valform['date_'~i] }}"></td>
+		<td><input type="text" class="data" name="poids_{{ i }}" value="{{ valform['poids_'~i] }}"></td>
+		<td  class="donneesplus"><input class="data" type="text" name="taille_{{ i }}" value="{{ valform['taille_'~i] }}"></td>
 
 </tr>
 {% endfor %}
@@ -91,13 +102,13 @@
 			<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" name="maxi" value="{{ valform.maxi }}"></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>Même échelle 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" name="largeur" value="{{ valform.largeur }}"> 
-	<label>hauteur&nbsp;: </label><input type="text" name="hauteur" value="{{ valform.hauteur }}"></li>
+	<li>Dimensions du graphique&nbsp;: <label>largeur&nbsp;: </label><input type="text" class="data" name="largeur" value="{{ valform.largeur }}"> 
+	<label>hauteur&nbsp;: </label><input type="text" class="data" name="hauteur" value="{{ valform.hauteur }}"></li>
 	<li><label>Légende&nbsp;: <input type="checkbox" name="legende" {% if valform.legende == 'oui' %} checked{% endif %}> </label>
 <label>Position&nbsp;: <select name="positionlegende">
 {%for (pos,posnom) in [('upper left','Haut gauche'),('upper right','Haut Droite'),('lower left','Bas gauche'),('lower right','Bas droite')] %}
@@ -107,7 +118,7 @@
 	</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 %}
@@ -115,6 +126,22 @@
 		{% endfor %}
 	</select>
 	</li>
+	
+	<li>Ajouter des repères sur les courbes. <span class="bouton petit" onclick="ajoute_reperes()">Plus de repères</span>
+		<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 }}"> 
+			 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>
+			{% 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=""> 
+			 Texte associé&nbsp;: <input class="texte" type="text" name="repere_texte_{{ j }}" value="">
+			 Tracer&nbsp;: <input type="checkbox" name="repere_trace_{{ j }}"></li>
+			{% endfor %}
+		</ul>
+		
+	</li>
 </ul>
 
 
@@ -125,7 +152,7 @@
 
 <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>Calculer le prolongement de la courbe à partir des <input type="text" class="data" 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">
@@ -133,10 +160,10 @@
 	{% for val in CONFIG.liste_typedonnees %}
 	<option value="{{val}}">{{val}}</option>
 	{% endfor %}
-	</select> à l'âge <input type="text" name="calculextradata_age" value="6m">
+	</select> à l'âge <input type="text" class="data" 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">
+	<li>Calculer l'âge auquel l'enfant aura <input type="text" class="data" name="calculextratemps_val">
 	<select name="calculextratemps_type">
 	<option value="">Choisir la donnée</option>
 	{% for val in CONFIG.liste_typedonnees %}
@@ -156,13 +183,14 @@
 	<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 }}">
-  Symbole :<select name="symbole_donnees_{{ numero_enfant }}">
+  <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>
-  <span class="bouton petit" onclick="vide_champ('fichier_donnees_{{ numero_enfant }}')">Enlever ce fichier</span></li>
+  </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>