From d06610ca58ac8681c7ac136beb37017b4a3f71a9 Mon Sep 17 00:00:00 2001
From: Bocquel Raphael <bocquel@srv-tp04>
Date: Mon, 23 Dec 2024 15:47:19 +0100
Subject: [PATCH]  grille marche mieux

---
 case_flag.png | Bin 0 -> 308 bytes
 case_zero.png | Bin 0 -> 263 bytes
 demineur.html |   2 ++
 demineur.js   |  34 ++++++++++++++++++++++++++++------
 style.css     |   4 ++--
 5 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 case_flag.png
 create mode 100644 case_zero.png

diff --git a/case_flag.png b/case_flag.png
new file mode 100644
index 0000000000000000000000000000000000000000..0267f6783651dc1c8397b0d2954931cbc1f6909a
GIT binary patch
literal 308
zcmV-40n7f0P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&0002{Nkl<ZXhZGV
zK@Ng25Cu@U1y^xV58?@2x~oU97jf&gyoCl6NTWi_FlpyEpS2}@^Jhp6^v=0g*TB^`
z2l3uR<`P2q?0Zgxkjgn0P2_OCbdTdOlZVq)jb98hBE}0EG9jQLF#;CyjevywL%>0n
z5Kxdc1PmmFfPmy6%tLY!rXgDpW+7V<CLt1pIfxWt4zlO${k-3>kMYy)2}!g;u|HN!
zBy%8{NM@mae#T+vuuFR<v5u|9)?#a|SAa9Z8R3j@Mt1c8PruUg@$p;w@f%lMnp(Ur
z_l2qYj1aOAU$sOu+DUQ`_12PXLSs$45RK~8yhk(NYrO$x6j#ohdV%Et0000<MNUMn
GLSTZ7yn;vo

literal 0
HcmV?d00001

diff --git a/case_zero.png b/case_zero.png
new file mode 100644
index 0000000000000000000000000000000000000000..43d26289ef15cbccf0669fa78227ed23c77b1a1d
GIT binary patch
literal 263
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nETbDl1aAsNnZXF2j6RuEu5efYu0
z8l7IPt*fpGZwp_MVUfPKqAfY<{og8?f?I{I&*s#>Ozru&>-%vISF`FPC(;=0UmG?}
zRARDOtF)m=$1SDAwOK-wN&9$`i(9x!$3(c`q={woU)#BsPfA*<bZOZm#g!axVr$kM
zn$)xB{pMXc3y*(V9yalP?r!g+T{_A<`~fOFSNaZj^cu)COf(3v=2JF1RKVbN$l<L;
z&kc^lj1rv8TOS)FDf6%=fD~F^@90e{K4ADi+m_Kh`}2OmKYS~IK4b87^>bP0l+XkK
DJ+f$L

literal 0
HcmV?d00001

diff --git a/demineur.html b/demineur.html
index c79f818..fdd4027 100644
--- a/demineur.html
+++ b/demineur.html
@@ -33,8 +33,10 @@
     <div id="jeu">
       <button id="debut_game" onclick="chrono()">GO!</button>
       <button id="fin_game" onclick="reset()">CIAO</button>
+
       <div id="grille">
 	<script type="text/javascript">grilleButtons(7,7);</script>
+
       </div>
     </div>
 
diff --git a/demineur.js b/demineur.js
index 3e1dbf1..0a5f99e 100644
--- a/demineur.js
+++ b/demineur.js
@@ -7,8 +7,8 @@ class Case {
 	this.hidden = true;
     }
 
-    
 }
+
 function sleep(ms){
 	return new Promise(resolve => setTimeout(resolve, ms));
 }
@@ -59,28 +59,50 @@ function creerGrille(haut, larg) {
 }
 
 
+function selectImage(idCase) {
+    const coords = idCase.split("_") ;
+    const x = parseInt(coords[0]) ;
+    const y = parseInt(coords[0]) ;
+}
+    
+
+
 function changeImage(mouseEvent) {
-    mouseEvent.target.style.background="url('case_mine.png')" ;
+    if (!(mouseEvent.target.classList.contains("buttonFlagged"))) {
+	mouseEvent.target.style.background="url('case_mine.png')" ;
+	mouseEvent.target.classList.add("buttonRevealed") ;
+    }
 }
 
 
+function changeImageFlag(rightClick) {
+    
+    rightClick.preventDefault() ;
+    if (rightClick.target.classList.contains("buttonRevealed")) {
+	return 0 ;
+    } else if (rightClick.target.classList.contains("buttonFlagged")) {
+	rightClick.target.style.background="url('case_vide.png')" ;
+	rightClick.target.classList.remove("buttonFlagged") ;
+    } else {
+	rightClick.target.style.background="url('case_flag.png')" ;
+	rightClick.target.classList.add("buttonFlagged") ;
+    }
+}
+
 function grilleButtons(haut, larg) {
     const divGrille = document.getElementById("grille") ;
     for (var i=0;i<haut;i++) {
 	for (var j=0;j<larg;j++){
-	    
 	    var newCase = document.createElement("BUTTON") ;
 	    newCase.style.gridrow=i.toString() ;
 	    newCase.classList.add("button_case") ;
 	    newCase.id = i.toString() + "_" + j.toString() ;
 	    newCase.style.background="url('case_vide.png')" ;
 	    newCase.addEventListener("click", changeImage);
+	    newCase.addEventListener("contextmenu", changeImageFlag);
 	    divGrille.appendChild(newCase) ;
 	    
 	}
     }    
     
 }
-
-
-
diff --git a/style.css b/style.css
index 177e711..ce1fd6f 100644
--- a/style.css
+++ b/style.css
@@ -20,8 +20,8 @@
 #jeu{
 	
 	display: flex;
-    justify-content: left;
-    border-width: 2px;
+	justify-content: left;
+	border-width: 2px;
 	border-style: double; 
 	width: 49%;