EVOLUTION-NINJA
Edit File: admin_header.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Admin | Dashboard</title> <!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/admin_dashboard.css'); ?>"> <!-- Bootstrap 3.3.6 --> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/bootstrap.min.css'); ?>"> <link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url('public/assets/images/talent.svg'); ?>" /> <!-- Font Awesome --> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/font-awesome.min.css'); ?>"> <!-- Ionicons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> <!-- Theme style --> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/AdminLTE.min.css'); ?>"> <!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. --> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/_all-skins.min.css'); ?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css'); ?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/sweet_alert/sweet-alert.css'); ?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/datatables/dataTables.bootstrap.css'); ?>"> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/timepicker/jquery.timepicker.css'); ?>" /> <script src="<?php echo base_url('public/assets/js/jquery-2.2.3.min.js'); ?>"></script> <!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> --> <!-- Bootstrap 3.3.6 --> <script src="<?php echo base_url('public/assets/js/bootstrap.min.js'); ?>"></script> <!-- AdminLTE App --> <script src="<?php echo base_url('public/assets/js/app.min.js'); ?>"></script> <script type="text/javascript" src="<?php echo base_url('public/assets/toastr/toastr.min.js'); ?>"></script> <script src="<?php echo base_url('public/assets/sweet_alert/sweet-alert.js'); ?>"></script> <script src="<?php echo base_url('public/assets/datatables/jquery.dataTables.min.js'); ?>"></script> <script src="<?php echo base_url('public/assets/datatables/dataTables.bootstrap.min.js'); ?>"></script> <script type="text/javascript" src="<?php echo base_url('public/assets/timepicker/jquery.timepicker.js'); ?>"></script> </head> <?php $url = service('uri')->getSegment(1); ?> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <header class="main-header"> <!-- Logo --> <a href="<?php echo site_url('admin_dashboard'); ?>" class="logo"> <span class="logo-lg"><img src="<?php echo base_url('public/assets/images/Talent.svg'); ?>" class="img-responsive center-block" style="width:200px;"></span> </a> <!-- Header Navbar: style can be found in header.less --> <nav class="navbar navbar-static-top"> <!-- Sidebar toggle button--> <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> </a> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <!-- Messages: style can be found in dropdown.less--> <!-- Notifications: style can be found in dropdown.less --> <li class="dropdown notifications-menu" onclick="change_status();"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-bell-o"></i> <span class="label label-warning notification_count"></span> </a> <ul class="dropdown-menu"> <li class="header">You have <span class="notification_count"></span> notifications</li> <li> <!-- inner menu: contains the actual data --> <ul class="menu"> </ul> <li class="footer"><a href="<?php echo base_url('view-all-notifications'); ?>">View all</a></li> </li> </ul> </li> <!-- Tasks: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less --> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle profile_image" data-toggle="dropdown"> <!-- <img src="<?php //echo base_url('public/assets/images/'); ?>" class="user-image" alt="User Image"> <span class="hidden-xs"><?php //echo session()->get('username'); ?></span> --> </a> <ul class="dropdown-menu dropdown-user"> <li class="dropdown-submenu"> <a class="test" href="#"><i class="fa fa-cog" aria-hidden="true"></i> <b>Setting</b></a> <ul class="dropdown-menu"> <li> <a href="<?php echo site_url('admin-profile'); ?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a> </li> <li class="divider"></li> <li><a href="<?= site_url('update-password') ?>"><i class="fa fa-user fa-fw"></i><b>Update Password</b></a></li> </ul> </li> <li class="divider"></li> <li> <a href="<?php echo site_url('admin-logout'); ?>"><i class="fa fa-sign-out fa-fw"></i> <b>Logout</b></a> </li> </ul> </li> </ul> </div> </nav> </header> <!-- Left side column. contains the logo and sidebar --> <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar.less --> <section class="sidebar"> <!-- Sidebar user panel --> <div class="user-panel"> <!--<div class="pull-left image sidemenu_image">--> <!-- <img src="<?php //echo base_url('assets/images/dist/img/user2-160x160.jpg'); ?>" class="img-circle" alt="User Image">--> <!--</div>--> <!--<div class="pull-left info">--> <!-- <p><?php //echo $this->session->userdata('username'); ?></p>--> <!-- <a href="#"><i class="fa fa-circle text-success"></i> Online</a>--> <!--</div>--> </div> <!-- sidebar menu: : style can be found in sidebar.less --> <ul class="sidebar-menu"> <li class="header">MAIN NAVIGATION</li> <li class="treeview <?php if ($url == "categories" || $url == "sub-categories" || $url == "syllabus" || $url == "add-admin-topics") { echo "active"; } ?>"> <a href="<?php echo site_url('admin_dashboard'); ?>" class="dash" style="border-radius: 5px;"> <span class='dash'>Dashboard</span> </a> <a href="#" style="border-radius: 5px;"> <!--<i class="fa fa-dashboard"></i> --> <span>Master</span> <!--<span class="pull-right-container">--> <!-- <i class="fa fa-angle-left pull-right"></i>--> <!--</span>--> </a> <ul class="treeview-menu"> <!-- <li><a class="<?php //if ($url == "add-new-course-admin") { //echo "active actives"; // } ?>" href="<?php //echo site_url('add-new-course-admin'); ?>"><i class="fa fa-circle-o"></i>Add Course</a></li> --> <li><a class="<?php if ($url == "categories") { echo "active actives"; } ?>" href="<?php echo site_url('categories'); ?>"><i class="fa fa-circle-o"></i>Categories</a></li> <li><a class="<?php if ($url == "sub-categories") { echo "active actives"; } ?>" href="<?php echo site_url('sub-categories'); ?>"><i class="fa fa-circle-o"></i>Sub Categories</a></li> <li><a class="<?php if ($url == "syllabus") { echo "active actives"; } ?>" href="<?php echo site_url('syllabus'); ?>"><i class="fa fa-circle-o"></i>Syllabus</a></li> <li><a class="<?php if ($url == "add-admin-topics") { echo "active actives"; } ?>" href="<?php echo site_url('add-admin-topics'); ?>"><i class="fa fa-circle-o"></i>Add topics</a></li> </ul> </li> <li class="treeview <?php if ($url == "course" || $url == "course_list" || $url == "edit-course") { echo "active"; } ?>"> <a href="#" style="border-radius: 5px;"> <span>Course</span> </a> <ul class="treeview-menu"> <li><a class="<?php if ($url == "course") { echo "active actives"; } ?>" href="<?php echo site_url('course'); ?>"><i class="fa fa-circle-o"></i>Add Course</a></li> <li><a class="<?php if ($url == "add-new-course-admin") { echo "active actives"; } ?>" href="<?php echo site_url('add-new-course-admin'); ?>"><i class="fa fa-circle-o"></i>Add Chapter</a></li> <li><a class="<?php if ($url == "course_list" || $url == "edit-course") { echo "active actives"; } ?>" href="<?php echo site_url('course_list'); ?>"><i class="fa fa-circle-o"></i>Course List</a></li> </ul> </li> <li class="treeview <?php if ($url == "faculty-list" || $url == "view_faculty_details") { echo "active"; } ?>"> <a href="#" style="border-radius: 5px;"> <span>Faculty</span> </a> <ul class="treeview-menu"> <li><a class="<?php if ($url == "faculty-list" || $url == "view_faculty_details") { echo "active actives"; } ?>" href="<?php echo site_url('faculty-list'); ?>"><i class="fa fa-circle-o"></i>Faculty Lists</a></li> <!-- <li><a class="<?php //if ($url == "request-list") { //echo "active actives"; //} ?>" href="<?php //echo site_url('request-list'); ?>"> <i class="fa fa-circle-o"></i>Request Lists</a></li> --> </ul> </li> <li class="treeview <?php if ($url == "enrolled-users-list" || $url == "enrolled_users_details") { echo "active"; } ?>"> <a href="#" style="border-radius: 5px;"> <span>Enrolled Users</span> </a> <ul class="treeview-menu"> <li><a class="<?php if ($url == "enrolled-users-list" || $url == "enrolled_users_details") { echo "active actives"; } ?>" href="<?php echo site_url('enrolled-users-list'); ?>"><i class="fa fa-circle-o"></i>Enrolled Users Lists</a></li> </ul> </li> <li class="treeview <?php if ($url == "add-material-form" || $url == "admin-material-list" || $url == "material_list") { echo "active"; } ?>"> <a href="#" style="border-radius: 5px;"> <span>Contents</span> </a> <ul class="treeview-menu"> <li><a class="<?php if ($url == "add-material-form") { echo "active actives"; } ?>" href="<?php echo site_url('add-material-form'); ?>"><i class="fa fa-circle-o"></i>Add Content</a></li> <!-- <li><a class="<?php //if ($url == "admin-material-list") { //echo "active actives"; //} ?>" href="<?php //echo site_url('admin-material-list'); ?>"><i class="fa fa-circle-o"></i>Admin Content Lists</a></li> --> <li><a class="<?php if ($url == "material_list") { echo "active actives"; } ?>" href="<?php echo site_url('material_list'); ?>"><i class="fa fa-circle-o"></i>Faculty Content Lists</a></li> </ul> </li> <li class="treeview <?php if ($url == "feedback_list") { echo "active"; } ?>"> <a href="#" style="border-radius: 5px;"> <span>Feedback</span> </a> <ul class="treeview-menu"> <li><a class="<?php if ($url == "feedback_list") { echo "active actives"; } ?>" href="<?php echo site_url('feedback_list'); ?>"><i class="fa fa-circle-o"></i>Feedback List</a></li> </ul> </li> <li><a href="<?php echo site_url('institution-registrations'); ?>" class="reg" style="border-radius: 5px;"> <span class='reg'>Institution</span> </a> </li> </ul> </section> <!-- /.sidebar --> </aside> <script type="text/javascript"> $(document).ready(function() { setInterval(notifications, 2000); function notifications() { var type = 'get'; $.ajax({ type: type, url: "<?php echo site_url('get_notifications'); ?>", success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $('.notification_count').text(response.count); var fields = ""; $.each(response.notification, function(key, val) { fields += '<li><a href="#"><i class="fa fa-user text-red"></i>' + val.notification + '</a></li>'; }); $('.menu').html(fields); } else { $('.notification_count').text(0); } } }); } }); function change_status() { var type = 'get'; $.ajax({ type: type, url: "<?php echo site_url('change_notification_status'); ?>", success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $('.notification_count').text(response.count); var fields = ""; $.each(response.notification, function(key, val) { fields += '<li><a href="#"><i class="fa fa-user text-red"></i>' + val.notification + '</a></li>'; }); $('.menu').html(fields); } else { $('.notification_count').text(0); } } }); } admin_details(); function admin_details() { var type = 'get'; $.ajax({ type: type, url: "<?php echo site_url('get_admin_details'); ?>", success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var user_image = 'user-icon.jpg'; var content = ''; if (response.message.image != '') { content += '<img src="<?php echo base_url('public/course_images'); ?>/' + response.message.image + '" class="user-image" alt="User Image">'; } else { content += '<img src="<?php echo base_url('public/assets/images'); ?>/' + user_image + '" class="user-image" alt="User Image">'; } content += '<span class="hidden-xs"><?= session('username'); ?></span>'; $(".profile_image").html(content); var admin_name = ''; if (response.message.image != '') { admin_name += '<img src="<?php echo base_url('public/course_images'); ?>/' + response.message.image + '" class="img-circle" alt="User Image">'; } else { admin_name += '<img src="<?php echo base_url('public/assets/images'); ?>/' + user_image + '" class="img-circle" alt="User Image">'; } admin_name += '<p><?= session('username'); ?>- Admin<small></small></p>'; $(".admin_name").html(admin_name); var sidemenu_image = ''; if (response.message.image != '') { sidemenu_image += '<img src="<?php echo base_url('public/course_images'); ?>/' + response.message.image + '" class="img-circle" alt="User Image">'; } else { sidemenu_image += '<img src="<?php echo base_url('public/assets/images'); ?>/' + user_image + '" class="img-circle">'; } $(".sidemenu_image").html(sidemenu_image); } } }); } </script> <style> .treeview span { font-weight: bold; } .navbar-top-links li a { font-weight: bold !important; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: -168px; margin-top: -1px; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent !important; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: transparent !important; } .reg span { font-weight: bold; } </style> <script> $(document).ready(function() { $('.dropdown-submenu a.test').on("click", function(e) { $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script>