| 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/course_admin/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<?php include 'inc/head.php'; ?>
<link href="./assets/css/datatables.min.css?<?php rand(10,100) ?>" rel="stylesheet" />
<?php include 'inc/links.php'; ?>
</head>
<body>
<div class="app-container app-theme-white body-tabs-shadow fixed-sidebar ">
<?php include 'inc/header.php'; ?>
<!-- <?php include 'inc/setting.php'; ?> -->
<div class="app-main">
<?php include 'inc/side_menu.php'; ?>
<div class="app-main__outer">
<div class="app-main__inner">
<div class="app-page-title">
<div class="page-title-wrapper">
<div class="page-title-heading">
<div>
設定公司課程
<!-- <div class="page-title-subheading">
This is an example dashboard created using build-in
elements and components.
</div> -->
</div>
</div>
<div class="page-title-actions">
<div class="page-title-actionsWrap dropdown">
<button type="button" class="btn-shadow btn btn-primary"
onclick="window.location.href = 'company_course_add.php';">
<span class="btn-icon-wrapper pr-2 opacity-7">
<i class="fas fa-plus-circle fa-w-20"></i>
</span>
新增
</button>
<!-- <div tabindex="-1" role="menu" aria-hidden="true"
class="dropdown-menu dropdown-menu-right">
<ul class="nav flex-column">
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-inbox"></i>
<span>
Inbox
</span>
<div class="ml-auto badge badge-pill badge-secondary">
86
</div>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-book"></i>
<span>
Book
</span>
<div class="ml-auto badge badge-pill badge-danger">
5
</div>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-picture"></i>
<span>
Picture
</span>
</a>
</li>
<li class="nav-item">
<a disabled href="javascript:void(0);" class="nav-link disabled">
<i class="nav-link-icon lnr-file-empty"></i>
<span>
File Disabled
</span>
</a>
</li>
</ul>
</div> -->
</div>
</div>
</div>
</div>
<div class="filterSearch">
<div class="row w-100 gaptop10">
<div class="col-md-6">
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">公司帳戶編號/名稱</span>
</div>
<select name="select" class="form-control">
<option>全部/公司A</option>
<option>公司B</option>
<option>公司C</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">課程名稱</span>
</div>
<select name="select" class="form-control">
<option>全部</option>
<option>課程A</option>
<option>課程B</option>
<option>課程C</option>
</select>
</div>
</div>
</div>
<button class="btn btn-secondary filterSubmitBtn"><i class="fas fa-search"></i> 搜尋</button>
</div>
<div class="table-responsive">
<table id="datatable" class="display table" style="width:100%">
<thead>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<?php include 'inc/footer.php'; ?>
</div>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
</div>
</div>
<?php include 'inc/custom.php'; ?>
<script type="text/javascript" src="./assets/scripts/main.js"></script>
<script>
$(document).ready(function() {
function format(d) {
var row = '';
$.each(d.column07, function(index, item) {
row += ` <tr>
<td>${item.name_tc}</td>
<td>${item.name_en}</td>
<td>${item.id}</td>
<td>${item.tel}</td>
<td>${item.startdate}</td>
<td>${item.enddate}</td>
</tr>`;
});
// `d` is the original data object for the row
return (
`<table class="table" style="width:100%">
<thead>
<tr>
<th>員工中文名稱</th>
<th>員工英文名稱</th>
<th>身份証號碼(英文字母及頭四位數字)</th>
<th>聯絡電話</th>
<th>報名日期時間</th>
<th>完成日期時間</th>
</tr>
</thead>
<tbody>
<tr>
${row}
</tr>
</tbody>
</table>`
);
}
var columnDefs = [{
className: 'dt-control',
orderable: false,
data: null,
defaultContent: '',
}, {
data: "column01",
title: "公司帳戶名稱"
}, {
data: "column02",
title: "課程名稱/編號"
}, {
data: "column03",
title: "開放日期",
}, {
data: "column04",
title: "完結日期"
}, {
render: function(data, type, row) {
var result =
`<a href="course_record.php">查閱/管理</a>`;
return result;
},
title: "參加者名單"
}, {
render: function(data, type, row) {
var result =
`<div class="mb-2 mr-2 badge badge-${row.column06}">${row.column05}</div>`;
return result;
},
title: "狀態"
},
{
render: function(data, type, row) {
status = row.column12;
var result =
`<button class="mb-2 mr-2 btn btn-info text-white" ><i class="fas fa-eye"></i></button> <button class="mb-2 mr-2 btn btn-warning text-white" onclick="window.location.href = 'company_course_edit.php';"><i class="fas fa-pencil-alt"></i></button> <button class="mb-2 mr-2 btn btn-danger text-white" ><i class="fas fa-trash-alt"></i></button> `;
return result;
},
title: "動作"
}
];
var siteTable = $('#datatable').DataTable({
scrollX: false,
ajax: "../course_admin/assets/json/demo_data3.json",
columns: columnDefs,
searching: false,
select: 'single',
responsive: true,
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, "All"]
],
altEditor: true, // Enable altEditor
pageLength: 10,
order: []
});
$('#datatable tbody').on('click', 'td.dt-control', function() {
var tr = $(this).closest('tr');
var row = siteTable.row(tr);
if (row.child.isShown()) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
} else {
// Open this row
row.child(format(row.data())).show();
tr.addClass('shown');
}
});
});
</script>
</body>
</html>