Ajout de realDateTime sur le footer + hotfix

README.md

@@ -8,7 +8,7 @@
 
 Toutes les informations en détails sur le projet sont disponible sur [function.divlo.fr](https://function.divlo.fr/).
 
-(Projet uniquement en français pour le moment.)
+(Projet uniquement en français)
 
 [![FunctionProject](https://cloud.divlo.fr/public_files/others/FunctionProject.png)](https://function.divlo.fr/)
 

css/style.css

@@ -7,7 +7,7 @@ body {
     background-color: #181818;
     color:rgba(222, 222, 222, 0.9);
     font-family: 'Montserrat', 'Arial', sans-serif;
-    margin: 0 0 125px; /* bottom = footer height */
+    margin: 0 0 182px; /* bottom = footer height */
 }
 b {
     font-weight: bold;
@@ -59,7 +59,7 @@ footer
     position: absolute;
     left: 0;
     bottom: 0;
-    height: 125px;
+    height: 182px;
     width: 100%;
 }
 .footer-text
@@ -80,3 +80,10 @@ footer i:hover
 {
 	font-size: 30px;
 }
+.realDateTime {
+    padding-bottom: 20px;
+}
+#realDateTime {
+    font-size: 18px;
+    font-family: 'Roboto', 'sans-serif';
+}

incl/footer.php

@@ -1,6 +1,7 @@
         <footer class="text-center">
             <a href="#" class="yellow-color"><i class="fas fa-arrow-up"></i></a>
-            <div class="footer-text">Divlo | Tous droits réservés</div>
+            <div class="realDateTime">Affichage de l'heure en temps réel : <span class="yellow-color text-center" id="realDateTime"></span></div>
+            <div class="footer-text"><a href="https://divlo.fr/" target="_blank" class="yellow-color">Divlo</a> | Tous droits réservés</div>
         </footer>
 
     </body>

index.php

@@ -3,6 +3,8 @@
 
 <!-- Header -->
 <?php include("./incl/header.php");?>
+
+<!-- Menu -->
                 <ul class="navbar-nav ml-auto">
                     <li class="nav-item active">
                         <a class="nav-link" href="/index.php">Accueil<span class="sr-only">(current)</span></a>
@@ -33,7 +35,6 @@
   Je suis débutant en programmation donc si je commets une erreur dans le code, n'hésitez pas à me le faire savoir. <i class="fas fa-code"></i>
   <br><br>
   Vous pouvez m'envoyer vos avis, suggestion d'ajouts, éventuel bug/problème grâce à ce <a href="https://docs.google.com/forms/d/1NliUWi3lntHDM42Td0C47J0cZKgnYilxT_0UcdmVaog/" target="_blank">Feedback Formulaire</a> 📝.
-  <br>
   </p>
 </div>
 

scripts/fonctions.js

@@ -1,5 +1,5 @@
 /////////////////////////////////////////////////////////////////
-/* Fonctions Principales */ https://www.google.com/maps/search/?api=1&query=48.86,2.35
+/* Fonctions Principales */
 
 // Permet de faire une requête à l'API openweathermap.org
 function weatherRequest(url,toDo) {
@@ -183,7 +183,7 @@ function isEmptyValue(value) {
     }
 }
 
-// Fonction qui formate les nombres avec des espaces (ex : 76120 = 76 120)
+// Formate les nombres avec des espaces (ex : 76120 = 76 120)
 function formatNumberResult(num) {
     if (!isNaN(num))
     {
@@ -202,7 +202,7 @@ function formatNumberResult(num) {
     }
 }
 
-// Fonction qui convertit les puissances de 10 en nombre (ex: 1e+20 = 100 000 000 000 000 000 000), ne peut pas dépasser 1e+20 (21 ne fonctionne pas)
+// Convertit les puissances de 10 en nombre (ex: 1e+20 = 100 000 000 000 000 000 000), ne peut pas dépasser 1e+20 (21 ne fonctionne pas)
 function convertPuissanceToNumber(num) {
     if(!isNaN(num))
     {
@@ -215,31 +215,7 @@ function convertPuissanceToNumber(num) {
     }
 }
 
-// Fonction qui convertit un résultat en m/s en km/s
+// Calcul une valeur (= 100%) selon le pourcentage (ex: 25% de 100 = 25) 
-function msToKms(num) {
-    if (!isNaN(num))
-    {
-        return num / 1000;
-    }
-    else 
-    {
-        return messageError;
-    }
-}
-
-// Fonction qui convertit un résultat en m/s en km/h
-function msToKmh(num) {
-    if (!isNaN(num))
-    {
-        return num * 3.6;
-    }
-    else 
-    {
-        return messageError;
-    }
-}
-
-// Fonction qui calcul une valeur (= 100%) selon le pourcentage (ex: 25% de 100 = 25) 
 function calculPercentagePart(percentage,value) {
     if (!isNaN(percentage) && !isNaN(value))
     {
@@ -251,13 +227,13 @@ function calculPercentagePart(percentage,value) {
     }
 }
 
-// Fonction qui met une majuscule à la 1ère lettre d'une string
+// Met une majuscule à la 1ère lettre d'une string
 function capitalize (s) { 
     if (typeof s !== 'string') return ''
     return s.charAt(0).toUpperCase() + s.slice(1)
 }
 
-// Fonction qui donne la date et l'heure selon l'UTC (Universal Time Coordinated)
+// Donne la date et l'heure selon l'UTC (Universal Time Coordinated)
 function dateTimeUTC(utc) {
     if(typeof utc === 'string' && utc.length >= 1 && utc[0] === '-' || '0' || '+' || !isNaN(parseFloat(utc[0])))
     {   
@@ -343,7 +319,7 @@ function dateTimeUTC(utc) {
     }
 }
 
-// Fonction qui affiche la date et l'heure (format : dd/mm/yyyy - 00:00:00)
+// Affiche la date et l'heure (format : dd/mm/yyyy - 00:00:00)
 function showDateTime(enteredOffset) {
     year    = timeNow.getFullYear();
     month   = ('0'+(timeNow.getMonth()+1)).slice(-2);
@@ -358,7 +334,19 @@ function showDateTime(enteredOffset) {
     return showDateTimeValue;
 }
 
-// Fonction qui permet de récupérer le décalage en secondes depuis UTC grâce à l'API
+// Affiche l'heure en temps réel
+function realDateTime(id)
+{
+    timeNow = new Date;
+    showDateTime();
+    resultat = hour + ":" + minute + ":" + second;
+
+    document.getElementById(id).innerHTML = resultat;
+    setTimeout('realDateTime("'+id+'");','1000');
+    return true;
+}
+
+// Permet de récupérer le décalage en secondes depuis UTC grâce à l'API
 function timeZone(json) {
     if(json.name === 'Moscou') // Il faut ajouter + 1h de décallage à Moscou
     {

scripts/main.js

@@ -129,6 +129,8 @@ $(function () {
         }
     });
 
+    window.onload = realDateTime('realDateTime');
+
     // Fin de l'import des fonctions
     });
     // Fin de l'import des variables

views/function-list.php

@@ -3,6 +3,8 @@
 
 <!-- Header -->
 <?php include("../incl/header.php");?>
+
+<!-- Menu -->
                 <ul class="navbar-nav ml-auto">
                     <li class="nav-item">
                         <a class="nav-link" href="/index.php">Accueil</a>