summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSandrine Caruso <sandrine.caruso@ens-cachan.org>2020-06-20 15:47:29 +0200
committerDenise sur Lya <sekhmet@lya>2020-06-21 22:13:41 +0200
commit442a69cbb7957120b908dd59abef0a315906ad2d (patch)
tree8b15bcbf7fb1f976fe54714c70a749fa2d961c4a
parent248d9504547a60a21b2e2fe72cd80bf39a991c16 (diff)
downloadoms-442a69cbb7957120b908dd59abef0a315906ad2d.tar.gz
oms-442a69cbb7957120b908dd59abef0a315906ad2d.tar.zst
oms-442a69cbb7957120b908dd59abef0a315906ad2d.zip
Boutons avec icones
-rw-r--r--static/icons/courbe.pngbin0 -> 343 bytes
-rw-r--r--static/icons/export.pngbin0 -> 311 bytes
-rw-r--r--static/icons/trash.pngbin0 -> 280 bytes
-rw-r--r--static/style.css8
-rw-r--r--templates/index.html25
5 files changed, 22 insertions, 11 deletions
diff --git a/static/icons/courbe.png b/static/icons/courbe.png
new file mode 100644
index 0000000..a46c889
--- /dev/null
+++ b/static/icons/courbe.png
Binary files differ
diff --git a/static/icons/export.png b/static/icons/export.png
new file mode 100644
index 0000000..16ffba2
--- /dev/null
+++ b/static/icons/export.png
Binary files differ
diff --git a/static/icons/trash.png b/static/icons/trash.png
new file mode 100644
index 0000000..85a6029
--- /dev/null
+++ b/static/icons/trash.png
Binary files differ
diff --git a/static/style.css b/static/style.css
index b5f041a..a661762 100644
--- a/static/style.css
+++ b/static/style.css
@@ -49,19 +49,19 @@ img#courbe {
49 display: none; 49 display: none;
50} 50}
51 51
52#import_donnees label { 52.icon_button {
53 display: inline-block; 53 display: inline-block;
54 cursor: pointer; 54 cursor: pointer;
55 position: relative; 55 position: relative;
56} 56}
57 57
58#import_donnees label img { 58.icon_button img {
59 border-radius: 100%; 59 border-radius: 100%;
60 box-shadow: 0px 0px 5px #55f; 60 box-shadow: 0px 0px 5px #55f;
61 vertical-align: middle; 61 vertical-align: middle;
62} 62}
63 63
64#import_donnees label .icon_legend { 64.icon_button .icon_legend {
65 text-align: center; 65 text-align: center;
66 opacity: 0.7; 66 opacity: 0.7;
67 line-height: 1.5; 67 line-height: 1.5;
@@ -70,7 +70,7 @@ img#courbe {
70 vertical-align: middle; 70 vertical-align: middle;
71} 71}
72 72
73#import_donnees input { 73#fichier_donnees, #reset_donnees {
74 display: none; 74 display: none;
75} 75}
76 76
diff --git a/templates/index.html b/templates/index.html
index cc8c4ec..0b2a4c5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,7 +13,7 @@
13 13
14 14
15 15
16 <label for="fichier_donnees"> 16 <label for="fichier_donnees" class="icon_button">
17 <img src="static/icons/import.png"> 17 <img src="static/icons/import.png">
18 <span class="icon_legend">Importer un fichier</span> 18 <span class="icon_legend">Importer un fichier</span>
19 </label> 19 </label>
@@ -27,8 +27,12 @@
27 27
28 28
29<h3>Informations sur l'enfant</h3> 29<h3>Informations sur l'enfant</h3>
30<div> 30<div>
31<input type="reset" value="Effacer les données du formulaire"> 31 <label for="reset_donnees" class="icon_button">
32 <img src="static/icons/trash.png">
33 <span class="icon_legend">Effacer les données du formulaire</span>
34 </label>
35 <input type="reset" id="reset_donnees" value="Effacer les données du formulaire">
32</div> 36</div>
33<ul> 37<ul>
34<li><label>Nom de l'enfant&nbsp;:</label> <input type="text" name="nom" value="{{ valform.nom }}"></li> 38<li><label>Nom de l'enfant&nbsp;:</label> <input type="text" name="nom" value="{{ valform.nom }}"></li>
@@ -98,7 +102,10 @@
98<!-- section retour --> 102<!-- section retour -->
99<hr> 103<hr>
100 104
101<button onclick="appelle_image()">Je veux la courbe !</button> 105<div onclick="appelle_image()" class="icon_button">
106 <img src="static/icons/courbe.png">
107 <span class="icon_legend">Je veux la courbe !</span>
108</div>
102 109
103<hr> 110<hr>
104<div id="courbe_warnings"> 111<div id="courbe_warnings">
@@ -113,8 +120,9 @@
113 120
114 <h2>Courbe</h2> 121 <h2>Courbe</h2>
115 <img id="courbe"> 122 <img id="courbe">
116 <div> 123 <div id="courbe_dl" class="icon_button">
117 <button id="courbe_dl">Télécharger la courbe</button> 124 <img src="static/icons/export.png">
125 <span class="icon_legend">Télécharger la courbe</span>
118 </div> 126 </div>
119</div> 127</div>
120 128
@@ -123,7 +131,10 @@
123 <h2>Export des données</h2> 131 <h2>Export des données</h2>
124 <p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.</p> 132 <p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.</p>
125 133
126 <div><button id="export_dl">Télécharger les données</button></div> 134 <div id="export_dl" class="icon_button">
135 <img src="static/icons/export.png">
136 <span class="icon_legend">Télécharger les données</span>
137 </div>
127 <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> 138 <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>
128 <textarea readonly id="export"> 139 <textarea readonly id="export">
129 </textarea> 140 </textarea>