Skip to content

Instantly share code, notes, and snippets.

@d30jeff
Created July 22, 2015 14:59
Show Gist options
  • Select an option

  • Save d30jeff/9ca696a58244c7f5f31c to your computer and use it in GitHub Desktop.

Select an option

Save d30jeff/9ca696a58244c7f5f31c to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Manage Admins - NCBA &amp; E</title>
<?php include('head.php');?>
</head>
<body class="skin-blue sidebar-mini">
<div class="wrapper">
<?php include ('header.php');?>
<?php include ('sidebar.php');?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<button class="btn btn-success" name="add" >ADD NEW</button>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Admins</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">Manage Admins</h3>
</div><!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>FULL NAME</th>
<th>CNIC</th>
<th>FATHER NAME</th>
<th>D.O.B</th>
<th></th>
</tr>
</thead>
<tbody>
<?php
include('include/connect.php');
$sql="SELECT * FROM logins";
$q=mysqli_query($db_server, $sql);
while($r=mysqli_fetch_assoc($q)){
echo "<tr>
<td>".$r['full_name']."</td>
<td>".$r['cnic']."</td>
<td>".$r['father_name']."</td>
<td>".$r['dob']."</td>
<td><a class='moreBtn' value='".$r['id']."' data-toggle='modal' data-target='#more'>More..</a></td>
</tr>";
}
?>
</tbody>
<tfoot>
<tr>
<th>FULL NAME</th>
<th>CNIC</th>
<th>FATHER NAME</th>
<th>D.O.B</th>
<th></th>
</tr>
</tfoot>
</table>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.2.0
</div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer>
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
</div><!-- ./wrapper -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<script src="dist/js/app.min.js" type="text/javascript"></script>
<script src="dist/js/demo.js" type="text/javascript"></script>
<!-- page script -->
<script type="text/javascript">
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
$(".moreBtn").on('click', function(){
alert($(this).value());
});
});
</script>
<div class="modal fade" id="more" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Detail</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment