summaryrefslogtreecommitdiff
path: root/templates/index.html
diff options
context:
space:
mode:
authorDenise sur Lya <sekhmet@lya>2021-06-29 23:04:02 +0200
committerDenise sur Lya <sekhmet@lya>2021-06-29 23:04:02 +0200
commitca61f310d80e05ea43efc148787f214a567743f0 (patch)
tree0f8bda76932d6ed30bf274cd441fb070a684e868 /templates/index.html
parent639d9cecc866004800974bf4d6ffc1c1a3a59fc1 (diff)
downloadoms-ca61f310d80e05ea43efc148787f214a567743f0.tar.gz
oms-ca61f310d80e05ea43efc148787f214a567743f0.tar.zst
oms-ca61f310d80e05ea43efc148787f214a567743f0.zip
nouveauté : courbes multiples
Diffstat (limited to 'templates/index.html')
-rw-r--r--templates/index.html45
1 files changed, 36 insertions, 9 deletions
diff --git a/templates/index.html b/templates/index.html
index 32c45e1..65754a5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,7 +15,7 @@
15 <img src="static/icons/import.png"> 15 <img src="static/icons/import.png">
16 <span class="icon_legend">Importer un fichier</span> 16 <span class="icon_legend">Importer un fichier</span>
17 </label> 17 </label>
18 <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file()"> 18 <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file('form_import_donnees')">
19</form> 19</form>
20</div> 20</div>
21 21
@@ -51,7 +51,7 @@
51<h3>Saisir les données</h3> 51<h3>Saisir les données</h3>
52<p><span id="bouton_afficher_donneesplus" class="bouton" onclick="affiche_cache_classe('donneesplus')">Afficher</span> la saisie des tailles.</p> 52<p><span id="bouton_afficher_donneesplus" class="bouton" onclick="affiche_cache_classe('donneesplus')">Afficher</span> la saisie des tailles.</p>
53<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> 53<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>
54<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> 54<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>
55<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> 55<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>
56<p>Il faut saisir la date ou l'âge. Si les deux sont saisis, seul l'âge comptera.</p> 56<p>Il faut saisir la date ou l'âge. Si les deux sont saisis, seul l'âge comptera.</p>
57 57
@@ -73,8 +73,7 @@
73</table> 73</table>
74<p class="bouton" onclick="ajoutelignes()">Cliquer ici pour ajouter des lignes</p> 74<p class="bouton" onclick="ajoutelignes()">Cliquer ici pour ajouter des lignes</p>
75 75
76 76<!-- Préférences du graphique -->
77
78<h3>Préférences du graphique</h3> 77<h3>Préférences du graphique</h3>
79<div class="bouton" onclick="affiche_cache('pref_graphique',this)">Afficher</div> 78<div class="bouton" onclick="affiche_cache('pref_graphique',this)">Afficher</div>
80 79
@@ -109,16 +108,23 @@
109 108
110 <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> 109 <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>
111 <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> 110 <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>
111 <li>Symbole pour les points de la courbe :
112 <select name="symbole">
113 {% for symb in CONFIG.liste_symboles %}
114 <option value="{{ symb }}" {% if valform.symbole==symb %} selected{% endif %}>{{CONFIG.liste_symboles[symb] | safe}}</option>
115 {% endfor %}
116 </select>
117 </li>
112</ul> 118</ul>
113 119
114 120
115
116<!-- Section calculs/Extrapolation !--> 121<!-- Section calculs/Extrapolation !-->
117 122
118<h3>Extrapolation</h3> 123<h3>Extrapolation</h3>
119<div class="bouton" onclick="affiche_cache('extra',this)">Afficher</div> 124<div class="bouton" onclick="affiche_cache('extra',this)">Afficher</div>
120 125
121<ul id="extra"> 126<div id="extra">
127<ul>
122 <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> 128 <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>
123 <li><input type="checkbox" name="prolongercourbes">Tracer l'extrapolation sur le graphique.</li> 129 <li><input type="checkbox" name="prolongercourbes">Tracer l'extrapolation sur le graphique.</li>
124 130
@@ -140,11 +146,32 @@
140 <input type="checkbox" name="calculextratemps_trace"> ... et le voir sur le graphique.</li> 146 <input type="checkbox" name="calculextratemps_trace"> ... et le voir sur le graphique.</li>
141 147
142</ul> 148</ul>
143
144<p>Les résultats de calculs seront affichés en-dessous des courbes.</p> 149<p>Les résultats de calculs seront affichés en-dessous des courbes.</p>
150</div>
151
152<h3>Courbes multiples</h3>
153<div class="bouton" onclick="affiche_cache('multi',this)">Afficher</div>
154
155<div id="multi">
156 <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>
157 <ul>
158 {% for numero_enfant in (2, 3, 4, 5, 6, 7, 8, 9, 10) %}
159 <li {% if numero_enfant>4 %} class="enfants_cache_def"{% endif %}><input type="file" name="fichier_donnees_{{ numero_enfant }}" id="fichier_donnees_{{ numero_enfant }}">
160 Symbole :<select name="symbole_donnees_{{ numero_enfant }}">
161 {% for symb in CONFIG.liste_symboles %}
162 <option value="{{ symb }}" {% if numero_enfant == loop.index %} selected{% endif %}>{{ CONFIG.liste_symboles[symb] | safe}}</option>
163 {% endfor %}
164 </select>
165 <span class="bouton petit" onclick="vide_champ('fichier_donnees_{{ numero_enfant }}')">Enlever ce fichier</span></li>
166 {% endfor %}
167 </ul>
168 <p class="bouton" onclick="revele_enfants()" id="reveleenfants">Plus d'enfants O_o</p>
169</div>
170
145 171
172</form> <!-- Fin du gros méga formulaire -->
146 173
147</form> 174<!-- #################################################################################### -->
148<!-- section retour --> 175<!-- section retour -->
149<hr> 176<hr>
150 177
@@ -155,7 +182,7 @@
155 182
156<hr> 183<hr>
157<div id="courbe_warnings"> 184<div id="courbe_warnings">
158 <p><strong>Alerte&nbsp;:</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.</p> 185 <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>
159 <ul></ul> 186 <ul></ul>
160</div> 187</div>
161<div id="courbe_erreurs"> 188<div id="courbe_erreurs">