From 77986b320dfc33625ea2df7f4049cb6c7f8c222e Mon Sep 17 00:00:00 2001
From: Denise sur Lya <sekhmet@lya>
Date: Wed, 28 Jul 2021 10:31:46 +0200
Subject: =?UTF-8?q?Am=C3=A9liorations=20diverses.=20Lancement=20officiel?=
 =?UTF-8?q?=20de=20la=20b=C3=AAta=20!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/outilspage.js | 61 ++++++++++++++++++++++++++++++++++++++++++++++++----
 static/style.css     |  8 +++++++
 2 files changed, 65 insertions(+), 4 deletions(-)

(limited to 'static')

diff --git a/static/outilspage.js b/static/outilspage.js
index b8db8b3..1ddb713 100644
--- a/static/outilspage.js
+++ b/static/outilspage.js
@@ -11,17 +11,25 @@ var couleur_valide = 'rgb(255, 136, 136)' ;
 
 // Valide la case et la colore en rouge
 function validecase(elem) {
-	elem.style.backgroundColor = couleur_valide ;
-	
-	detectelignes() ;
+	if (elem.style.backgroundColor == couleur_valide) {
+		alterne_phrase_reponse(elem)
+	} else {
+		elem.style.backgroundColor = couleur_valide ;
+		detectelignes() ;
+	}
+
 }
 
 // efface la grille
 function effacegrille() {
 	var table=document.getElementById("grille") ;
 	var listetd = table.getElementsByTagName("td") ;
+	var ltemp ;
 	for (var i=0; i< listetd.length; i++){
-		listetd[i].style.backgroundColor = couleur_base ;
+		if (!(listetd[i].classList.contains("vide"))) {
+			listetd[i].style.backgroundColor = couleur_base ;
+			affiche_phrase(listetd[i]) ;
+		}
 	}
 	metscore(0) ;
 }
@@ -151,3 +159,48 @@ function detectelignes(elem) {
 	score = (nb_lignes_completes + nb_colonnes_completes + nb_diagonales_1 + nb_diagonales_2) *points_par_ligne + nbcases ;
 	metscore(score) ;
 }
+
+
+/* Outils divers */
+function ajouter_phrase_perso() {
+	var ul = document.getElementById("liste_phrases_add") ;
+	var nb = ul.children.length ;
+	var elt = document.createElement("li") ;
+	elt.innerHTML = '<input type="text" class="texte" name="phrase_add_'+nb+'">' ;
+	ul.appendChild(elt) ;
+
+}
+
+function alterne_phrase_reponse(elem) {
+	var liste = elem.children ;
+	// qui est actif ?
+	for(var i=0; i< liste.length; i++) {
+		if(liste[i].style.display != "none") {
+			liste[i].style.display = "none" ; // on efface celui-là
+			liste[(i+1) % liste.length].style.display = "block" ; // on met le suivant
+			break // on s'arrête là
+		}
+		
+	}
+	/*
+	if(elem.getElementsByClassName("phrase")[0].style.display == "none"){
+		affiche_phrase(elem)
+	} else {
+		affiche_reponse(elem)
+	}*/
+}
+
+function affiche_reponse(elem) {
+	var ltemp = elem.getElementsByClassName("phrase") ;
+	if (ltemp.length >0) ltemp[0].style.display = "none" ;
+	ltemp = elem.getElementsByClassName("reponse")
+	if (ltemp.length >0) ltemp[0].style.display = "block" ;
+}
+
+function affiche_phrase(elem) {
+	var ltemp = elem.getElementsByClassName("phrase")
+	if (ltemp.length >0 ) ltemp[0].style.display = "block" ;
+	ltemp = elem.getElementsByClassName("reponse")
+	for (var i=0; i<ltemp.length; i++) ltemp[i].style.display = "none" ;
+}
+
diff --git a/static/style.css b/static/style.css
index fa5f191..36d5569 100644
--- a/static/style.css
+++ b/static/style.css
@@ -15,6 +15,7 @@
 	padding: 1px ;
 	margin: 30px ;
 	border: 1px solid black ;
+	table-layout: fixed;
 }
 
 #grille td {
@@ -29,6 +30,12 @@
 	background-color:#999999 ;
 }
 
+.reponse {
+	display: none ;
+	font-style: italic ;
+}
+
+
 /* Formulaire page custom */
 .texte {
 	width:20em
@@ -36,3 +43,4 @@
 
 .data {
 	width:3em
+
-- 
cgit v1.2.3