JezK
Edit File: dashboard.php
<?php include('admin_functions.php'); if($_SESSION['username']=='') { echo "<script>location.replace('index.php');</script>" ; } $admin=new adm_functions(); $registerusers_count = $admin->get_registed_users(); //$activeusers_count = $admin->get_active_users(); $activeusers_count = $admin->getAllactive_users(); $news_count = $admin->get_news_post_count(); $guestusers_count=$admin->get_registed_guestusers(); $guestactiveusers_count=$admin->getAllGuestUsers(); $currentPage='dashboard'; include"header.php"; ?> <div class="main-panel"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar bar1"></span> <span class="icon-bar bar2"></span> <span class="icon-bar bar3"></span> </button> <a class="navbar-brand" href="#">Dashboard - Statistics</a> </div> </div> <div class="collapse navbar-collapse"> </div> </nav> <div class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md-12 dMargn"> <div class="col-md-1" style="width:12.5%;float:left;"></div> <div class="col-md-3 block"> <div class="circle1"> <p class="p_padding"><?php echo $registerusers_count;?></p> <p class="p_style"><a class="anchor_clr"><b>No.Of Registered Users</b></a></p> </div> </div> <div class="col-md-3 block"> <div class="circle2"> <p class="p_padding"><?php echo count($activeusers_count);?></p> <p class="p_style"><a class="anchor_clr" data-toggle="modal" ><b>No.Of Active Users</b> </a> </p> </div> </div> <div class="col-md-3 block"> <div class="circle3"> <p class="p_padding"><?php echo $news_count; ?></p> <p class="p_style"><a class="anchor_clr" data-toggle="modal" ><b>No.Of News Posted</b></a> </p> </div> </div> </div> <div class="col-md-12 dMargn"> <div class="col-md-1" style="width:12.5%;float:left;"></div> <div class="col-md-3 block"> <div class="circle1"> <p class="p_padding"><?php echo $guestusers_count;?></p> <p class="p_style"><a class="anchor_clr"><b>No.Of Guest Users</b></a></p> </div> </div> <div class="col-md-3 block"> <div class="circle2"> <p class="p_padding"><?php echo count($guestactiveusers_count);?></p> <p class="p_style"><a class="anchor_clr" data-toggle="modal" ><b>No.Of Active Guest Users</b> </a> </p> </div> </div> </div> </div> </div> </div> <!-- Modal1 --> <!-- <div class="modal fade" id="myModal1" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Active Users</h4> </div> <div class="modal-body"> <div class="content table-responsive table-full-width"> <table class="table table-striped"> <thead> <th>S.No</th> <th>User Name</th> <th>No. Of News Posted</th> </thead> <tbody> <?php //$i=1; //if($activeusers_count){ //foreach($activeusers_count as $k=>$v){ ?> <tr> <td><?php //echo $i; ?></td> <td><?php //echo $v['name']; ?></td> <td><?php //echo $v['newscount']; ?></td> </tr> <?php //} } ?> </tbody> </table> </div> </div> </div> </div> </div> </div> --> <!-- Modal2 --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Number of News Posted</h4> </div> <div class="modal-body"> <div> <div class="form-group col-md-6 pull-left"> <select class="form-control " id="sel1" onchange="get_news_statistics(this.value)"> <option>Select</option> <option value="1">Daily</option> <option value="2">Weekly</option> <option value="3">Monthly</option> </select> </div> <div class="col-md-6 pull-right"> <label for="date" class="col-md-6 label-control">Select Date:</label> <div class="col-md-6"> <input type="text" class="form-control" name="date" id="datetimepicker_mask"> </div> </div> </div> <div style="clear:both;"></div> <div class="content table-responsive table-full-width"> <table class="table table-striped"> <thead> <th>S.No</th> <th>Date</th> <th>No. Of News Posted</th> <th>No. Of Users</th> </thead> <tbody> <tr> <td>1</td> <td>20/12/2016 8:50am</td> <td>10</td> <td>20</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <!-- Modal3 --> <div class="modal fade" id="myModal3" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Number Of News in a Category</h4> </div> <div class="modal-body"> <div> <div class="form-group col-md-4"> <select class="form-control" id="sel1"> <option>Select</option> <option>Daily</option> <option>Weekly</option> <option>Monthly</option> </select> </div> <div class="form-group col-md-3"> <select class="form-control" id="sel1"> <option>Category</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="col-md-5 "> <label for="date" class="col-md-4 label-control">Select Date:</label> <div class="col-md-8"> <input type="text" class="form-control" name="date" id="datetimepicker_mask1"> </div> </div> </div> <div class="content table-responsive table-full-width"> <table class="table table-striped"> <thead> <th>S.No</th> <th>Date</th> <th>No. Of News Posted</th> <th>No. Of Users</th> </thead> <tbody> <tr> <td>1</td> <td>20/12/2016 8:50am</td> <td>10</td> <td>20</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <?php include"footer.php" ?> <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> <style type="text/css"> .custom-date-style { background-color: red !important; } .input{ } .input-wide{ width: 500px; } </style> <script src="./jquery.js"></script> <script src="build/jquery.datetimepicker.full.js"></script> <script>/* window.onerror = function(errorMsg) { $('#console').html($('#console').html()+'<br>'+errorMsg) }*/ $('#datetimepicker_mask').datetimepicker({ mask:'9999/19/39 29:59' }); $('#datetimepicker_mask1').datetimepicker({ mask:'9999/19/39 29:59' }); </script> <script> function get_news_statistics(type) { alert(type); } </script>