ADD : template penduscore

1 year ago · cd5289e370
parent 082030277a
commit cd5289e370
4 changed files with 118 additions and 20 deletions
--- a/project/src/config/config.php
+++ b/project/src/config/config.php
@ -8,6 +8,7 @@ $config = [
             "mdp" =>''],
    "templates" => ["index" => 'vues/index.php',
               "pseudo" => 'pseudo.html',
-               "jouer" => "jouer.html"]
+               "pendu" => "pendu.html",
+               "penduScore" => 'penduScore.html']
 ];
 ?>
--- a/project/src/templates/jouer.html
+++ b/project/src/templates/jouer.html
@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="UTF-8">
-        <title>Saisir Pseudo</title>
-        <link rel="stylesheet" href="css/bootstrap.min.css">
-    </head>
-    <body>
-        <center>
-            {% if dVue is defined %}
-                <p>Jeu : {{ dVue.nomJeu }}</p>
-                <p>Pseudo : {{ dVue.pseudo }} </p>
-                <p>Difficulte : {{ dVue.libelleDifficulte }}</p>
-            {% endif %}
-        </center>
-
-        <script src="js/bootstrap.min.js"></script>
-    </body>
-</html>
--- a/project/src/templates/pendu.html
+++ b/project/src/templates/pendu.html
@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <title>Pendu</title>
+        <link rel="stylesheet" href="css/bootstrap.min.css">
+        <style>
+            p,
+            label {
+                font:
+                        1rem 'Fira Sans',
+                        sans-serif;
+            }
+
+            input {
+                margin: 0.4rem;
+            }
+        </style>
+    </head>
+    <body>
+
+        <br><br><br>
+
+        <center>
+            <p></p>
+            <form action="" method="post">
+                <fieldset>
+                    {% if dVue.decouvert is defined %}
+                        <div>
+                            <h1>
+                                {{dVue.decouvert}}
+                            </h1>
+                        </div>
+                        <br>
+                    {% endif %}
+                    {% if dVue.essaisRestant is defined %}
+                        <p>Il vous reste {{dVue.essaisRestant}} essais</p>
+                    {% endif %}
+                    {% if dVue.lettresUtilisees is defined %}
+                        <h5>Lettres utilisées</h5>
+                        <div>
+                            {%for lettre in  dVue.lettresUtilisees %}
+                                {{lettre}}&nbsp;
+                            {% endfor %}
+                        </div>
+                    {% endif %}
+                    <legend>Votre lettre</legend>
+                    {% if dVueErreur|length > 0 %}
+                        <div>
+                            <h5>Erreur : </h5>
+                            {% for erreur in dVueErreur %}
+                                <p>{{erreur}}</p>
+                            {% endfor %}
+                        </div>
+                    {% endif %}
+                    <div>
+                        <input required type="text" name="lettre">
+                    </div>
+                </fieldset>
+                <input type="submit" value="Valider">
+
+            </form>
+        </center>
+
+        <script src="js/bootstrap.min.js"></script>
+    </body>
+</html>
--- a/project/src/templates/penduScore.html
+++ b/project/src/templates/penduScore.html
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <title>Pendu - Score</title>
+        <link rel="stylesheet" href="css/bootstrap.min.css">
+        <style>
+            p,
+            label {
+                font:
+                        1rem 'Fira Sans',
+                        sans-serif;
+            }
+
+            input {
+                margin: 0.4rem;
+            }
+        </style>
+    </head>
+    <body>
+
+        <br><br><br>
+
+        <center>
+            {% if dVue.messageScore is defined %}
+               <h1>{{dVue.messageScore}}</h1>
+            {% endif %}
+
+            {% if dVue.nbTours is defined and dVue.nbFails is defined %}
+                <p>Vous avez fais {{dVue.nbTours}} essais et {{dVue.nbFails}} erreur(s)</p>
+            {% endif %}
+
+            {% if dVue.scientifique is defined %}
+                <h2>Le scientifique a trouvé été {{dVue.scientifique.prenom}} {{dVue.scientifique.nom}}</h2>
+                <div>
+                    <h3>Voici quelques informations à son sujet</h3>
+                    <p>Né(e) le : {{dVue.scientifique.dateNaiss}}</p>
+                    <p>Sexe : {{dVue.scientifique.sexe}}</p>
+                    <p>Domaine : {{dVue.scientifique.thematique}}</p>
+                    <p>{{dVue.scientifique.descriptif}}</p>
+                </div>
+            {% endif %}
+            
+            <a href=".">Retour à l'accueil</a>
+        </center>
+
+        <script src="js/bootstrap.min.js"></script>
+    </body>
+</html>