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

1 files changed, 13 insertions, 10 deletions

diff --git a/templates/index.html b/templates/index.html
index 60693d4..2b1b82b 100644
--- 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>