From 442a69cbb7957120b908dd59abef0a315906ad2d Mon Sep 17 00:00:00 2001
From: Sandrine Caruso <sandrine.caruso@ens-cachan.org>
Date: Sat, 20 Jun 2020 15:47:29 +0200
Subject: [PATCH] Boutons avec icones

---
 static/icons/courbe.png | Bin 0 -> 343 bytes
 static/icons/export.png | Bin 0 -> 311 bytes
 static/icons/trash.png  | Bin 0 -> 280 bytes
 static/style.css        |   8 ++++----
 templates/index.html    |  25 ++++++++++++++++++-------
 5 files changed, 22 insertions(+), 11 deletions(-)
 create mode 100644 static/icons/courbe.png
 create mode 100644 static/icons/export.png
 create mode 100644 static/icons/trash.png

diff --git a/static/icons/courbe.png b/static/icons/courbe.png
new file mode 100644
index 0000000000000000000000000000000000000000..a46c8891ca75355561a5c6fe20d48545ea63a284
GIT binary patch
literal 343
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1SFZ~=vx6P&H|6fVg?3oVGw3ym^DWND9B#o
z>Fdh=giVB3op<lF+1G(Wk|nMYCC>S|xv6<249-QVi6yBi3gww484B*6z5(HleBwYw
z7d>4ZLn02py<y0ASb>N2g2kuSO$AHmtqgxPN%^8;kZW!*^Tx9QHtsfmk2Hv$u*^5k
zy03P%NnD1L`2fq0Am%rFr(M0xR#(L6aG>y8eQd8>_r86<l|AM8<{ErIVyd6{wzDnn
z)lKe-`999o{AW)d_mr=eTYUEFrKNXv&)yMYd2_~k>3=I)L_V8NvO071VU4UoAgARU
z&4QJ)CVM3bT{(66{bQpQJEMHxh;Mmm_bs^o;JU0MXF{WOlfDSDhgoi9_gDDt`K{~V
l)Q)i7wC1ncNeAP;vT@erY5qO&@*2={44$rjF6*2UngG9AhEM<i

literal 0
HcmV?d00001

diff --git a/static/icons/export.png b/static/icons/export.png
new file mode 100644
index 0000000000000000000000000000000000000000..16ffba260cfa3deb36827c195620895d4937d2c5
GIT binary patch
literal 311
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEoCO|{#S9GG!XV7ZFl&wkP>{XE
z)7O>#37ZJ74rBNgK69XuWQl7;iF1B#Zfaf$gL6@8Vo7R>LV0FMhJw4NZ$Nk>pEyv_
zMo$;Vkch)?Z=B_AP~c&Guq{!kJxQZIX=#;-qlj}H^Tq3v#V_l({9CbW_vu54n<@l6
z9xQKIrL~HSRZT^2`e(_jdwF_=1y8yrsAp!#NM#CIs9ai9ps~dDk${J6q*&C+tPlHQ
z?@O<Iv(PM9eV4VY%j$<KlqWba{pa)9>nZp*^w#OCGNoTrUMRY&pPX$oq1Woult>j8
zJ5k0}Rf@k8SSFPhNEIBjKf8NQrrYPIvMLiC5@Zy8omLCq{;~(?cm_{bKbLh*2~7Yk
CV{JD8

literal 0
HcmV?d00001

diff --git a/static/icons/trash.png b/static/icons/trash.png
new file mode 100644
index 0000000000000000000000000000000000000000..85a602921a95051f2564761db9faa56ab722b284
GIT binary patch
literal 280
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1SFZ~=vx6P&H|6fVg?3oVGw3ym^DWND9B#o
z>Fdh=giVB3T!8V~!M{Ku$r9Iy66gHf+|;}h2Ir#G#FEq$h4Rdj3<Y;j-+=H&K5?L;
zNuDl_ArXh)PWR+Hpupk!_sDPg$lb*kBiOr^ZksP^I7z*E!3j%t{)rD%ScL!B7OYvv
zWRMaP&073t#)6Bhy_co`{@I~ee5W^&^YPSu7amWU<iEo82z$<_jGJ6FTwCACu-&}m
zE5iJN-=<7kZ*sAV>Eag*B5%t1J6C>^ydyJx+PX`RXJ5T-Hr>^Hc{azteonQD>JN;)
W>uvm`n|(okXYh3Ob6Mw<&;$TgB4Yyp

literal 0
HcmV?d00001

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 {
 	display: none;
 }
 
-#import_donnees label {
+.icon_button {
     display: inline-block;
 	cursor: pointer;
 	position: relative;
 }
 
-#import_donnees label img {
+.icon_button img {
     border-radius: 100%;
 	box-shadow: 0px 0px 5px #55f;
 	vertical-align: middle;
 }
 
-#import_donnees label .icon_legend {
+.icon_button .icon_legend {
 	text-align: center;
 	opacity: 0.7;
 	line-height: 1.5;
@@ -70,7 +70,7 @@ img#courbe {
 	vertical-align: middle;
 }
 
-#import_donnees input {
+#fichier_donnees, #reset_donnees {
 	display: none;
 }
 
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 @@
 
 
 
-  <label for="fichier_donnees">
+  <label for="fichier_donnees" class="icon_button">
 	<img src="static/icons/import.png">
 	<span class="icon_legend">Importer un fichier</span>
   </label>
@@ -27,8 +27,12 @@
 
 	
 <h3>Informations sur l'enfant</h3>
-<div>	 
-<input type="reset" value="Effacer les données du formulaire">	 
+<div>
+	<label for="reset_donnees" class="icon_button">
+		<img src="static/icons/trash.png">
+		<span class="icon_legend">Effacer les données du formulaire</span>
+	</label>	 
+	<input type="reset" id="reset_donnees" value="Effacer les données du formulaire">	 
 </div>
 <ul>
 <li><label>Nom de l'enfant&nbsp;:</label> <input type="text" name="nom" value="{{ valform.nom }}"></li>
@@ -98,7 +102,10 @@
 <!-- section retour -->
 <hr>
 
-<button onclick="appelle_image()">Je veux la courbe !</button>
+<div onclick="appelle_image()" class="icon_button">
+	<img src="static/icons/courbe.png">
+	<span class="icon_legend">Je veux la courbe !</span>
+</div>
 
 <hr>
 <div id="courbe_warnings">
@@ -113,8 +120,9 @@
 
 	<h2>Courbe</h2>
 	<img id="courbe">
-	<div>
-	<button id="courbe_dl">Télécharger la courbe</button>
+	<div id="courbe_dl" class="icon_button">
+		<img src="static/icons/export.png">
+		<span class="icon_legend">Télécharger la courbe</span>
 	</div>
 </div>
 
@@ -123,7 +131,10 @@
 	<h2>Export des données</h2>
 	<p>Vous pouvez télécharger les données afin de ne pas avoir à les re-saisir la prochaine fois.</p>
 
-	<div><button id="export_dl">Télécharger les données</button></div>
+	<div id="export_dl" class="icon_button">
+		<img src="static/icons/export.png">
+		<span class="icon_legend">Télécharger les données</span>
+	</div>
 	<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>
 	<textarea readonly id="export">
 	</textarea>
-- 
2.41.0