File: /home/bibuzptr/elearning.bibu-edu.us/openuni/admin/program-courses.php
<?php
ob_start();
session_start();
include_once('../includes/db_connect.php');
$today = date('Y-m-d');
$now = date('Y-m-d H:i:s');
$year = date("Y");
if(isset($_SESSION["OpenUni^###DHSG"])){
$email = $_SESSION["OpenUni^###DHSG"];
$chkuser = mysqli_query($con,"SELECT * FROM admins WHERE admin_email='$email'");
while($row = mysqli_fetch_assoc($chkuser)){
$id = $row["id"];
$name = $row["admin_name"];
}
$url=$_GET['url'];
$query=mysqli_query($con,"SELECT * FROM courses WHERE url='$url'");
if(mysqli_num_rows($query)>0){
$coursedet=mysqli_fetch_assoc($query);
$courseid=$coursedet["id"];
}else{
header("Location:courses.php");
}
}
else{
header("Location:login.php");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title><?php echo $coursedet['title'] ?> | Breakthrough Open University</title>
<link rel="shortcut icon" type="image/x-icon" href="../assets/img/logo.png">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="../assets/plugins/fontawesome/css/all.min.css">
<link rel="stylesheet" href="../assets/css/feather.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/dashboard2.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
<style>
#cour{
background: #102044;
border-left: 6px solid #06bf1c;
color: #fff;
}
#programcoursemodal #login{
width: 90%;
margin: 10px;
display: block;
}
#programcoursemodal h2{
text-align: left;
}
#edtprogramcoursemodal #login{
width: 90%;
margin: 10px;
display: block;
}
#edtprogramcoursemodal h2{
text-align: left;
}
.menu{
background: #fff;
margin-top: -20px;
margin-bottom: 5px;
padding: 10px 0px 10px 20px;
border-bottom: 1px solid #ddd;
}
.menu .item{
background: #1e8c70;
font-size: 13px;
color: #fff;
padding: 5px 10px 5px 10px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="main-wrapper">
<?php include_once("../includes/header-courses.php") ?>
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-12 theiaStickySidebar">
<?php include_once("includes/aside.php") ?>
</div>
<div class="col-xl-9 col-lg-8 col-md-12">
<div class="row">
<div class="col-md-12">
<div class="settings-widget">
<div class="settings-inner-blk p-0">
<div class="sell-course-head comman-space">
<div class="row">
<div class="col-md-6">
<h3>Configure <?php echo $coursedet['title'] ?> </h3>
<p></p>
</div>
<div class="col-md-6">
<div class="go-dashboard text-center">
<a data-bs-toggle="modal" data-bs-target="#programcoursemodal" class="btn btn-primary">Create New Program Course</a>
</div>
</div>
</div>
</div>
<div class="comman-space pb-0">
<div class="settings-tickets-blk course-instruct-blk table-responsive">
<table id="dataTable" class="table table-striped table-nowrap mb-2">
<thead>
<tr>
<th>Program Course Title</th>
<th>Description</th>
<th>Hours</th>
<th>Course</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$chkplanners = mysqli_query($con,"SELECT * FROM programcourses WHERE courseid='$courseid' ORDER BY id ASC");
while($row = mysqli_fetch_assoc($chkplanners)){
$programcourseid = $row["id"];
$status = $row["status"];
$courseid=$row["courseid"];
?>
<tr>
<td><?php echo $row["programcoursetitle"];?></td>
<td><?php echo substr($row["programcoursedesc"],0,100);?>...</td>
<td><?php echo $row["hours"];?></td>
<td><?php echo mysqli_fetch_assoc(mysqli_query($con,"SELECT * FROM courses WHERE id='$courseid'"))['title'] ?></td>
<td>
<a title="configure lessons" href="course-units?url=<?php echo $row['url'] ?>" class="btn btn-sm btn-primary"><i class="fa fa-cog"> </i></a>
<a data-toggle="tooltip" data-placement="bottom" title="Edit Program Course">
<button class="btn btn-sm btn-primary edtprogramcourse" id="<?php echo $programcourseid;?>" data-title="<?php echo $row["programcoursetitle"];?>" data-programcoursedescription="<?php echo $row["programcoursedesc"];?>" data-programcoursenotes="<?php echo $row["programcoursenotes"];?>" data-hours="<?php echo $row["hours"];?>"><i class="fa fa-edit"></i></button>
</a>
<button class="btn btn-sm btn-danger delcourse" id="<?php echo $programcourseid;?>" data-toggle="tooltip" data-placement="bottom" title="Delete Program Course"><i class="fa fa-trash"></i></button>
<?php
if($status=="1"){ ?>
<a id="<?php echo $programcourseid ?>" title="deActivate" class="deactivate btn btn-sm btn-success"><i class="fa fa-toggle-on"> </i></a>
<?php }else{?>
<a id="<?php echo $programcourseid ?>" title="Activate" class="activate btn btn-sm btn-warning"><i class="fa fa-toggle-off"> </i></a>
<?php } ?>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="programcoursemodal" class="programcoursemodal modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4><i class="fa fa-list-alt"></i> <span id="addcourse">Add Program Course</span></h4>
</div>
<div class="add-course-form">
<form method="post" role="form" id="programcoursefrm" enctype="multipart/form-data">
<div class="add-course-inner-header">
<h4></h4>
</div>
<div class="input-block">
<label class="add-course-label">Program Course Title</label>
<input type="hidden" name="courseid" id="courseid" value="<?php echo $coursedet['id'] ?>">
<input type="hidden" name="id" id="id">
<input type="text" class="form-control" placeholder="Program Course Title" name="title" id="title" required>
</div>
<div class="input-block mb-0">
<label class="add-course-label">Program Course Description</label>
<textarea type="text" class="form-control" name="shortdescription" id="shortdescription" required></textarea>
</div>
<div style="display:none" class="input-block mb-0">
<label class="add-course-label">Program Course Notes</label>
<textarea type="text" class="form-control" name="description" id="description" required></textarea>
<script>
$(function(){
var $ckfield = CKEDITOR.replace( 'description' );
$ckfield.on('change', function() {
$ckfield.updateElement();
});
});
</script>
</div>
<div id="img11" class="add-course-inner-header">
<h4>Program Courses Media</h4>
</div>
<div id="img" class="input-block">
<label class="add-course-label">Program Course Attachment</label>
<input type="file" class="form-control" name="courseimage">
</div>
<div class="input-block mb-0">
<label class="add-course-label">Program Course Hours</label>
<input type="text" class="form-control" placeholder="eg 10 hours" name="hours" id="hours" required>
</div>
<button type="submit" class="btn btn-success btn-lg"><i class="fa fa-save"> </i>Save</button>
<p id="status11"></p>
</form>
</div>
</div>
</div>
</div>
<?php include_once("../includes/footer-course.php") ?>
<script>
$('#dataTable').DataTable({"aaSorting" : []});
$("#programcoursefrm").submit(function(e){
e.preventDefault();
$("#status11").html("<p class=' bg-success'><i class='fa fa-spinner fa-pulse'></i> Saving the programcourse...</p>");
$.ajax({
method: "POST",
url: "app/programcourses",
data: new FormData(this),
contentType: false,
processData: false,
cache:false
}).done(function(data){
if(data.status == "200"){
$("#status11").html("<p class=' bg-success'><i class='fa fa-check'></i> programcourse saved successfully.</p>");
window.location.replace("program-courses?url=<?php echo $url ?>");
}
if(data.message == "ERROR"){
$("#status11").html("<p class=' bg-danger'><i class='fa fa-exclamation-circle'></i> An error occured, please try again later.</p>");
}
});
});
//Activate a course
$(".activate").click(function(){
var programcourseid = $(this).attr("id");
var d = confirm('Are you sure you want to activate this course?');
if(d == false){
return false;
}
else{
$.ajax({
method:"post",
url:"app/activate-programcourse",
data:{programcourseid:programcourseid},
cache:false
}).done(function(data){
if(data.status == "200"){
alert("course activated successfully");
window.location.replace("program-courses?url=<?php echo $url ?>");
}else{
alert("error activating course");
}
});
}
});
//DeActivate a course
$(".deactivate").click(function(){
var programcourseid2 = $(this).attr("id");
var d = confirm('Are you sure you want to deactivate this course?');
if(d == false){
return false;
}
else{
$.ajax({
method:"post",
url:"app/activate-programcourse",
data:{programcourseid2:programcourseid2},
cache:false
}).done(function(data){
if(data.status == "200"){
alert("course deactivated successfully");
window.location.replace("program-courses?url=<?php echo $url ?>");
}else{
alert("error deactivating course");
}
});
}
});
//Delete a course
$(".delcourse").click(function(){
var programcourseid3 = $(this).attr("id");
var d = confirm('Are you sure you want to delete this course?');
if(d == false){
return false;
}
else{
$.ajax({
method:"post",
url:"app/activate-programcourse",
data:{programcourseid3:programcourseid3},
cache:false
}).done(function(data){
if(data.status == "200"){
alert("course deleted successfully");
window.location.replace("program-courses?url=<?php echo $url ?>");
}else{
alert("error deleting course");
}
});
}
});
//edit course
$(".edtprogramcourse").click(function(){
$("#id").val($(this).attr("id"));
$("#title").val($(this).attr("data-title"));
$("#shortdescription").val($(this).attr("data-programcoursedescription"));
CKEDITOR.instances['description'].setData($(this).attr("data-programcoursenotes"));
$("#hours").val($(this).attr("data-hours"));
$("#addcourse").html("Edit Program Course")
$("#img").hide()
$("#img1").hide()
$("#img11").hide()
$('.programcoursemodal').modal('show');
});
</script>
</div>
</html>