Fix et ajout navBar sur le quiz

Project/php/controller/VisitorController.php

@@ -12,6 +12,7 @@ class VisitorController
 {
     public function memory($match): void{
         global $twig;
+        global $user;
 
         try{
             $idVoc = Validation::filter_int($_POST['idVoc'] ?? 4);
@@ -19,6 +20,7 @@ class VisitorController
             $name = ((new \gateway\VocabularyListGateway())->findById($idVoc))->getName();
             $wordShuffle = array();
 
+
             shuffle($wordList);
             $pairs = [];
             $maxWords = 28;
@@ -33,11 +35,22 @@ class VisitorController
 
             shuffle($wordShuffle);
 
+            if(isset($user)) {
+                echo $twig->render('memory.html', [
+                    'wordShuffle' => $wordShuffle,
+                    'pairs' => json_encode($pairs),
+                    'name' => $name,
+                    'userID' => $user->getID(),
+                    'userRole' => $user->getRoles()
+                ]);
+            }
+            else{
                 echo $twig->render('memory.html', [
                     'wordShuffle' => $wordShuffle,
                     'pairs' => json_encode($pairs),
                     'name' => $name
                 ]);
+            }
 
         }
         catch (Exception $e){
@@ -47,6 +60,8 @@ class VisitorController
     public function quiz($match): void
     {
         global $twig;
+        global $user;
+        try {
             $vocabId = Validation::filter_int($_POST['idVoc'] ?? 4);
             $vocabList = (new VocabularyListGateway())->findById($vocabId) ?? null;
             if ($vocabList == null) throw new Exception("liste inconnue");
@@ -80,7 +95,25 @@ class VisitorController
                 $answers[] = $tab;
             }
 
-        echo $twig->render('quizView.html', ['questions' => $questions, 'answers' => $answers, 'goodAnswers' => $goodAnswers, 'listName' => $vocabList->getName()]);
+            if (isset($user)) {
+                echo $twig->render('quizView.html', [
+                    'questions' => $questions,
+                    'answers' => $answers,
+                    'goodAnswers' => $goodAnswers,
+                    'listName' => $vocabList->getName(),
+                    'userID' => $user->getID(),
+                    'userRole' => $user->getRoles()]);
+            } else {
+                echo $twig->render('quizView.html', [
+                    'questions' => $questions,
+                    'answers' => $answers,
+                    'goodAnswers' => $goodAnswers,
+                    'listName' => $vocabList->getName()]);
+            }
+        }
+        catch (Exception $e){
+            throw new Exception("Erreur");
+        }
     }
 
     public function login(): void {

Project/php/css/memory.css

@@ -21,6 +21,8 @@ h1{
     gap: 10px;
     margin: auto;
     perspective: 1000px;
+    min-width: 70vw;
+    max-height: 70vh;
 }
 
 .card {

Project/php/js/memory.js

@@ -4,7 +4,7 @@ document.addEventListener('DOMContentLoaded', function () {
     var word1;
     var word2;
     var clickEnabled = true;
-    var score = 25;
+    var score = 500;
 
     cards.forEach(function (card) {
         card.addEventListener('click', function () {
@@ -12,7 +12,6 @@ document.addEventListener('DOMContentLoaded', function () {
                 return;
             }
             card.classList.toggle('flipped');
-
             nbCard += 1;
             if (nbCard === 1) {
                 word1 = card.dataset.word;
@@ -67,12 +66,11 @@ document.addEventListener('DOMContentLoaded', function () {
                 (pair[0] === word1 && pair[1] === word2) ||
                 (pair[0] === word2 && pair[1] === word1)
             ) {
-                score+=10;
                 return true;
             }
         }
         if(score !== 0){
-            score-=1;
+            score-=5;
         }
         return false;
     }

Project/php/templates/memory.html

@@ -4,11 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Memory Game</title>
+    <link href="{{base}}/css/styles.css" rel="stylesheet" />
     <link rel="stylesheet" href="{{base}}/css/memory.css">
     <link rel="icon" type="image/x-icon" href="{{base}}/assets/favicon.ico"/>
 </head>
 <body>
-<div>
+{% include 'navBar.twig' %}
+<div class="content">
     <h1><u>Memory Game:</u> <i>{{ name }}</i></h1>
     <div id="memory-game">
         {% for word in wordShuffle %}

Project/php/templates/quizView.html

@@ -19,7 +19,7 @@
 </head>
 
 <body>
-
+{% include 'navBar.twig' %}
 <section id="quiz">
  <h1>{{listName}}</h1>
  <div id="questionContainer">

Project/php/templates/vocabList.html

@@ -12,7 +12,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        height: 100vh;
+        height: auto;
     }
 
     .content {