| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/hku_html/hku_html/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HKU | Department of Medicine</title>
<link rel="shortcut icon" href="../dist/img/favicon.png">
<!-- 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">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap datepicker -->
<link rel="stylesheet" href="../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="../bower_components/select2/dist/css/select2.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/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="../dist/css/skins/skin-hku.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[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]-->
<!-- Google Font -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-red sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b><img src="../dist/img/favicon.png"></b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b><img src="../dist/img/favicon.png"> Medicine | HKU</b></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="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li>
<a href="#" class="pointer_none">
<i class="fa fa-user" aria-hidden="true" style="font-size: 1em;"></i>
<span class="hidden-xs">Admin</span>
</a>
</li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="login.html"> <i class="fa fa-sign-out" aria-hidden="true" style="font-size: 1em;"></i>
<span class="hidden-xs">Sign out</span> </a>
</li>
</ul>
</div>
</nav>
</header>
<!-- =============================================== -->
<!-- Left side column. contains the sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="active">
<a href="index.html">
<i class="fa fa-edit"></i> <span>Teaching Input</span>
</a>
</li>
<li>
<a href="queue.html">
<i class="fa fa-hourglass-2"></i> <span>Queue</span>
</a>
</li>
<li>
<a href="report.html">
<i class="fa fa-file-text-o"></i> <span>Report</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-university"></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 href="master_Title.html"><i class="fa fa-minus"></i> Title</a></li>
<li><a href="master_Hospital.html"><i class="fa fa-minus"></i> Hospital</a></li>
<li><a href="master_Division.html"><i class="fa fa-minus"></i> Division</a></li>
<li><a href="master_Team.html"><i class="fa fa-minus"></i> Team</a></li>
<li><a href="master_Subject.html"><i class="fa fa-minus"></i> Subject</a></li>
<li><a href="master_Type.html"><i class="fa fa-minus"></i> Type</a></li>
<li><a href="master_Staff.html"><i class="fa fa-minus"></i> Staff</a></li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- =============================================== -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>Teaching Input</h1>
<div class="head-right-top-options">
<a href="bulkupload.html" class="btn btn-primary">Bulk Upload</a>
<a href="createnew.html" class="btn btn-primary ml-10">Create New</a>
</div>
</section>
<!-- Main content -->
<section class="content mt-10">
<div class="box box-default">
<div class="box-body">
<div class="row">
<div class="col-md-4">
<h5 class="mb-5">Staff No:</h5>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">All</option>
<option>HUIKYC</option>
<option>ABC</option>
<option>APN</option>
<option>BUTYKD</option>
<option>CHAKWL</option>
</select>
</div>
<div class="col-md-4">
<h5 class="mb-5">Teaching Record ID:</h5>
<input type="text" class="form-control">
</div>
<div class="col-md-4">
<h5 class="mb-5"> </h5>
<button type="button" class="btn btn-primary">Find Record</button>
</div>
</div>
<div class="row mt-30">
<div class="col-md-12">
<div class="box-body table-responsive no-padding">
<table class="table table-hover">
<tbody><tr>
<th>ID</th>
<th>GroupID</th>
<th>Staff No.</th>
<th>Name</th>
<th>Title</th>
<th>Hospital</th>
<th>Division</th>
<th>Team</th>
<th>Subject</th>
<th>Date</th>
<th>Type</th>
<th>Hour</th>
<th>Clerkship</th>
<th>Rotation</th>
<th>Group</th>
<th>Location</th>
<th></th>
</tr>
<tr>
<td>3552</td>
<td>G1</td>
<td>LAUCP</td>
<td>LAU **</td>
<td>AC</td>
<td>QMH</td>
<td>TB</td>
<td>Resp</td>
<td>5101(Specialty)</td>
<td>4/7/2016</td>
<td>WCD25</td>
<td>2.5</td>
<td>Junior</td>
<td>1</td>
<td>1</td>
<td>Location A</td>
<td class="controls">
<a href="edit.html"><button class="btn btn-primary"><i class="fa fa-edit"></i></button></a>
<button class="btn bg-maroon"><i class="fa fa-trash"></i></button>
</td>
</tr>
<tr>
<td>3553</td>
<td>G1</td>
<td>LEUNGWK</td>
<td>LEUNG **</td>
<td>Prof</td>
<td>PP</td>
<td>Card</td>
<td>Card</td>
<td>5101(Specialty)</td>
<td>4/7/2016</td>
<td>WCD25</td>
<td>2.5</td>
<td>Junior</td>
<td>1</td>
<td>1</td>
<td>Location A</td>
<td class="controls">
<a href="edit.html"><button class="btn btn-primary"><i class="fa fa-edit"></i></button></a>
<button class="btn bg-maroon"><i class="fa fa-trash"></i></button>
</td>
</tr>
<tr>
<td>3554</td>
<td></td>
<td>TSEEWC</td>
<td>TSE **</td>
<td>HT</td>
<td>PY</td>
<td>Renal</td>
<td>Renal</td>
<td>5101(Specialty)</td>
<td>4/7/2016</td>
<td>ORI1</td>
<td>1</td>
<td>Junior</td>
<td>1</td>
<td>1</td>
<td>Location A</td>
<td class="controls">
<a href="edit.html"><button class="btn btn-primary"><i class="fa fa-edit"></i></button></a>
<button class="btn bg-maroon"><i class="fa fa-trash"></i></button>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
© 2018 Department of Medicine All Rights Reserved.
</footer>
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="../bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- InputMask -->
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="../bower_components/moment/min/moment.min.js"></script>
<script src="../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- bootstrap color picker -->
<script src="../bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll -->
<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- my script -->
<script src="../dist/js/script.js"></script>
<!-- Page script -->
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#datepicker').datepicker({
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})
</script>
<script type="text/javascript">
$("#datepicker").datepicker().datepicker("setDate", new Date());
</script>
</body>
</html>