1 {% extends "base.html" %}
3 <p>Bienvenue sur ce petit outil qui permet de tracer la courbe de poids des enfants jusqu'à
5 ans.
</p>
7 <h2>Données de l'enfant
</h2>
9 <div id=
"import_donnees">
10 <form action=
"/" method=
"post" enctype=
"multipart/form-data" id=
"form_import_donnees">
14 <label for=
"fichier_donnees" class=
"icon_button">
15 <img src=
"static/icons/import.png">
16 <span class=
"icon_legend">Importer un fichier
</span>
18 <input type=
"file" name=
"fichier_donnees" id=
"fichier_donnees" oninput=
"upload_file()">
22 <form id=
"donnees_enfant">
24 <!-- saisie des données -->
26 <h3>Informations sur l'enfant
</h3>
28 <label for=
"reset_donnees" class=
"icon_button">
29 <img src=
"static/icons/trash.png">
30 <span class=
"icon_legend">Effacer les données du formulaire
</span>
32 <input type=
"reset" id=
"reset_donnees" value=
"Effacer les données du formulaire">
35 <li><label>Nom de l'enfant
:
</label> <input type=
"text" name=
"nom" value=
"{{ valform.nom }}"></li>
36 <li><label>Sexe
:
</label> <label><input type=
"radio" name=
"sexe" value=
"F" {%if valform.sexe ==
"F" %}checked{% endif %}
> féminin
</label>
37 |
<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>
38 <li><label>Date de naissance
:
</label> <input type=
"date" name=
"naissance" value=
"{{ valform.naissance }}"></li>
45 <h3>Données de poids
</h3>
46 <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>
47 <p>Saisir le poids en kilogrammes (par exemple "
2.62" ou "
2,
62" pour
2 kilogrammes et
620 grammes).
</p>
48 <p>Il faut saisir la date ou l'âge. Si les deux sont saisis, seul l'âge comptera.
</p>
50 <p>Si le tableau est laissé vide, cela génère une courbe "vide" de référence.
</p>
52 <table id=
"donneespoids">
53 <tr><th>Âge
</th><th>Date
</th><th>Poids
</th></tr>
55 {% for i in range(valform.nb_data) %}
57 <input type=
"text" name=
"age_{{ i }}" value=
"{{ valform['age_'~i] }}">
58 </td><td><input type=
"date" name=
"date_{{ i }}"></td>
59 <td><input type=
"text" name=
"poids_{{ i }}" value=
"{{ valform['poids_'~i] }}"></td>
64 <p class=
"bouton" onclick=
"ajoutelignes()">Cliquer ici pour ajouter des lignes
</p>
68 <h3>Préférences du graphique
</h3>
69 <div class=
"bouton" onclick=
"affiche_cache('pref_graphique',this)">Afficher
</div>
71 <ul id=
"pref_graphique">
72 <li><label>Type de courbe
:
</label> <label><input type=
"radio" name=
"typecourbe" value=
"P"
73 {% if valform.typecourbe ==
"P" or valform.typecourbe is not defined %} checked {% endif %}
> Percentiles
</label> |
<label><input type=
"radio" name=
"typecourbe" value=
"Z"
74 {% if valform.typecourbe ==
"Z" %} checked {% endif %}
> Moyenne et écarts-type
</label></li>
75 <li><label>Grille
:
<input type=
"checkbox" name=
"grille" {%if valform.grille ==
"oui" or valform.grille is not defined %} checked {% endif %}
></label></li>
76 <li><label>Unité
:
78 <option value=
"" {% if valform.typecourbe ==
"" or valform is not defined %} selected {%endif %}
>Par défaut
</option>
79 {% for unite in ['jours','semaines','mois','années'] %}
80 <option value=
"{{ unite }}"{% if valform.unite == unite %} selected {% endif %}
>{{ unite }}
</option>
82 </select></label></li>
83 <li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge)
</label><input type=
"text" name=
"maxi" value=
"{{ valform.maxi }}"></li>
84 <li>Dimensions du graphique
:
<label>largeur
:
</label><input type=
"text" name=
"largeur" value=
"{{ valform.largeur }}">
85 <label>hauteur
:
</label><input type=
"text" name=
"hauteur" value=
"{{ valform.hauteur }}"></li>
86 <li><label>Légende
:
<input type=
"checkbox" name=
"legende" {% if valform.legende == 'oui' %} checked{% endif %}
> </label>
87 <label>Position
:
<select name=
"positionlegende">
88 {%for (pos,posnom) in [('upper left','Haut gauche'),('upper right','Haut Droite'),('lower left','Bas gauche'),('lower right','Bas droite')] %}
89 <option value=
"{{ pos }}">{{ posnom }}
</option>
93 <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>
94 <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>
99 <!-- section retour -->
102 <div onclick=
"appelle_image()" class=
"icon_button">
103 <img src=
"static/icons/courbe.png">
104 <span class=
"icon_legend">Je veux la courbe !
</span>
108 <div id=
"courbe_warnings">
109 <p><strong>Alerte
:
</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.
</p>
112 <div id=
"courbe_erreurs">
113 <p><strong>Alerte
:
</strong> La courbe n'a pas pu être générée. Vérifiez les données saisies, ou contactez l'administratrice. Erreurs
:
</p>
116 <div id=
"sectioncourbe">
120 <div id=
"courbe_dl" class=
"icon_button">
121 <img src=
"static/icons/export.png">
122 <span class=
"icon_legend">Télécharger la courbe
</span>
127 <div id=
"sectionexport">
128 <h2>Export des données
</h2>
129 <p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.
</p>
131 <div id=
"export_dl" class=
"icon_button">
132 <img src=
"static/icons/export.png">
133 <span class=
"icon_legend">Télécharger les données
</span>
135 <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>
136 <textarea readonly
id=
"export">