From 87b83305e8c917c6c8abd3ab1f8d2c76a6b7f86a Mon Sep 17 00:00:00 2001
From: adplantade <adrien.plantade@etu.uca.fr>
Date: Tue, 11 Aug 2020 00:22:34 +0200
Subject: [PATCH] fusion highscore-index en cours

---
 code/button_displayer.js           |   2 -
 code/highscore_button_displayer.js |  50 ++++------
 code/highscores.php                |   5 +-
 code/index.css                     |   5 +-
 code/index.php                     | 155 ++++++++++++++++++++++-------
 5 files changed, 143 insertions(+), 74 deletions(-)

diff --git a/code/button_displayer.js b/code/button_displayer.js
index 171f88c..42c66be 100644
--- a/code/button_displayer.js
+++ b/code/button_displayer.js
@@ -10,10 +10,8 @@ var btn_options=document.getElementById("btn_options");
 btn_options.width=size/2;
 
 document.getElementById("btn_play").width=size;
-//document.getElementById("btn_play_des").width=size;
 document.getElementById("btn_play").style.display="inline";
 
-document.getElementById("btn_high").width=size;
 
 modes.forEach(element => {
     eval("var btn"+element+"= document.getElementById('btn_"+element+"')");
diff --git a/code/highscore_button_displayer.js b/code/highscore_button_displayer.js
index 98903a3..ad0ec41 100644
--- a/code/highscore_button_displayer.js
+++ b/code/highscore_button_displayer.js
@@ -6,12 +6,6 @@ size=screen.height/6;
 hideAll();
 
 document.getElementById("btn_play").width=size;
-//document.getElementById("btn_play_des").width=size;
-//document.getElementById("btn_play").style.display="none";
-
-document.getElementById("btn_high").width=size;
-//document.getElementById("btn_high_des").width=size;
-//document.getElementById("btn_high").style.display="none";
 
 modes.forEach(element => {
 
@@ -46,11 +40,9 @@ modes.forEach(element => {
             document.getElementById(e.currentTarget.id).classList.add("selected");
             if(diffSelected!="" && modeSelected!="")
         {
-            document.getElementById("btn_play").style.display="inline";
-            document.getElementById("btn_play_des").style.display="none";
+            document.getElementById(modeSelected).checked=true;
 
-            document.getElementById("btn_high").style.display="inline";
-            document.getElementById("btn_high_des").style.display="none";
+            document.getElementById("high_form").submit();
         }
         });
     }
@@ -70,11 +62,8 @@ diffs.forEach(element => {
         document.getElementById(e.currentTarget.id).classList.add("selected");
         if(diffSelected!="" && modeSelected!="")
         {
-            document.getElementById("btn_play").style.display="inline";
-            document.getElementById("btn_play_des").style.display="none";
-
-            document.getElementById("btn_high").style.display="inline";
-            document.getElementById("btn_high_des").style.display="none";
+            document.getElementById(diffSelected).checked=true;
+            document.getElementById("high_form").submit();
         }
     });
 })
@@ -140,8 +129,6 @@ function play()
     window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+ (pseudo==null ? "" : pseudo));
 }
 
-document.getElementById("btn_back").width=size;
-
 function index()
 {
     window.location.replace("./");
@@ -154,6 +141,9 @@ if(document.getElementById("diffSel")!=null)
     modeSelected=document.getElementById("modeSel").value;
     amount=document.getElementById("dotsAmountSel").value;
     gameSelected = (modeSelected.includes("s") ? "survie" : (modeSelected.includes("p") ? "points" : "temps"));
+
+    console.log("LOADED "+diffSelected+" " + modeSelected+ " "+ amount + " ");
+
     disp(gameSelected, true);
     document.getElementById("img_"+diffSelected).classList.add("selected");
     document.getElementById("img_"+gameSelected).classList.add("selected");
@@ -165,20 +155,16 @@ if(document.getElementById("diffSel")!=null)
 
     output.innerHTML = amount;
     outputHi.value= amount;
-/*
-    document.getElementById("btn_play").style.display="inline";
-    document.getElementById("btn_play_des").style.display="none";
-
-    document.getElementById("btn_high").style.display="inline";
-    document.getElementById("btn_high_des").style.display="none";
-*/
 }
-
-diffSelected="easy";
-modeSelected="5p";
-disp("points",true);
-document.getElementById(diffSelected).checked=true;
+else
+{
+    diffSelected="easy";
+    modeSelected="5p";
+    disp("points",true);
+    document.getElementById(diffSelected).checked=true;
     document.getElementById(modeSelected).checked=true;
-document.getElementById("img_points").classList.add("selected");
-document.getElementById("img_5p").classList.add("selected");
-document.getElementById("img_easy").classList.add("selected");
\ No newline at end of file
+    document.getElementById("img_points").classList.add("selected");
+    document.getElementById("img_5p").classList.add("selected");
+    document.getElementById("img_easy").classList.add("selected");
+}
+
diff --git a/code/highscores.php b/code/highscores.php
index e77bad2..55215bb 100644
--- a/code/highscores.php
+++ b/code/highscores.php
@@ -11,7 +11,7 @@
     
 </div>
 
-    <form action="highscores.php" method="post">
+    <form action="highscores.php" id="high_form" method="post">
         <div class="mode-container">
             <ul id="diff" class="all-container">
                 <input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
@@ -89,9 +89,6 @@
                     <input type="hidden" name="dotsAmount" id="amountHi"/></p>
                 </div>
             </ul>
-
-            <input type="image" src="ress/button_consult.png" alt="Submit" id="btn_high">
-            <!--<img id="btn_high_des" src="ress/button_consult_desac.png"/>-->
         </div>
     </form>
     <?php
diff --git a/code/index.css b/code/index.css
index cfc61b1..afbd0cb 100644
--- a/code/index.css
+++ b/code/index.css
@@ -145,4 +145,7 @@
   .player {
     position: absolute;
     left: 5px;
-  }
\ No newline at end of file
+  }
+  .rad {
+    display: none;
+}
\ No newline at end of file
diff --git a/code/index.php b/code/index.php
index 3f21152..785a75c 100644
--- a/code/index.php
+++ b/code/index.php
@@ -17,44 +17,128 @@
 </div>
 
 
-<div id="modeSelection" class="mode-container">
-    <ul id="diff" class="all-container">
-        <img id="btn_easy" class="button" src="./ress/button_diff_easy.png"/>
-        <img id="btn_med" class="button" src="./ress/button_diff_normal.png"/>
-        <img id="btn_hard" class="button" src="./ress/button_diff_hard.png"/>
-    </ul>
-    <ul id="modes" class="all-container">
-        <img id="btn_points" class="button" src="./ress/button_mode_points.png"/>
-        <img id="btn_temps" class="button" src="./ress/button_mode_temps.png"/>
-        <img id="btn_survie" class="button" src="./ress/button_mode_survie.png"/>
-    </ul>
-    <ul id="points" class="all-container ad">
-        <img id="5p" class="button z" src="./ress/button_points_5.png"/>
-        <img id="10p" class="button z" src="./ress/button_points_10.png"/>
-        <img id="15p" class="button z" src="./ress/button_points_15.png"/>
-        <img id="20p" class="button z" src="./ress/button_points_20.png"/>
-    </ul>
-    <ul id="temps" class="all-container ad">
-        <img id="2m" class="button z" src="./ress/button_temps_2.png"/>
-        <img id="3m" class="button z" src="./ress/button_temps_3.png"/>
-        <img id="5m" class="button z" src="./ress/button_temps_5.png"/>
-        <img id="10m" class="button z" src="./ress/button_temps_10.png"/>
-    </ul>
-    <ul id="survie" class="all-container ad">
-        <img id="15s" class="button z" src="./ress/button_survie_15.png"/>
-        <img id="30s" class="button z" src="./ress/button_survie_30.png"/>
-        <img id="45s" class="button z" src="./ress/button_survie_45.png"/> 
-    </ul>
-</div>
+<form action="index.php" id="high_form" method="post">
+        <div class="mode-container">
+            <ul id="diff" class="all-container">
+                <input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
+                <label for="easy"><img id="img_easy" class="button" src="./ress/button_diff_easy.png"/></label>
+                    
+                <input type="radio" class="rad" name="difficulty" id="med" value="med" />
+                <label for="med"><img id="img_med" class="button" src="./ress/button_diff_normal.png"/></label>
+                    
+                <input type="radio" class="rad" name="difficulty" id="hard" value="hard" />
+                <label for="hard"><img id="img_hard" class="button" src="./ress/button_diff_hard.png"/></label>
+            </ul>
+
+            <div id="modeSelection" class="mode-container">
+                <ul id="modes" class="all-container">
+                    <img id="img_points" class="button" src="./ress/button_mode_points.png"/>
+
+                    <img id="img_temps" class="button" src="./ress/button_mode_temps.png"/>
+
+                    <img id="img_survie" class="button" src="./ress/button_mode_survie.png"/>
+                </ul>
+                <ul id="points" class="all-container ad">
+                    <input type="radio" class="rad" name="game_mode" id="5p" value="5p" />
+                    <label for="5p"><img id="img_5p" class="button" src="./ress/button_points_5.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="10p" value="10p"/>
+                    <label for="10p"><img id="img_10p" class="button" src="./ress/button_points_10.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="15p" value="15p" />
+                    <label for="15p"><img id="img_15p" class="button" src="./ress/button_points_15.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="20p" value="20p" />
+                    <label for="20p"><img id="img_20p" class="button" src="./ress/button_points_20.png"/></label>
+
+                </ul>
+                <ul id="temps" class="all-container ad">
+                    <input type="radio" class="rad" name="game_mode" id="2m" value="2m" />
+                    <label for="2m"><img id="img_2m" class="button" src="./ress/button_temps_2.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="3m" value="3m" />
+                    <label for="3m"><img id="img_3m" class="button" src="./ress/button_temps_3.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="5m" value="5m" />
+                    <label for="5m"><img id="img_5m" class="button" src="./ress/button_temps_5.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="10m" value="10m"/>
+                    <label for="10m"><img id="img_10m" class="button" src="./ress/button_temps_10.png"/></label>
+
+                </ul>
+                <ul id="survie" class="all-container ad">
+                    <input type="radio" class="rad" name="game_mode" id="15s" value="15s"/>
+                    <label for="15s"><img id="img_15s" class="button" src="./ress/button_survie_15.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="30s" value="30s" />
+                    <label for="30s"><img id="img_30s" class="button" src="./ress/button_survie_30.png"/></label>
+
+                    <input type="radio" class="rad" name="game_mode" id="45s" value="45s" />
+                    <label for="45s"><img id="img_45s" class="button" src="./ress/button_survie_45.png"/> </label>
+
+                </ul>
+            </div>
+        
+            <ul>
+                <div class="slot">
+                    <p class="texte">Mode pause activé <input type="radio" id="pause1" value="1" name="pause">
+                    <label for="pause1" class="texte">Oui</label>
+                    <input type="radio" id="pause0" value="0" name="pause">
+                    <label for="pause0" class="texte">Non</label>   </p>
+                           
+                </div>
+                <div class="slot">   
+                    <p class="texte">Nombre de dots
+                    <img src="ress/-" onClick="less()" id="-"/>
+                    <span id="dotsNumber" class="texte"></span>
+                    <img src="ress/+" onClick="more()" id="+"/>
+                    <input type="hidden" name="dotsAmount" id="amountHi"/></p>
+                </div>
+            </ul>
+        </div>
+    </form>
+    <?php
+
+$database = new SQLite3("data.db");
+
+
+
+if(isset($_POST["game_mode"]) && $_POST["game_mode"]!="" && $_POST["difficulty"]!="" && $_POST["dotsAmount"]!="" && $_POST["pause"]!="")
+{
+    if(stristr($_POST['game_mode'], "p") === FALSE)
+    {
+        $sql='select score, player from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].' and score=(select max(score) from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].')';
+    }
+    else
+    {
+        $sql='select score, player from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].' and score=(select min(score) from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].')';
+    }
+    $result = $database->query($sql);
+    $a=$result->fetchArray();
+
+    if($a==false)
+    {
+        $phrase= "Il n'y a pas encore de score pour ce mode de jeu.";
+    }
+    else
+    {
+        $phrase="Le record est ".$a[0].", tenu par ".$a["player"];
+        while ($row = $result->fetchArray()) {
+            $phrase=$phrase.", ".$row["player"];
+    }
+
+}
+
+    echo "<h1 id='aya' class='texte' >".$phrase."</h1>";
+    echo "<input type='hidden' id='modeSel' value='".$_POST["game_mode"]."'/>";
+    echo "<input type='hidden' id='diffSel' value='".$_POST["difficulty"]."'/>";
+    echo "<input type='hidden' id='dotsAmountSel' value='".$_POST["dotsAmount"]."'/>";
+    echo "<input type='hidden' id='pauseSel' value='".$_POST["pause"]."'/>";
+}
+?>
 <div class="mode-container">
-    <!--<div class="texte">
-        Pseudo :
-        <input type="text" id="field_pseudo" />
-    </div>-->
     <ul id="btns_play">
         <img id="btn_play" src="ress/button_play.png" onClick="play()"/>
-        <!--<img id="btn_play_des" src="ress/button_play_desac.png"/>-->
-        <img id="btn_high" src="ress/button_highscores.png" onClick="goHigh()"/>
     </ul>
 </div>
 
@@ -135,6 +219,7 @@
 </div>
 <script src="bakery.js"></script>
 <script src="button_displayer.js"></script>
+    <script src="highscore_button_displayer.js"></script>
 <script src="options.js"></script>
 <script src="themeSwitcher.js"></script>
 </body>