Merge branch 'php' of https://codefirst.iut.uca.fr/git/antoine.jourdain/SAE_2A_Anglais into php

1 year ago · 9aa4ab4676
parent 577d0872d7 66c5406279
commit 9aa4ab4676
5 changed files with 16 additions and 7 deletions
--- a/Project/php/controller/AbsController.php
+++ b/Project/php/controller/AbsController.php
@ -155,4 +155,9 @@ class AbsController
        $mdl->deconnection();
        $this->home();
    }
+
+    public function resultatsJeux(): void{
+        global $twig;
+        echo $twig->render('resultatsJeux.html');
+    }
 }
--- a/Project/php/css/memory.css
+++ b/Project/php/css/memory.css
@ -10,9 +10,10 @@ body {

 #memory-game {
    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    grid-template-rows: repeat(4, 140px);
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 10px;
+    margin: auto;
 }

 .card {
@ -26,7 +27,10 @@ body {
    align-items: center;
    font-size: 18px;
    cursor: pointer;
-    transition: background-color 0.3s ease;;
+    transition: background-color 0.3s ease;
+    min-height: 10vh;
+    min-width: 20vh;
+    aspect-ratio: 1/1;
 }

 .flipped {
--- a/Project/php/js/memory.js
+++ b/Project/php/js/memory.js
@ -73,6 +73,8 @@ document.addEventListener('DOMContentLoaded', function () {
    }

    function checkGameCompletion(){
-        return;
+        if (document.querySelectorAll('.card.found').length === cards.length) {
+            window.location.href = '../resultatsJeux'; // A MODIFIER POUR UN TWIG RENDER
+        }
    }
 });
--- a/Project/php/templates/memory.html
+++ b/Project/php/templates/memory.html
@ -21,7 +21,5 @@
 </script>

 <script src="{{base}}/js/memory.js"></script>
-
-
 </body>
 </html>
--- a/Project/php/templates/resultatsJeux.html
+++ b/Project/php/templates/resultatsJeux.html
@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="css/styles.css" rel="stylesheet" />
+    <link href="{{base}}/css/styles.css" rel="stylesheet" />
    <title>Félicitations!</title>
    <style>
        body {