From b376d3740085302ca46011a3378f10c5b8f98097 Mon Sep 17 00:00:00 2001
From: Vanessa Wiyono <13521151@std.stei.itb.ac.id>
Date: Thu, 5 Oct 2023 07:58:56 +0000
Subject: [PATCH] add debounce
---
index.php | 22 ++++++++++++++++++++--
1 file changed, 20 insertions(+), 2 deletions(-)
diff --git a/index.php b/index.php
index 57bc80c..030ee54 100644
--- a/index.php
+++ b/index.php
@@ -38,7 +38,7 @@
<li><a href="#">History</a></li>
<!-- Logout Button -->
<li>
- <form method="post" action="app/router.php">
+ <form method="post" action="home.php">
<button type="submit" name="userAction" value="logout">Logout</button>
</form>
</li>
@@ -100,7 +100,7 @@
<?php endif; ?>
<!-- Change input type to "text" for minimum stock -->
<input type="text" name="min_stock" placeholder="Min Stock" value="<?= htmlspecialchars($minStock) ?>">
- <button type="submit">Search</button>
+ <button type="submit" id="search-button">Search</button>
</form>
</div>
@@ -126,6 +126,24 @@
© 2023 Ticket Ku. All rights reserved.
</div>
</div>
+
+ <script>
+ // disable search button temporarily (DEBOUNCE)
+ function disableSearchButton() {
+ const searchButton = document.getElementById("search-button");
+ searchButton.disabled = true;
+
+ setTimeout(() => {
+ searchButton.disabled = false;
+ }, 1200); // 0.8s delay
+ }
+
+ document.querySelector(".search-bar form").addEventListener("submit", function (e) {
+ e.preventDefault();
+ disableSearchButton();
+ });
+ </script>
+
</body>
</html>
--
GitLab