From 30158504b5267f225469216ea4aa0d123a8f5d8e Mon Sep 17 00:00:00 2001
From: Denise sur Lya <sekhmet@lya>
Date: Fri, 26 Jun 2020 22:43:04 +0200
Subject: =?UTF-8?q?possibilit=C3=A9=20de=20saisir=20la=20date=20au=20forma?=
 =?UTF-8?q?t=20texte=20+=20export=20donn=C3=A9es=20en=20txt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/outilspage.js | 52 +++++++++++++++++++++++++++++++++++++++++++++++++---
 static/requetes.js   |  4 ++--
 static/style.css     |  4 ++++
 3 files changed, 55 insertions(+), 5 deletions(-)

(limited to 'static')

diff --git a/static/outilspage.js b/static/outilspage.js
index 8da9e88..58dfb7f 100644
--- a/static/outilspage.js
+++ b/static/outilspage.js
@@ -1,5 +1,9 @@
 // fonctions générales pour la page
 
+var taillemaxdate = 10;
+var placeholder_date = "aaaa-mm-jj" ;
+
+
 function ajoutelignes()
 {
 	// va ajouter 3 lignes au tableau de données
@@ -7,6 +11,11 @@ function ajoutelignes()
 	var nbligne = table.children[0].childElementCount ;
 	// les données étant numérotées à partir de 0 on pourra commencer à partir de nbligne -1
 	// car il faut éliminer la ligne de header.
+	
+	// voir dans quel mode on est : date ou texte
+	var deuxiemeligne = table.children[0].children[1] ;
+	var celldate = deuxiemeligne.children[1] ;
+	var mode = celldate.firstChild.type ;
 		
 	var nbajout = 3 ;
 	for(var i=nbligne-1; i<nbligne+nbajout-1; i++)
@@ -17,9 +26,15 @@ function ajoutelignes()
 		var cellpoids = ligne.insertCell(2);
 		
 		cellage.innerHTML = '<input type="text" name="age_'+i+'">' ;
-		celldate.innerHTML = '<input type="date" name="date_'+i+'">' ;
-		cellpoids.innerHTML = '<input type="text" name="poids_'+i+'">' ;
-		
+		celldate.innerHTML = '<input name="date_'+i+'">' ;
+		celldate.firstChild.type = mode ;
+		if(mode == "text") // si on a déjà affiché les cases en mode texte, on continue en mode texte
+		{
+			celldate.firstChild.size = taillemaxdate ;
+			celldate.firstChild.maxlength = taillemaxdate ;
+			celldate.firstChild.placeholder = placeholder_date ;
+		}
+		cellpoids.innerHTML = '<input type="text" name="poids_'+i+'">' ;	
 	}
 	
 }
@@ -49,3 +64,34 @@ function affiche_cache(id,elemcourant)
 	}
 	
 }
+
+function change_mode_dates(mode)
+{
+	// passe de l'affichage en mode "date" à l'affichage en mode "texte" pour les navigateurs
+	// qui gèrent mal le mode date
+	var listeinput = document.getElementsByTagName("input") ;
+	for(i=0;i<listeinput.length;i++)
+	{
+		var nombalise = listeinput[i].name ;
+		if(nombalise == "naissance" || nombalise.slice(0,5) == "date_")
+		{
+			listeinput[i].type = mode ;
+			if(mode == "date")
+				listeinput[i].maxlength = taillemaxdate ;
+				listeinput[i].size = taillemaxdate ;
+				listeinput[i].placeholder = placeholder_date ;
+		}
+	}
+	
+	// changer le texte et le bouton.
+	var elem = document.getElementById("changemode") ;
+	if(mode =="text") 
+	{
+		elem.innerHTML = "Saisie des dates au format aaaa-mm-jj. <span onclick=\"change_mode_dates('date')\" class=\"bouton\">Cliquez ici</span> pour revenir à une saisie de dates «&nbsp;confortable&nbsp;»."
+	}
+	else
+	{
+		elem.innerHTML = "<span onclick=\"change_mode_dates('text')\" class=\"bouton\">Cliquez ici</span> pour saisir les dates comme du texte."
+	}
+	
+}
diff --git a/static/requetes.js b/static/requetes.js
index 4442470..bf8d484 100644
--- a/static/requetes.js
+++ b/static/requetes.js
@@ -25,7 +25,7 @@ function appelle_image()
 		
 			
 			var boutondl = document.getElementById("export_dl") ;
-			boutondl.setAttribute('onclick',"download_file('donnees_"+nomenfant+".json', 'application/json;charset=utf-8','"+encodeURIComponent(texte) +"')")
+			boutondl.setAttribute('onclick',"download_file('donnees_"+nomenfant+".txt', 'application/json;charset=utf-8','"+encodeURIComponent(texte) +"')")
 		
 
 			if(result == "success")
@@ -106,4 +106,4 @@ function download_file(filename,mimetype,data) {
 
 function upload_file(data) {
 	document.getElementById('form_import_donnees').submit();
-}
\ No newline at end of file
+}
diff --git a/static/style.css b/static/style.css
index 88f77fb..414f996 100644
--- a/static/style.css
+++ b/static/style.css
@@ -74,6 +74,10 @@ img#courbe {
 	display: none;
 }
 
+.petit {
+	font-size: 0.8em;
+}
+
 .bouton {
 	text-decoration: underline;
 }
-- 
cgit v1.2.3