Liste des citations/proverbes + ajout de citation

css/style.css

@@ -62,6 +62,10 @@ header {
 .table {
     color: white;
 }
+.quote-element-list {
+    vertical-align: middle !important;
+    line-height: 2;
+}
 
 /* FOOTER */
 footer

php/config.php

@@ -53,6 +53,11 @@ switch ($currentpage) {
         $description = "Génère aléatoirement une citation ou un proverbe.";
         $image = 'https://function.divlo.fr/img/function-image/randomQuote.png';
         break;
+    case '/views/quote-list.php':
+        $title = 'Liste des citations';
+        $description = "La liste de toutes les citations ou proverbes (aimé par Divlo).";
+        $image = 'https://function.divlo.fr/img/function-image/randomQuote.png';
+        break;
     default:
         $title = 'Erreur 404';
         $description = "Cette page n'existe pas!";

scripts/main.js

@@ -154,6 +154,14 @@ $(function () {
         $('.resultsRandomQuote').html(getRandomQuote());
     }
 
+    /* Permet d'afficher la liste des citations/proverbes */
+    if(chemin === "/views/quote-list.php") {
+        for (index in quotes) {
+            $( ".quote-list" ).append('<tr> <td class="quote-element-list important">' + quotes[index]["source"] + '</td> <td class="quote-element-list">" ' + quotes[index]["quote"] + ' "</td> </tr>');
+        }
+    }
+
+
     /* Permet d'afficher l'heure en temps réel sur le footer */
     window.onload = realDateTime('realDateTime');
 

scripts/variables.js

@@ -1,5 +1,7 @@
 /* LES VARIABLES */
 
+let chemin = window.location.pathname;
+
 /* Messages d'erreur */
 const emptyMessageError = "Vous ne pouvez pas rentré de valeur vide.";
 const messageError = "Vous n'avez pas rentré de valeur valide.";
@@ -12,23 +14,59 @@ timeNow.setMinutes(timeNow.getMinutes() + utcOffset);
 // Variable pour randomQuote
 const quotes = [
     {
-      quote: "Two things are infinite: the universe and human stupidity; and I'm not sure about the universe.",
+      quote:"Rêver, c’est ce qu’un humain peut faire de mieux.",
+      source:"Divlo"
+    },
+    {
+      quote: "Deux choses sont infinies: l'univers et la bêtise humaine; et je ne suis pas sûr de l'univers.",
       source: "Albert Einstein"
     },
     {
-      quote:"Be the change that you wish to see in the world.",
+      quote: "Exige beaucoup de toi-même et attends peu des autres. Ainsi beaucoup d'ennuis te seront épargnés.",
+      source: "Confucius"
+    },
+    {
+      quote:"Soyez le changement que vous souhaitez voir dans le monde.",
       source: "Mahatma Gandhi"
     },
     {
-      quote:"Vote for the man who promise least, he'll be the least disappointing.",
+      quote:"Fais de ta vie un rêve, et d'un rêve, une réalité.",
+      source: "Antoine de Saint-Exupéry"
+    },
+    {
+      quote: "La vie est un défi à relever, un bonheur à mériter, une aventure à tenter.",
+      source: "Mère Teresa"
+    },
+    {
+      quote:"Un sourire coûte moins cher que l'électricité, mais donne autant de lumière.",
+      source:"Abbé Pierre"
+    },
+    {
+      quote: "N'essayez pas de devenir un homme qui a du succès. Essayez de devenir un homme qui a de la valeur.",
+      source: "Albert Einstein"
+    },
+    {
+      quote:"Notre plus grande gloire n'est point de tomber, mais de savoir nous relever chaque fois que nous tombons.",
+      source:"Confucius"
+    },
+    {
+      quote:"Votez pour l'homme qui promet le moins, il sera le moins décevant.",
       source:"Bernard Baruch"
     },
     {
-      quote:"Hard work beats talent when talent doesn't work hard.",
+      quote:"Ne dis pas peu de choses en beaucoup de mots, mais dis beaucoup de choses en peu de mots.",
+      source:"Pythagore"
+    },
+    {
+      quote:"Le travail acharné bat le talent quand le talent ne travaille pas dur.",
       source:"Tim Notke"
     },
     {
-      quote:"You want to wake up in the morning and think the future is going to be great - and that's what being a spacefaring civilization is all about. It's about believing in the future and thinking that the future will be better than the past. And I can't think of anything more exciting than going out there and being among the stars",
-      source:"Elon Musk, SpaceX"
+      quote:"Choisissez un travail que vous aimez et vous n'aurez pas à travailler un seul jour de votre vie.",
+      source:"Confucius"
+    },
+    {
+      quote:"Vous voulez vous lever le matin en pensant que l'avenir sera formidable - et c'est en cela que réside le fait d'être une civilisation à la conquête de l'espace. Il s'agit de croire en l'avenir et de penser que celui-ci sera meilleur que le passé. Et je ne peux rien trouver de plus excitant que d’être parmi les étoiles.",
+      source:"Elon Musk"
     }
   ];

views/function-views/randomQuote.php

@@ -8,10 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center">
-    <?php echo $description?> <br> 
-    <em>(Les citations peuvent être en anglais ou en français)</em> <br> <br>
-    <a href="#">La liste de toutes les citations/proverbes.</a>
-</p> <br>
+    <?php echo $description?> <br> <br>
+    <a href="/views/quote-list.php">La liste de toutes les citations/proverbes.</a>
+  </p> <br>
   <div class="form-group">
         <div class="form-row text-center">
             <div class="col-12">

views/quote-list.php

@@ -0,0 +1,28 @@
+<!-- Config -->
+<?php include("../php/config.php");?>
+
+<!-- Header -->
+<?php include("../incl/header.php");?>
+
+<!-- Page Content -->
+<div class="container">
+    <h1><span class="important"><?php echo $title?></span> :</h1>
+    <p class="pt-3 text-center">
+        <?php echo $description?> <br>
+        <a href="/views/function-views/randomQuote.php">Revenir au générateur de citations/proverbes.</a>
+    </p>
+
+    <table class="table table-bordered mt-5">
+                <thead>
+                    <tr>
+                        <th class="text-center" scope="col">Source</th>
+                        <th class="text-center" scope="col">Citation/Proverbe</th>
+                    </tr>
+                </thead>
+                <tbody class="quote-list text-center">
+
+                </tbody>
+            </table>
+
+<!-- Footer -->
+<?php include("../incl/footer.php");?>