feat : question hors Json

Website/controllers/ControllerUser.php

@@ -103,15 +103,14 @@ class ControllerUser
             $chapterIsOk = FALSE;
         }
         if ($difficultyIsOk and $chapterIsOk) {
-            $questions = $this->mdQuestion->getQuestionsByChapterAndDifficulty($chapter, $difficulty);
+            $_SESSION["Questions"] = $this->mdQuestion->getQuestionsByChapterAndDifficulty($chapter, $difficulty);
-            foreach ($questions as &$question) {
+            foreach ($_SESSION["Questions"] as &$question) {
                 $answers = $this->mdAnswer->getAnswersByIDQuestions($question['id']);
                 $question['answers'] = $answers;
             }
             echo $this->twig->render($this->vues["singleplayer"], [
-                'questions' => $questions,
+                'questions' => $_SESSION["Questions"],
                 'numQuestion' => 0,
-                'jsonQuestions' => json_encode($questions),
             ]);
         } else {
             $_SESSION["error"] = "Valeur de choix de thème invalide";
@@ -124,23 +123,43 @@ class ControllerUser
     {
         $answerNumber = $_POST["answer"];
         $numQuestion = $_POST["numQuestion"] + 1;
-        $questions = json_decode($_POST["questions"], true);
+        if ($answerNumber != 1 or $answerNumber != 2 or $answerNumber != 3 or $answerNumber != 4) {
+            $_SESSION["error"] = "Valeur de choix de réponse invalide";
+            echo $this->twig->render($this->vues["singleplayer"], [
+                'questions' => $_SESSION["Questions"],
+                'numQuestion' => $numQuestion,
+            ]);
+        } else {
+            if ($numQuestion > 9) {
+                echo $this->twig->render($this->vues["home"]);
+                //EN GROS IL FAUT AFFICHER LE SCORE (C'est copilot qui a fait ça, la fin du commentaire j'veux dire)
+                //Si faut paser un param score de page en page dittes le moi je le ferais dw
+            } else {
+                if ($_SESSION["Questions"][$numQuestion - 1]['idanswergood'] == $_SESSION["Questions"][$numQuestion - 1]['answers'][$answerNumber]['id']) {
+                    // Player won
+                } else {
+                    //Player lost
+                }
+                echo $this->twig->render($this->vues["singleplayer"], [
+                    'questions' => $_SESSION["Questions"],
+                    'numQuestion' => $numQuestion,
+                ]);
+            }
+        }
+    }
+    function passer()
+    {
+        $numQuestion = $_POST["numQuestion"] + 1;
         if ($numQuestion > 9) {
             echo $this->twig->render($this->vues["home"]);
             //EN GROS IL FAUT AFFICHER LE SCORE (C'est copilot qui a fait ça, la fin du commentaire j'veux dire)
             //Si faut paser un param score de page en page dittes le moi je le ferais dw
         } else {
-
+            var_dump($_SESSION["Temps"]);
-            if ($questions[$numQuestion - 1]['idanswergood'] == $questions[$numQuestion - 1]['answers'][$answerNumber]['id']) {
+            // echo $this->twig->render($this->vues["singleplayer"], [
-                // Player won
+            //     'questions' => $_SESSION["Questions"],
-            } else {
+            //     'numQuestion' => $numQuestion,
-                //Player lost
+            // ]);
-            }
-            echo $this->twig->render($this->vues["singleplayer"], [
-                'questions' => $questions,
-                'numQuestion' => $numQuestion,
-                'jsonQuestions' => json_encode($questions),
-            ]);
         }
     }
 }

Website/js/passer.js

@@ -0,0 +1,5 @@
+document.querySelector('#passerButton').addEventListener('click', passerAction);
+function passerAction() {
+    document.getElementById("FormQuestion").action = "/passer";
+    document.getElementById("FormQuestion").submit();
+}

Website/js/scriptChrono.js

@@ -25,10 +25,6 @@ const dureeQuiz = 30; // Durée du quiz en secondes
 
     if (tempsEcoule < animationDuration) {
         requestAnimationFrame(mettreAJourAiguille);
-    } else {
-        // Le temps est écoulé, affichez un message
-        console.log("Le timer est à zéro !");
-        // action à foutre à la fin du timer
     }
 }
 requestAnimationFrame(mettreAJourAiguille);

Website/models/ModelQuestion.php

@@ -3,6 +3,7 @@
 class ModelQuestion
 {
     private $gwQuestion;
+    public $questions;
 
     public function __construct()
     {
@@ -39,7 +40,7 @@ class ModelQuestion
 
     function getQuestionsByChapterAndDifficulty($chapter, $difficulty)
     {
-        $questions = $this->gwQuestion->getQuestionsByChapterAndDifficulty($chapter, $difficulty);
+        $this->questions = $this->gwQuestion->getQuestionsByChapterAndDifficulty($chapter, $difficulty);
-        return $questions;
+        return $this->questions;
     }
 }

Website/templates/singleplayer.twig

@@ -28,14 +28,13 @@
                 Question n° : {{ numQuestion+1 }}/10
             </p>
         </div>
-        <form action="/verifQuestion" method="post">
+        <form id="FormQuestion" action="/verifQuestion" method="post">
         {# Awfull Code but it's valided by the 6ème membre #}
             <input type="hidden" name="numQuestion" value="{{ numQuestion }}">
-            <input type="hidden" name="questions" value="{{ jsonQuestions|e('html_attr') }}">
         {# End of Awfull Code #}
             <div class="row g-5">
                 <div class="col pt-5">
-                    <input type="radio" class="btn-check" name="answer" value="0" id="answer1" autocomplete="off">
+                    <input type="radio" class="btn-check" name="answer" value="0" id="answer1" autocomplete="off" required>
                     <label class="btn fs-2 container text-white" for="answer1" style="background-color:blue;">
                         {{ questions[numQuestion].answers[0].content }}
                     </label>
@@ -64,9 +63,8 @@
             
             <div class="row justify-content-center">
                 <div class="col-1 pt-5">
-                    <button type="submit" class="fs-2 btn btn-danger btn-lg">
+                    <button type="button" id="passerButton" class="fs-2 btn btn-danger btn-lg">
                         Passer
-                        {# Si qql peut regarder pr que passer ne passe pas par la fonction verifQuestion mais par une autre #}
                     </button>
                 </div>
                 <div class="col-1 pt-5">
@@ -78,5 +76,6 @@
         </form>
     </div>
     <script type="module" src="js/scriptChrono.js"></script>
+    <script type="module" src="js/passer.js"></script>
 </body>
 </html>