From cb33eb9b65b39260a5fd25c5570ff1be3c8890aa Mon Sep 17 00:00:00 2001
From: adplantade <adrien.plantade@etu.uca.fr>
Date: Wed, 22 Jul 2020 12:11:37 +0200
Subject: [PATCH] =?UTF-8?q?La=20page=20d'options=20affiche=20maintenant=20?=
 =?UTF-8?q?les=20valeurs=20d=C3=A9j=C3=A0=20sauvegard=C3=A9es=20+=20ajout?=
 =?UTF-8?q?=20de=20l'option=20"pause"=20(non=20impl=C3=A9ment=C3=A9e=20atm?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/index.php  | 24 ++++++++++++++++++------
 code/options.js | 15 ++++++++++++++-
 code/vitraux.js |  2 +-
 3 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/code/index.php b/code/index.php
index 5ed7cfd..f924a83 100644
--- a/code/index.php
+++ b/code/index.php
@@ -31,7 +31,9 @@ Jouer la partie en : </br>
         <img id="10m" class="button" src="./ress/button_temps_10.png"/>
     </ul>
     <ul id="survie" class="all-container">
-        <img id="surv" class="button" src="./ress/button_mode_survie.png"/> 
+        <img id="15s" class="button" src="./ress/button_survie_15.png"/>
+        <img id="30s" class="button" src="./ress/button_survie_30.png"/>
+        <img id="45s" class="button" src="./ress/button_survie_45.png"/> 
     </ul>
 </div>
     <ul id="diff" class="all-container">
@@ -63,18 +65,28 @@ Jouer la partie en : </br>
     <p>Options :</p>
     <div class="slidecontainer">
         <p>Changer le nombre de points</p>
-        <input type="range" min="2" max="8" value="4" class="slider" id="range_dots">
+        <input type="range" min="2" max="8" class="slider" id="range_dots">
         <p>Nombre de points : <span id="dotsNumber"></span></p>
         <p>
             Mode d'affichage :
         </p>
         <select name="displays" id="displays">
-            <option value="points">Seulement des points</option>
-            <option value="gems">Seulement des gemmes</option>
-            <option value="both">Les deux</option>
+            <option id="points_disp" value="points">Seulement des points</option>
+            <option id="gems_disp" value="gems">Seulement des gemmes</option>
+            <option id="both_disp" value="both">Les deux</option>
         </select>
 
-        <button id="btn_options" onClick="saveOptions()">Valider</button>
+        <p> 
+            Mettre le jeu en pause après avoir gagné un point
+        </p>
+        <input type="radio" id="yes_pause" value="1" name="pause">
+        <label for="no_pause">Oui</label>
+        <input type="radio" id="no_pause" value="0" name="pause">
+        <label for="no_pause">Non</label>
+
+        <p>
+            <button id="btn_options" onClick="saveOptions()">Valider</button>
+        </p>
     </div>
 </div>
 
diff --git a/code/options.js b/code/options.js
index 30f5a8b..53d2458 100644
--- a/code/options.js
+++ b/code/options.js
@@ -35,4 +35,17 @@ slider.oninput = function() {
 function saveOptions() {
     setCookie("dotsAmount",document.getElementById("range_dots").value,30);
     setCookie("displayMode",document.getElementById("displays").value,30);
-}
\ No newline at end of file
+    setCookie("pause",(document.getElementById("no_pause").checked ? 0 : 1),30);
+}
+
+//initialisation des valeurs des préférences
+
+if(getCookie("pause")!=1)
+  document.getElementById("no_pause").checked=true;
+else
+  document.getElementById("yes_pause").checked=true;
+
+document.getElementById((getCookie("displayMode")!="" ? getCookie("displayMode")+"_disp" : "gems_disp")).selected=true;
+
+document.getElementById("range_dots").value= (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4);
+output.innerHTML = (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4);
\ No newline at end of file
diff --git a/code/vitraux.js b/code/vitraux.js
index 9eabf6b..8e66503 100644
--- a/code/vitraux.js
+++ b/code/vitraux.js
@@ -24,7 +24,7 @@ tabTotal=[];
 tabObjCmp=[];
 mousePos=[];
 
-var displayType = getCookie("displayMode")=="" ? "both" : getCookie("displayMode");
+var displayType = getCookie("displayMode")=="" ? "gems" : getCookie("displayMode");
 
 var dotsAmount= getCookie("dotsAmount")=="" ? 4 : getCookie("dotsAmount");
 var colors=[];