sauvegarde des dates + version de l'app dans le fichier de sauvegarde
[perso/Denise/oms.git] / templates / index.html
CommitLineData
5679dfd0
DL
1{% extends "base.html" %}
2{% block contenu %}
21c5bd57 3<p>Bienvenue sur ce petit outil qui permet de tracer les courbes de poids et de taille selon les standards OMS (Organisation Mondiale de la Santé) des enfants jusqu'à 5 ans.</p>
5679dfd0
DL
4<hr>
5
6
be2bf515 7<h2>Données de l'enfant</h2>
5679dfd0 8
be2bf515 9<div id="import_donnees">
93ba28a7 10 <form action="/" method="post" enctype="multipart/form-data" id="form_import_donnees">
be2bf515
DL
11
12
13
442a69cb 14 <label for="fichier_donnees" class="icon_button">
93ba28a7 15 <img src="static/icons/import.png">
d5af53b5 16 <span class="icon_legend">Importer un fichier</span>
93ba28a7 17 </label>
ca61f310 18 <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file('form_import_donnees')">
5679dfd0 19</form>
2dc9eb43
DL
20
21{% if "version" in valform %}
22<p>Version du fichier de sauvegarde : {{ valform.version }}.</p>{% endif %}
23{% if "version" not in valform or valform.version < CONFIG.version %}
24<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).
25</p>{% endif %}
26
be2bf515 27</div>
5679dfd0
DL
28
29<form id="donnees_enfant">
30
d03279e7 31<!-- saisie des données -->
61020126
DL
32
33<h3>Informations sur l'enfant</h3>
442a69cb
SC
34<div>
35 <label for="reset_donnees" class="icon_button">
36 <img src="static/icons/trash.png">
37 <span class="icon_legend">Effacer les données du formulaire</span>
38 </label>
30158504 39 <input type="reset" id="reset_donnees" value="Effacer les données du formulaire">
be2bf515 40</div>
5679dfd0 41<ul>
be2bf515 42<li><label>Nom de l'enfant&nbsp;:</label> <input type="text" name="nom" value="{{ valform.nom }}"></li>
915e90bb
DL
43<li><label>Sexe&nbsp;:</label> <label><input type="radio" name="sexe" value="F" {%if valform.sexe == "F" %}checked{% endif %}> féminin </label>
44| <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>
bc1faf7c
DL
45<li><label>Date de naissance&nbsp;: </label> <input type="date" name="naissance" value="{{ valform.naissance }}">
46 <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>
85e9aa73
DL
47<li>Prématuré ? <span class="petit">(expérimental)</span> <span class="bouton" onclick="affiche_cache('prema',this)">Afficher</span>
48<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>
cf0d4c8c 49<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).
85e9aa73 50</div></li>
b5ac625b 51
5679dfd0
DL
52</ul>
53
54
5679dfd0
DL
55
56
57
cf0d4c8c 58<h3>Saisir les données</h3>
d5687a7f 59<p><span id="bouton_afficher_donneesplus" class="bouton" onclick="affiche_cache_classe('donneesplus')">Afficher</span> la saisie des tailles.</p>
be2bf515 60<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>
ca61f310 61<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>
2c023f1a 62<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>
5679dfd0
DL
63<p>Il faut saisir la date ou l'âge. Si les deux sont saisis, seul l'âge comptera.</p>
64
2c023f1a 65<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>
5679dfd0
DL
66
67<table id="donneespoids">
d9eaf2e2 68 <tr><th>Âge</th><th>Date</th><th>Poids (kg ou g)</th><th class="donneesplus">Taille (cm) </th></tr>
5679dfd0
DL
69
70{% for i in range(valform.nb_data) %}
71<tr><td>
72 <input type="text" name="age_{{ i }}" value="{{ valform['age_'~i] }}">
2dc9eb43 73</td><td><input type="date" name="date_{{ i }}" value="{{ valform['date_'~i] }}"></td>
5679dfd0 74 <td><input type="text" name="poids_{{ i }}" value="{{ valform['poids_'~i] }}"></td>
2c023f1a 75 <td class="donneesplus"><input type="text" name="taille_{{ i }}" value="{{ valform['taille_'~i] }}"></td>
8b5845ff 76
5679dfd0
DL
77</tr>
78{% endfor %}
79
80</table>
be2bf515
DL
81<p class="bouton" onclick="ajoutelignes()">Cliquer ici pour ajouter des lignes</p>
82
ca61f310 83<!-- Préférences du graphique -->
be2bf515
DL
84<h3>Préférences du graphique</h3>
85<div class="bouton" onclick="affiche_cache('pref_graphique',this)">Afficher</div>
86
87<ul id="pref_graphique">
8b5845ff
DL
88
89 <li><label>Tracer les courbes vides (s'il n'y a pas de données)&nbsp;:</label> <input type="checkbox" name="tracevide" {% if valform.tracevide == 'oui' %} checked{% endif %}></li>
915e90bb
DL
90 <li><label>Type de courbe&nbsp;:</label> <label><input type="radio" name="typecourbe" value="P"
91 {% if valform.typecourbe == "P" or valform.typecourbe is not defined %} checked {% endif %}> Percentiles</label> | <label><input type="radio" name="typecourbe" value="Z"
92 {% if valform.typecourbe == "Z" %} checked {% endif %}> Moyenne et écarts-type</label></li>
93 <li><label>Grille&nbsp;: <input type="checkbox" name="grille" {%if valform.grille == "oui" or valform.grille is not defined %} checked {% endif %}></label></li>
94 <li><label>Unité&nbsp;:
be2bf515 95 <select name="unite">
8b5845ff 96 <option value="" {% if valform.unite == "" or valform.unite is not defined %} selected {%endif %}>Par défaut</option>
be2bf515
DL
97 {% for unite in ['jours','semaines','mois','années'] %}
98 <option value="{{ unite }}"{% if valform.unite == unite %} selected {% endif %} >{{ unite }}</option>
99 {% endfor %}
915e90bb 100 </select></label></li>
fd69b6b5 101 <li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge) </label><input type="text" name="maxi" value="{{ valform.maxi }}"></li>
c2fe511b 102
8b5845ff 103 <li><label>Même échelle sur tous les graphiques&nbsp;: </label><input type="checkbox" name="memechelle" {% if valform.memechelle == 'oui' %} checked{% endif %}></li>
cf0d4c8c
DL
104 <li><label>Grille améliorée&nbsp;:</label><input type="checkbox" name="grilleamelio" {% if valform.grilleamelio == 'oui' %} checked{% endif %}></li>
105
be2bf515
DL
106 <li>Dimensions du graphique&nbsp;: <label>largeur&nbsp;: </label><input type="text" name="largeur" value="{{ valform.largeur }}">
107 <label>hauteur&nbsp;: </label><input type="text" name="hauteur" value="{{ valform.hauteur }}"></li>
915e90bb
DL
108 <li><label>Légende&nbsp;: <input type="checkbox" name="legende" {% if valform.legende == 'oui' %} checked{% endif %}> </label>
109<label>Position&nbsp;: <select name="positionlegende">
be2bf515
DL
110{%for (pos,posnom) in [('upper left','Haut gauche'),('upper right','Haut Droite'),('lower left','Bas gauche'),('lower right','Bas droite')] %}
111<option value="{{ pos }}">{{ posnom }}</option>
112{% endfor %}
915e90bb 113</select></label>
be2bf515 114 </li>
c2fe511b 115
915e90bb 116 <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>
38b5e10a 117 <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>
ca61f310
DL
118 <li>Symbole pour les points de la courbe :
119 <select name="symbole">
120 {% for symb in CONFIG.liste_symboles %}
121 <option value="{{ symb }}" {% if valform.symbole==symb %} selected{% endif %}>{{CONFIG.liste_symboles[symb] | safe}}</option>
122 {% endfor %}
123 </select>
124 </li>
be2bf515
DL
125</ul>
126
127
cf0d4c8c
DL
128<!-- Section calculs/Extrapolation !-->
129
130<h3>Extrapolation</h3>
131<div class="bouton" onclick="affiche_cache('extra',this)">Afficher</div>
132
ca61f310
DL
133<div id="extra">
134<ul>
cf0d4c8c
DL
135 <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>
136 <li><input type="checkbox" name="prolongercourbes">Tracer l'extrapolation sur le graphique.</li>
3d7da80a 137
cf0d4c8c
DL
138 <li>Calculer <select name="calculextradata_type">
139 <option value="">Choisir la donnée</option>
140 {% for val in CONFIG.liste_typedonnees %}
141 <option value="{{val}}">{{val}}</option>
142 {% endfor %}
3d7da80a
DL
143 </select> à l'âge <input type="text" name="calculextradata_age" value="6m">
144 <input type="checkbox" name="calculextradata_trace"> ... et le voir sur le graphique.</li>
145
cf0d4c8c
DL
146 <li>Calculer l'âge auquel l'enfant aura <input type="text" name="calculextratemps_val">
147 <select name="calculextratemps_type">
148 <option value="">Choisir la donnée</option>
149 {% for val in CONFIG.liste_typedonnees %}
150 <option value="{{val}}">{{ CONFIG.unites_typedonnees[val]}} ({{val}})</option>
151 {% endfor %}
3d7da80a
DL
152 </select>
153 <input type="checkbox" name="calculextratemps_trace"> ... et le voir sur le graphique.</li>
cf0d4c8c
DL
154
155</ul>
2fce97ea 156<p>Les résultats de calculs seront affichés en-dessous des courbes.</p>
ca61f310
DL
157</div>
158
159<h3>Courbes multiples</h3>
160<div class="bouton" onclick="affiche_cache('multi',this)">Afficher</div>
161
162<div id="multi">
163 <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>
164 <ul>
165 {% for numero_enfant in (2, 3, 4, 5, 6, 7, 8, 9, 10) %}
38b5e10a
DL
166 <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> |
167 Symbole&nbsp;: <select name="symbole_donnees_{{ numero_enfant }}">
ca61f310
DL
168 {% for symb in CONFIG.liste_symboles %}
169 <option value="{{ symb }}" {% if numero_enfant == loop.index %} selected{% endif %}>{{ CONFIG.liste_symboles[symb] | safe}}</option>
170 {% endfor %}
38b5e10a
DL
171 </select> |
172 Couleur&nbsp;: <input type="color" name="couleur_donnees_{{ numero_enfant }}" value="{{ valform.couleurs.cadretxt }}">
173 </li>
ca61f310
DL
174 {% endfor %}
175 </ul>
176 <p class="bouton" onclick="revele_enfants()" id="reveleenfants">Plus d'enfants O_o</p>
177</div>
178
2fce97ea 179
ca61f310 180</form> <!-- Fin du gros méga formulaire -->
cf0d4c8c 181
ca61f310 182<!-- #################################################################################### -->
fd69b6b5 183<!-- section retour -->
5679dfd0
DL
184<hr>
185
442a69cb
SC
186<div onclick="appelle_image()" class="icon_button">
187 <img src="static/icons/courbe.png">
8b5845ff 188 <span class="icon_legend">Je veux les courbes !</span>
442a69cb 189</div>
5679dfd0 190
5679dfd0 191<hr>
66a3e38c 192<div id="courbe_warnings">
ca61f310 193 <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>
be2bf515 194 <ul></ul>
66a3e38c 195</div>
a46e1269 196<div id="courbe_erreurs">
be2bf515
DL
197 <p><strong>Alerte&nbsp;:</strong> La courbe n'a pas pu être générée. Vérifiez les données saisies, ou contactez l'administratrice. Erreurs&nbsp;: </p>
198 <ul></ul>
a46e1269 199</div>
fd69b6b5
DL
200<div id="sectioncourbe">
201
8b5845ff
DL
202 <h2>Courbes</h2>
203 <div id="section_courbe_poids">
204 <img id="courbe_poids">
205
206 <div id="courbe_dl_poids" class="icon_button">
442a69cb 207 <img src="static/icons/export.png">
8b5845ff
DL
208 <span class="icon_legend">Télécharger la courbe de poids</span>
209 </div>
fd69b6b5 210 </div>
8b5845ff
DL
211
212 <div id="section_courbe_taille">
213 <img id="courbe_taille">
214
215 <div id="courbe_dl_taille" class="icon_button">
216 <img src="static/icons/export.png">
217 <span class="icon_legend">Télécharger la courbe de taille</span>
218 </div>
219 </div>
220
fd69b6b5
DL
221</div>
222
cf0d4c8c
DL
223<div id="section_extradonnees">
224 <h2>Calculs sur les courbes</h2>
225 <ul id="extradata">
226
227 </ul>
228</div>
229
5679dfd0
DL
230
231<div id="sectionexport">
be2bf515
DL
232 <h2>Export des données</h2>
233 <p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.</p>
5679dfd0 234
442a69cb
SC
235 <div id="export_dl" class="icon_button">
236 <img src="static/icons/export.png">
237 <span class="icon_legend">Télécharger les données</span>
238 </div>
be2bf515
DL
239 <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>
240 <textarea readonly id="export">
241 </textarea>
5679dfd0
DL
242
243</div>
244
245{% endblock %}