From 22aeaa9ca7be46db3c7a7f4f8e23ae47cdf5f857 Mon Sep 17 00:00:00 2001
From: nathaniacalista01 <nathania.calista01@gmail.com>
Date: Fri, 17 Nov 2023 00:32:06 +0700
Subject: [PATCH] feat : course's detail page
---
app/controllers/PremiumController.php | 14 ++++++
app/views/premium/detailCourse.php | 70 +++++++++++++++++++++++++++
app/views/premium/index.php | 4 +-
3 files changed, 87 insertions(+), 1 deletion(-)
create mode 100644 app/views/premium/detailCourse.php
diff --git a/app/controllers/PremiumController.php b/app/controllers/PremiumController.php
index 3179044..4282e12 100644
--- a/app/controllers/PremiumController.php
+++ b/app/controllers/PremiumController.php
@@ -24,5 +24,19 @@
// Meneruskan data ke view
return $this->view('premium','index',["page_number"=>$page_number,"courses"=>$courses,"type"=>"lists","max_page"=>$total_page]);
}
+
+ public function preview($params){
+ $middleware = $this->middleware("LoginMiddleware");
+ $middleware->hasLoggedIn();
+ $raw_modules = file_get_contents("http://host.docker.internal:8000/api/modul/course/".$params);
+ $raw_course = file_get_contents("http://host.docker.internal:8000/api/course/".$params);
+
+ $data = json_decode($raw_modules,true);
+ $data_course = json_decode($raw_course,true);
+ $course = $data_course["data"];
+ $modules = $data["data"];
+
+ return $this->view('premium','detailCourse',["course"=>$course,"modules"=>$modules]);
+ }
}
?>
\ No newline at end of file
diff --git a/app/views/premium/detailCourse.php b/app/views/premium/detailCourse.php
new file mode 100644
index 0000000..2a61345
--- /dev/null
+++ b/app/views/premium/detailCourse.php
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+ <link rel="stylesheet" href="../../public/css/course/detail.css">
+ <script src="../../public/js/details.js" defer></script>
+ <script src="../../public/js/detailsCourse.js" defer></script>
+</head>
+<body>
+ <?php include __DIR__ . '/../navbar/navbar.php' ?>
+ <section class="home-section">
+ <div class="wrapper">
+ <div class="header">
+ <?php
+ $course = $data["course"];
+ echo "<h1 class='course'>$course[title]</h1>";
+ ?>
+ </div>
+ <div class="course-section">
+ <div class="modules">
+ <div class="header-intro">
+ <p>Modules</p>
+ </div>
+ <div class="table-container">
+ <table class="table-module">
+ <tbody>
+ <?php
+ $modules = $data["modules"];
+ $course = $data["course"];
+ foreach ($modules as $module) { ?>
+ <tr>
+ <td>
+ <div class='row-container'>
+ <div class='module-title' onclick='navigateToMaterials(<?php echo $module["module_id"] ?>)'>
+ <span><?php echo $module['title'] ?></span>
+ </div>
+
+ </div>
+ </td>
+ </tr>
+ <?php } ?>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <div class="module-material-container" style='width:100%'>
+ <div class="material-box" style='width:100%'>
+ <div class="titles">
+ <?php
+ $course = $data["course"];
+ echo "<h3 id='course-title'>$course[title]</h3>";
+ ?>
+ </div>
+ <div class="material-content" style='width:auto;'>
+ <div class="material-text">
+ <p id="course-desc">
+ Welcome to this course!
+ </p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/premium/index.php b/app/views/premium/index.php
index a7a84cb..4320931 100644
--- a/app/views/premium/index.php
+++ b/app/views/premium/index.php
@@ -71,7 +71,8 @@
$image_path = isset($course["image_path"]) ? $course["image_path"]:"../../public/asset/banner1.png";
$formattedDate = date('d-m-y', strtotime($course['release_date']));
echo"
- <div class='card' onclick='openModal(\"$joined\",\"$course[id]\",\"$course[title]\",\"$course[description]\",\"$formattedDate\")' style='cursor: pointer;'>
+ <a href='/premium/preview/$course[id]' style='text-decoration: none; color: inherit; cursor: pointer;'>
+ <div class='card' style='cursor: pointer;'>
<div class='card-top'>
<img src='$image_path' alt='Blog Name'>
</div>
@@ -85,6 +86,7 @@
<p>$formattedDate</p>
</div>
</div>
+ </a>
";
}
?>
--
GitLab