couleurs personnalisables, affichage amélioré (on peut masquer notamment).

[perso/Denise/oms.git] / templates / index.html

diff --git a/templates/index.html b/templates/index.html
index 60693d40f8b68fc7bef171135f83a8fdd8e8f173..2b1b82bfbe0b2d45deed48fc3c6b1508a4b81424 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -76,7 +76,7 @@
                        <option value="{{ unite }}"{% if valform.unite == unite %} selected {% endif %} >{{ unite }}</option>
        {% endfor %}
                </select></li>
-       <li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge, voir plus bas) </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" name="maxi" value="{{ valform.maxi }}"></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><label>Légende&nbsp;: </label><input type="checkbox" name="legende" {% if valform.legende == 'oui' %} checked{% endif %}> 
@@ -86,24 +86,18 @@ Position&nbsp;: <select name="positionlegende">
 {% endfor %}
 </select>
        </li>
+       <li>Couleur courbe du bas <input type="color" name="couleur1" value="{{ valform.couleur1 }}"> | Couleur courbe du milieu <input type="color" name="couleur2"  value="{{ valform.couleur2 }}"> | Couleur courbe du haut <input type="color" name="couleur3" value="{{ valform.couleur3 }}"> </li>
+       <li>Couleur du fond <input type="color" name="couleur_fond" value="{{ valform.couleur_fond }}"> | Couleur de la grille <input type="color" name="couleur_grille" value="{{ valform.couleur_grille }}"> | Couleur des axes, texte et courbe <input type="color" name="couleur_cadretxt" value="{{ valform.couleur_cadretxt }}"></li>
 </ul>
 
 
 </form>
-
+<!-- section retour -->
 <hr>
 
 <button onclick="appelle_image()">Je veux la courbe !</button>
 
 <hr>
-<div id="sectioncourbe">
-
-       <h2>Courbe</h2>
-       <img id="courbe">
-       <div>
-       <button id="courbe_dl">Télécharger la courbe</button>
-       </div>
-</div>
 <div id="courbe_warnings">
        <p><strong>Alerte&nbsp;:</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.</p>
        <ul></ul>
@@ -112,6 +106,15 @@ Position&nbsp;: <select name="positionlegende">
        <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>
        <ul></ul>
 </div>
+<div id="sectioncourbe">
+
+       <h2>Courbe</h2>
+       <img id="courbe">
+       <div>
+       <button id="courbe_dl">Télécharger la courbe</button>
+       </div>
+</div>
+
 
 <div id="sectionexport">
        <h2>Export des données</h2>