refactor: debounce function to util.js

8286155e · AlphaThrone · 2cddd912 · 8286155e · 8286155e · 8286155e
Commit 8286155e authored 1 year ago by AlphaThrone
--- a/client/js/catalog.js
+++ b/client/js/catalog.js
 var activePage;

-
-
-function debounce(func, delay=1000){
-    let timer = null;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => func.apply(this, args), delay);
-    };
-}
-
-
-
 //Promise is to syncronize asyncronous process
 const input = document.getElementById("Searchinput");
 var myPromises = new Promise(function(resolve, reject){
    const formdata = new FormData();
-    formdata.append("signal", "getTotalRows");
    formdata.append('search', document.getElementById("Searchinput").value);
    console.log(input.value);
    
@@ -28,7 +15,7 @@ var myPromises = new Promise(function(resolve, reject){
            var responseData = JSON.parse(xhr.responseText);
            if (responseData.success){
                //if expected process occur during promise get the expected value
-                resolve(Math.ceil(responseData.total[0]/10)-1);
+                resolve(Math.ceil(responseData.total[0]/10));
            } else {
                alert("error: " + responseData.message);
                //unexpected process occur during promise
@@ -113,7 +100,7 @@ function changePage(page){
                        </button>`
                    }
                
-                    var endpage = numPages-4;
+                    var endpage = numPages-5;
                    
                    for (var i = 0; i < pages.length; i++){
                        

--- a/client/js/util.js
+++ b/client/js/util.js
+//debounce function utility
+function debounce(func, delay=1000){
+    let timer = null;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => func.apply(this, args), delay);
+    };
+}
--- a/client/pages/catalog.php
+++ b/client/pages/catalog.php
@@ -8,8 +8,9 @@
    <link rel="stylesheet" href="../css/sidebar.css">
    <script src="../js/navbar.js"></script>
    <script src="../js/sidebar.js"></script>
-    <script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
    <script src="../js/catalog.js"></script>
+    <script src="../js/util.js"></script>
+    <script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
 </head>
 <body>
    <div class="container">