From 33edc1d9200ce60b59f1b3f5924c3282512caa4e Mon Sep 17 00:00:00 2001
From: rayhanp1402 <rayhan.hanif14maulana@gmail.com>
Date: Thu, 16 Nov 2023 19:06:56 +0700
Subject: [PATCH] ajax to node

---
 src/admin/gym/index.php              |  3 ++-
 src/public/javascript/gym/trainer.js | 27 +++++++++++++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/admin/gym/index.php b/src/admin/gym/index.php
index 76b8109..f1bad41 100644
--- a/src/admin/gym/index.php
+++ b/src/admin/gym/index.php
@@ -121,7 +121,8 @@ AuthMiddleware::getInstance()->secureRoute(true);
     <script src="/public/javascript/gym/trainer.js"></script>
     <script>
         // getGymTrainers(<?php echo $gym_id ?>);
-        getGymApplication(<?php echo $gym_id ?>);
+        // getGymApplication(<?php echo $gym_id ?>);
+        getTrainersByGymId(<?php echo $gym_id ?>);
     </script>
 </body>
 
diff --git a/src/public/javascript/gym/trainer.js b/src/public/javascript/gym/trainer.js
index d54618d..be6e581 100644
--- a/src/public/javascript/gym/trainer.js
+++ b/src/public/javascript/gym/trainer.js
@@ -28,11 +28,30 @@ let trainer_1 = {
 
   let trainerData = [trainer_1, trainer_2];
 
-// Functions
-// function getGymTrainers(gymId) {
-//     showGymTrainers(trainerData);
-// }
+function getTrainersByGymId(gymId) {
+    const xhr = new XMLHttpRequest();
 
+    const apiUrl = `http://localhost:3000/api/trainer?gym_id=${gymId}`;
+
+    xhr.open("GET", apiUrl, true);
+    xhr.setRequestHeader("X-API-KEY", "mbdmatkul4sks");
+
+    xhr.withCredentials = true;
+
+    xhr.onreadystatechange = function () {
+        if (this.readyState === 4) {
+            if (this.status === 200) {
+                const trainersData = JSON.parse(this.responseText);
+                console.log("Trainers data:", trainersData);
+            } else {
+                console.error("Error fetching trainers data");
+            }
+        }
+    };
+
+    xhr.send();
+}
+  
 function showGymTrainers(data) {
     const gymTrainerList = document.getElementById("gym-trainer-list");
     gymTrainerList.innerHTML = "";
-- 
GitLab