summaryrefslogtreecommitdiff
path: root/templates/index.html
diff options
context:
space:
mode:
authorDenise sur Lya <sekhmet@lya>2020-06-18 23:52:53 +0200
committerDenise sur Lya <sekhmet@lya>2020-06-18 23:52:53 +0200
commitfd69b6b5fd9117baeb2b39fa75c3efa3740e2227 (patch)
treef6206846aa691d25ec1c693b90dc9ac8b1c01e6e /templates/index.html
parentbe2bf5155489b103e616845ffedb1a58c3808c48 (diff)
downloadoms-fd69b6b5fd9117baeb2b39fa75c3efa3740e2227.tar.gz
oms-fd69b6b5fd9117baeb2b39fa75c3efa3740e2227.tar.zst
oms-fd69b6b5fd9117baeb2b39fa75c3efa3740e2227.zip
couleurs personnalisables, affichage amélioré (on peut masquer notamment).
Diffstat (limited to 'templates/index.html')
-rw-r--r--templates/index.html23
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 @@
76 <option value="{{ unite }}"{% if valform.unite == unite %} selected {% endif %} >{{ unite }}</option> 76 <option value="{{ unite }}"{% if valform.unite == unite %} selected {% endif %} >{{ unite }}</option>
77 {% endfor %} 77 {% endfor %}
78 </select></li> 78 </select></li>
79 <li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge, voir plus bas) </label><input type="text" name="maxi" value="{{ valform.maxi }}"></li> 79 <li><label>valeur maximum du graphique (facultatif, syntaxe similaire à l'âge) </label><input type="text" name="maxi" value="{{ valform.maxi }}"></li>
80 <li>Dimensions du graphique&nbsp;: <label>largeur&nbsp;: </label><input type="text" name="largeur" value="{{ valform.largeur }}"> 80 <li>Dimensions du graphique&nbsp;: <label>largeur&nbsp;: </label><input type="text" name="largeur" value="{{ valform.largeur }}">
81 <label>hauteur&nbsp;: </label><input type="text" name="hauteur" value="{{ valform.hauteur }}"></li> 81 <label>hauteur&nbsp;: </label><input type="text" name="hauteur" value="{{ valform.hauteur }}"></li>
82 <li><label>Légende&nbsp;: </label><input type="checkbox" name="legende" {% if valform.legende == 'oui' %} checked{% endif %}> 82 <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">
86{% endfor %} 86{% endfor %}
87</select> 87</select>
88 </li> 88 </li>
89 <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>
90 <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>
89</ul> 91</ul>
90 92
91 93
92</form> 94</form>
93 95<!-- section retour -->
94<hr> 96<hr>
95 97
96<button onclick="appelle_image()">Je veux la courbe !</button> 98<button onclick="appelle_image()">Je veux la courbe !</button>
97 99
98<hr> 100<hr>
99<div id="sectioncourbe">
100
101 <h2>Courbe</h2>
102 <img id="courbe">
103 <div>
104 <button id="courbe_dl">Télécharger la courbe</button>
105 </div>
106</div>
107<div id="courbe_warnings"> 101<div id="courbe_warnings">
108 <p><strong>Alerte&nbsp;:</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.</p> 102 <p><strong>Alerte&nbsp;:</strong> la courbe a eu quelques soucis à se générer. Voici la liste des erreurs.</p>
109 <ul></ul> 103 <ul></ul>
@@ -112,6 +106,15 @@ Position&nbsp;: <select name="positionlegende">
112 <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> 106 <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>
113 <ul></ul> 107 <ul></ul>
114</div> 108</div>
109<div id="sectioncourbe">
110
111 <h2>Courbe</h2>
112 <img id="courbe">
113 <div>
114 <button id="courbe_dl">Télécharger la courbe</button>
115 </div>
116</div>
117
115 118
116<div id="sectionexport"> 119<div id="sectionexport">
117 <h2>Export des données</h2> 120 <h2>Export des données</h2>