<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')">
<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">
+<!-- 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 : 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>
</table>
<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>
<ul id="ajoutereperecourbe">
{% for i in range(valform.liste_reperes | length) %}
<li>Âge : <input class="data" type="text" name="repere_age_{{ i }}" value="{{ valform.liste_reperes[i].donnee }}">
+ ou date : <input type="date" name="repere_date_{{ i }}" value="{{ valform.liste_reperes[i].date }}">
Texte associé : <input class="texte" type="text" name="repere_texte_{{ i }}" value="{{ valform.liste_reperes[i].texte }}">
- Tracer : <input type="checkbox" name="repere_trace_{{ i }}" {% if valform.liste_reperes[i].trace %} checked {% endif %}></li>
+ Tracer : <input type="checkbox" name="repere_trace_{{ i }}" {% if valform.liste_reperes[i].trace %} checked {% endif %}>
+ Afficher la date : <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 : <input class="data" type="text" name="repere_age_{{ j }}" value="">
+ ou date : <input type="date" name="repere_date_{{ i }}" value="">
Texte associé : <input class="texte" type="text" name="repere_texte_{{ j }}" value="">
- Tracer : <input type="checkbox" name="repere_trace_{{ j }}"></li>
+ Tracer : <input type="checkbox" name="repere_trace_{{ j }}">
+ Afficher la date : <input type="checkbox" name="repere_affichedate_{{ i }}"></li>
+
{% endfor %}
</ul>
{% 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">
<option value="{{ symb }}" {% if numero_enfant == loop.index %} selected{% endif %}>{{ CONFIG.liste_symboles[symb] | safe}}</option>
{% endfor %}
</select> |
- Couleur : <input type="color" name="couleur_donnees_{{ numero_enfant }}" value="{{ valform.couleurs.cadretxt }}"></li>{% endfor %}
+ Couleur : <input type="color" name="couleur_donnees_{{ numero_enfant }}" value="{{ valform.couleurs.cadretxt }}"> |
+ Alias <span class="petit">(remplace le prénom)</span> : <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 :</strong> il y a eu quelques soucis lors de la génération de la (des) courbes. En voici la liste :</p>
<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>
<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 : 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 : il vous suffira de les copier/coller dans un fichier texte.</p>
<div id="export">
<textarea readonly id="export_texte">
</textarea>
projects / perso / Denise / oms.git / blobdiff