JezK
Edit File: header.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Video Consultation</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="all,follow"> <link rel="shortcut icon" type="image/png" href="img/favicon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/custom.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/fontastic.css"> <!-- Google fonts - Roboto --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"> <!-- Custom Scrollbar--> <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"> <!-- theme stylesheet--> <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet"> <link rel="stylesheet" href="css/style.css" > <link rel="stylesheet" href="css/user.css" > <link rel="stylesheet" href="build/css/intlTelInput.css" /> <link rel="stylesheet" type="text/css" href="css/daterangepicker.css" /> <link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap4.min.css"> <!-- Favicon--> <!-- <link rel="shortcut icon" href="img/favicon.ico"> --> <!-- Tweaks for older IEs--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <!-- date picker start --> <!-- <link href="bdatepicker/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="bdatepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> --> <!-- date picker end --> </head> <style> </style> <?php include('classes/class_users.php'); $users=new Users(); $recentPractCountry = $users->practManCountry; $recentPractCountryID = $users->practManCountryID; if(!isset($_SESSION['id'])) { echo "<script>window.location='login.php';</script>"; } $page=basename($_SERVER['PHP_SELF']); $userPic="img/avatar-7.jpg"; if(isset($_SESSION['id'])) { $user = $users->getUsers('id',$_SESSION['id']); if(isset($user['0']['profile_pic']) && file_exists("uploads/".$user['0']['profile_pic']) && $user['0']['profile_pic']!='') { $userPic = "uploads/".$user['0']['profile_pic']; } } // $notifications = $users->listNotificationUser($_SESSION['id']); // print-r($notifications);exit; // echo count($notifications);exit; ?> <body> <!-- Side Navbar --> <nav class="side-navbar"> <div class="side-navbar-wrapper"> <div class="sidenav-header d-flex align-items-center justify-content-center"> <div class="sidenav-header-inner text-center"> <!-- <img src="img/avatar-7.jpg" alt="person" class="img-fluid rounded-circle"> --> <h2 class="text-dark mb-1 pb-2"><a href="index.php"><img src="img/logo1.png" alt="logo" style=" width:180px !important; height:41px !important"></a></h2> </div> <div class="sidenav-header-logo"> <a href="index.php" class="brand-small text-center"> <strong>LO</strong><strong class="text-primary">GO</strong></a> </div> </div> <div class="main-menu"> <ul id="side-main-menu" class="side-menu list-unstyled"> <li> <a href="appointment.php" <?php if($page == "appointment.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'appointment.php'){echo '<img src="img/appointments_selected.png">';}else{echo '<img src="img/appointments.png">';}?></i>Appointments</a> </li> <li> <a href="payments.php" <?php if($page == "payments.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'payments.php'){echo '<img src="img/paymens_selected.png">';}else{echo '<img src="img/paymens.png">';}?></i>Payments</a> </li> <li> <a href="document.php" <?php if($page == "document.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'document.php'){echo '<img src="img/documents_selected.png">';}else{echo '<img src="img/report.png">';}?></i>Documents</a> </li> <li> <a href="userNotifications.php" <?php if($page == "userNotifications.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'userNotifications.php'){echo '<img src="img/documents_selected.png">';}else{echo '<img src="img/report.png">';}?></i>Notifications</a> </li> <li> <a href="updateProfile.php" <?php if($page == "updateProfile.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'updateProfile.php'){echo '<img src="img/updateprofile_selected.png">';}else{echo '<img src="img/updateprofile.png">';}?></i>Update profile</a> </li> <li> <a href="settings.php" <?php if($page == "settings.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'settings.php'){echo '<img src="img/settings_selected.png">';}else{echo '<img src="img/settings.png">';}?></i>Settings</a> </li> <li> <a href="feedBack.php" <?php if($page == "feedBack.php"){echo 'class="active"';}else{}?>> <i><?php if($page == 'feedBack.php'){echo '<img src="img/feedback_selected.png">';}else{echo '<img src="img/feedback.png">';}?></i>Feedback</a> </li> <li> <a href="login.html" data-toggle="modal" data-target="#myModal1"><i><img src="img/logout.png"></i>Logout</a> </li> </ul> </div> <!-- logout start --> <!-- logout end --> <!-- <div class="admin-menu"> <h5 class="sidenav-heading">Second menu</h5> <ul id="side-admin-menu" class="side-menu list-unstyled"> <li> <a href="#"> <i class="icon-screen"> </i>Demo</a> </li> <li> <a href="#"> <i class="icon-flask"> </i>Demo <div class="badge badge-info">Special</div> </a> </li> <li> <a href=""> <i class="icon-flask"> </i>Demo</a> </li> <li> <a href=""> <i class="icon-picture"> </i>Demo</a> </li> </ul> </div> --> </div> </nav> <div class="page"> <!-- navbar--> <header class="header "> <nav class="navbar "> <div class="container-fluid"> <div class="navbar-holder d-flex align-items-center justify-content-between"> <div class="navbar-header"><a id="toggle-btn" href="#" class="menu-btn"><i class="icon-bars"> </i></a> <a href="appointment.php" class="navbar-brand"> <div class="brand-text d-none d-md-inline-block text-dark"><span>Dashboard </span> <strong class="text-primary"></strong></div> </a> </div> <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center"> <!-- Notifications dropdown--> <li class="nav-item dropdown notify-user"> <a id="notifications" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-bell show"></i><span class="badge badge-warning" id="n-count"></span></a> <ul aria-labelledby="notifications" class="dropdown-menu notification-h" id="unread"> </ul> </li> <!-- Messages dropdown--> <!-- <li class="nav-item dropdown"> <a id="messages" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-envelope"></i><span class="badge badge-info">10</span></a> <ul aria-labelledby="notifications" class="dropdown-menu"> <li> <a rel="nofollow" href="#" class="dropdown-item d-flex"> <div class="msg-profile"> <img src="img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle"></div> <div class="msg-body"> <h3 class="h5">Jason Doe</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2014</small> </div> </a> </li> <li> <a rel="nofollow" href="#" class="dropdown-item d-flex"> <div class="msg-profile"> <img src="img/avatar-2.jpg" alt="..." class="img-fluid rounded-circle"></div> <div class="msg-body"> <h3 class="h5">Frank Williams</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2014</small> </div> </a> </li> <li> <a rel="nofollow" href="#" class="dropdown-item d-flex"> <div class="msg-profile"> <img src="img/avatar-3.jpg" alt="..." class="img-fluid rounded-circle"></div> <div class="msg-body"> <h3 class="h5">Ashley Wood</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2014</small> </div> </a> </li> <li> <a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong> <i class="fa fa-envelope"></i>Read all messages </strong></a> </li> </ul> </li> --> <!-- Languages dropdown --> <li class="nav-item dropdown"> <a id="languages" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link language dropdown-toggle"> <img src="<?php echo $userPic;?>" alt="person" width="40px" height="40px" class="rounded-circle"> <!-- <span class="text-dark d-none d-sm-inline-block">English</span> --> </a> <ul aria-labelledby="languages" class="dropdown-menu"> <li> <a rel="nofollow" href="updateProfile.php" class="dropdown-item"> <!-- <img src="img/flags/16/DE.png" alt="English" class="mr-2"> --> <span>Profile</span> </a> </li> <li> <a rel="nofollow" href="settings.php" class="dropdown-item"> <!-- <img src="img/flags/16/FR.png" alt="English" class="mr-2"> --> <span>Settings</span> </a> </li> <li> <a rel="nofollow" href="logout.php" class="dropdown-item"> <!-- <img src="img/flags/16/FR.png" alt="English" class="mr-2"> --> <span>Logout</span> </a> </li> </ul> </li> <!-- Log out--> <!-- <li class="nav-item"> <a href="login.html" class="nav-link logout"> <span class="d-none d-sm-inline-block">Logout</span><i class="fa fa-sign-out"></i></a> </li> --> </ul> </div> </div> </nav> </header> <div class="container"> <div class="modal" id="myModal1"> <div class="modal-dialog m-logout"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header border-0"> <button type="button" class="close px-2 pt-2 pb-0" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body mx-4"> <h5 class="modal-title style-login mb-3">Logout</h5> <form action="" method="POST"> <div class="mt-3 mb-2 d-flex"> <h6 class="text-yellow mr-auto mb-0"><small class="font-600">Are you sure you want to logout? Any unsaved data will be lost</small></h6> </div> <div class="d-flex justify-content-end logout-btns"> <button class="btn btn-primary logout-no">No</button> <a href="javascript:void(0);" class="btn btn-primary logout-yes" onclick="logoutsuccess();">Yes</a> </div> </form> </div> </div> </div> </div> </div> <script> function logoutsuccess() { window.location='logout.php'; } </script> <script> function unreadNotification(){ $.post( "ajax.php", { action:"unreadnotifications", }, function(data) { if(!data) { $data=''; } else if (data !='') { var chartdata=data.split('#####') var x = chartdata[0]; var y = chartdata[1]; // alert(y) $("#unread").html(''); $("#unread").append(y); $("#n-count").html(''); $("#n-count").append(x); } } ); } setInterval(function(){ unreadNotification(); }, 5000); </script>