X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=templates%2Findex.html;h=7e002340765f8e8735f21450f5d4fe5bae5c6e57;hp=3404f220895158c0c1cd123029d91e5049b42c90;hb=d03279e72fcb75ddf784fbd0dcce2b2b15f5ff09;hpb=915e90bbf0bee1d69c51a749a4f2be85b9fda091

diff --git a/templates/index.html b/templates/index.html
index 3404f22..7e00234 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,27 +6,31 @@
 
 <h2>Données de l'enfant</h2>
 
-<h3>Importer un fichier </h3>
-<div class="bouton" onclick="affiche_cache('import_donnees',this)">Afficher</div>
 <div id="import_donnees">
- <form action="/" method="post" enctype="multipart/form-data">
+ <form action="/" method="post" enctype="multipart/form-data" id="form_import_donnees">
 
 
 
-  <label for="fichier_donnees">Importer le fichier de données</label>
-  <input type="file" name="fichier_donnees">
-  <input type="submit" name="valider_fichier" value="Charger les données">
+  <label for="fichier_donnees" class="icon_button">
+	<img src="static/icons/import.png">
+	<span class="icon_legend">Importer un fichier</span>
+  </label>
+  <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file()">
 </form> 
 </div>
-<hr>
 
 <form id="donnees_enfant">
 	
-<div>	 
-<input type="reset" value="Effacer les données du formulaire">	 
-</div>
+<!-- saisie des données -->
 	
 <h3>Informations sur l'enfant</h3>
+<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>
 <li><label>Sexe&nbsp;:</label> <label><input type="radio" name="sexe" value="F" {%if valform.sexe == "F" %}checked{% endif %}> féminin </label>
@@ -95,7 +99,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">
@@ -110,8 +117,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>
 
@@ -120,7 +128,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>