Skip to content
Snippets Groups Projects
Commit 6c0aa8fc authored by rayhanp1402's avatar rayhanp1402
Browse files

Initial work on Trainer viewing

parent 5db2ac97
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/admin/gym/index.php
+ 2
− 0
View file @ 6c0aa8fc
......@@ -116,7 +116,9 @@ AuthMiddleware::getInstance()->secureRoute(true);
<script src="/public/javascript/gym/format_card.js"></script>
<script src="/public/javascript/gym/trainer_card.js"></script>
<script src="/public/javascript/gym/application.js"></script>
<script src="/public/javascript/gym/trainer.js"></script>
<script>
getGymTrainers();
getGymApplication(<?php echo $gym_id ?>);
</script>
</body>
......
src/admin/gym/trainer/index.php
+ 44
− 0
View file @ 6c0aa8fc
<?php
require_once __DIR__ . '/../../../components/NavbarAdmin.php';
require_once __DIR__ . '/../../../middleware/AuthMiddleware.php';
AuthMiddleware::getInstance()->secureRoute(true);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/public/css/style.css">
<link rel="stylesheet" href="/public/css/application.css">
<title>Gym Finder App</title>
</head>
<body>
<div class="app">
<script>
const apikey = <?php echo json_encode($_ENV['API_KEY']) ?>;
const urlParams = new URLSearchParams(window.location.search);
const gymId = urlParams.get("gym_id");
const username = urlParams.get("trainer_username");
</script>
<?php
echo NavbarAdmin();
?>
<div class="space"></div>
<div class="application-container" id="application-trainer">
</div>
<div class="space"></div>
</div>
<script src="/public/javascript/gym/format_card.js"></script>
<script src="/public/javascript/gym/trainer_card.js"></script>
<script src="/public/javascript/gym/trainer.js"></script>
<script>
showTrainerData(trainerData[0]); // Temporary example
</script>
</body>
</html>
src/public/javascript/gym/trainer.js
+ 71
− 2
View file @ 6c0aa8fc
function getTrainer(){
// dummy data
let trainer_1 = {
username: "arnold123",
gym_id: 43,
trainer_name: "Arnold Schwarzenegger",
trainer_description: "Seven times champion of Mr. Olympia",
skill_name: "Arnold Press",
skill_description: "Shoulder press with slight modification"
}
let trainer_2 = {
username: "mike123",
gym_id: 43,
trainer_name: "Mike O'Hearn",
trainer_description: "Baby don't Hearn me",
skill_name: "Being natty",
skill_description: "Being a real natural (no cap)"
}
let trainerData = [trainer_1, trainer_2];
// Functions
function getGymTrainers() {
showGymTrainers(trainerData);
}
function showGymTrainers(data) {
const gymTrainerList = document.getElementById("gym-trainer-list");
gymTrainerList.innerHTML = "";
if (data.length == 0) {
gymTrainerList.innerHTML = `
<div class="space"></div>
<div class="gym-card-text"> No Aplication found </div>
`;
}
data.forEach((trainer) => {
gymTrainerList.innerHTML += TrainerCard(trainer);
});
}
function showTrainerData(trainer){
const gymTrainerList = document.getElementById("application-trainer");
gymTrainerList.innerHTML = `
<h2>Trainer Application</h2>
<table>
<tr>
<td><strong>Username</strong></td>
<td>${trainer.username}</td>
</tr>
<tr>
<td><strong>Gym ID</strong></td>
<td>${trainer.gym_id}</td>
</tr>
<tr>
<td><strong>Trainer Name</strong></td>
<td>${trainer.trainer_name}</td>
</tr>
<tr>
<td><strong>Trainer Description</strong></td>
<td>${trainer.trainer_description}</td>
</tr>
<tr>
<td><strong>Skill</strong></td>
<td>${trainer.skill_name}</td>
</tr>
<tr>
<td><strong>Skill Description</strong></td>
<td>${trainer.skill_description}</td>
</tr>
</table>
`
}
\ No newline at end of file
src/public/javascript/gym/trainer_card.js
+ 1
− 1
View file @ 6c0aa8fc
......@@ -39,7 +39,7 @@ function TrainerCard(trainer){
let tname = "trainer name : " + truncated_name;
let tusername = "username : " + trainer.username;
let trainer_card = `
<a class="gym-card" id="gym-card-${trainer.username}" href="./application/?gym_id=${trainer.gym_id}&trainer_username=${trainer.username}">
<a class="gym-card" id="gym-card-${trainer.username}" href="./trainer/?gym_id=${trainer.gym_id}&trainer_username=${trainer.username}">
<div class="trainer-card-text bold">
<div class="gym-card-text-bottom"> ${tname} </div>
<div class="space3"></div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment