anti spam clic

3 files changed, 19 insertions, 4 deletions

diff --git a/public/js/main.js b/public/js/main.js
index d1459d5..1666b5c 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -29,11 +29,11 @@ function copyInClipBoard(link){
         toastNotify('Cette adresse a été copiée dans le presse-papier:<br>' + link);
 }
 
-function toastNotify(message){
+function toastNotify(message, duration = 5000){ // 5s par défault
     var toast = document.getElementById('toast');
     toast.innerHTML = message;
     toast.className = 'toast show';
-    setTimeout(function(){ toast.className = toast.className.replace('show', ''); }, 5000);
+    setTimeout(function(){ toast.className = toast.className.replace('show', ''); }, duration);
 }
 
 
diff --git a/public/js/maintenance.js b/public/js/maintenance.js
index 2ed7f98..0c28183 100644
--- a/public/js/maintenance.js
+++ b/public/js/maintenance.js
@@ -41,3 +41,18 @@ function cleanLogs(){
         });
         fetcher.send({});
 }
+
+function preventClickSpam(button){
+        if(button.disabled){
+        return;
+    }
+
+        button.disabled = true;
+        button.style.color = 'grey';
+        toastNotify('Veuillez patienter...', 1000);
+
+        setTimeout(() => {
+        button.disabled = false;
+        button.style.color = '#ff1d04';
+    }, 1000);
+}
\ No newline at end of file
diff --git a/src/view/templates/maintenance.php b/src/view/templates/maintenance.php
index 6b4d223..5b8fd18 100644
--- a/src/view/templates/maintenance.php
+++ b/src/view/templates/maintenance.php
@@ -19,7 +19,7 @@
         <div class="basic_div">
                 <p>
                         <a href="<?= new URL(['action' => 'get_mysqldump']) ?>">
-                                <button id="get_mysqldump">Télécharger une sauvegarde de la base de données</button>
+                                <button id="get_mysqldump" onclick="preventClickSpam(this)">Télécharger une sauvegarde de la base de données</button>
                         </a><br>
                         <i>Obtenir un fichier SQL à conserver sur votre ordinateur. Une sauvegarde (désignée par "auto") est réalisée à chaque visite de cette page.</i>
                 </p>
@@ -46,7 +46,7 @@
         <div class="basic_div">
                 <p>
                         <a href="<?= new URL(['from' => 'maintenance', 'action' => 'get_all_media']) ?>">
-                                <button id="get_all_media">Récupérer l'ensemble des fichiers mutimedia</button>
+                                <button id="get_all_media" onclick="preventClickSpam(this)">Récupérer l'ensemble des fichiers mutimedia</button>
                         </a><br>
                         <i>Toutes vos photos et vos documents dans un .zip</i>
                 </p>