| 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/billingsystem/dashboard/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Customer</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<?php include 'inc/link-js.php'; ?>
<!-- End layout styles -->
<link rel="stylesheet" href="../assets/css/dropify.css?<?= rand(1, 10000) / 7; ?>" />
</head>
<body>
<div class="container-scroller">
<!-- partial:partials/_sidebar.html -->
<?php include 'inc/sidebar.php'; ?>
<!-- partial -->
<div class="container-fluid page-body-wrapper">
<!-- partial:partials/_navbar.html -->
<?php include 'inc/navbar.php'; ?>
<!-- partial -->
<div class="main-panel">
<!-- breadcrumb -->
<div class="page-title-box d-flex align-items-center justify-content-between">
<ol class="breadcrumb m-0 p-0">
<li class="breadcrumb-item active">Customer</li>
</ol>
<div class="page-title-right">
<div class="splitBtn pl-3 mb-md-0">
<button type="button" class="btn btn-indigo dropdown-toggle px-3 shadow_green" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-3">Action</span> <span class="sr-only"> Toggle Dropdown</span>
</button>
<div class="dropdown-menu dropdown-menu-right small">
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#addNew"> <i class="mdi mdi-plus-circle"></i> Add Customer</a>
<!-- <a class="dropdown-item" href="#" data-toggle="modal" data-target="#importCSV"><i class="mdi mdi-file-import"></i> Import</a> -->
<a class="dropdown-item" href="#"><i class="mdi mdi-checkbox-multiple-blank-circle"></i> Change Status</a>
<a class="dropdown-item" href="#"> <i class="mdi mdi-file-chart"></i> Export CSV</a>
</div>
</div>
</div>
</div>
<!-- breadcrumb end -->
<div class="content-wrapper pb-0">
<!-- alert Message -->
<?php include 'inc/alertmessage.php'; ?>
<!-- alert Message END-->
<div class="row searchWrap">
<div class="col-lg-10">
<div class="row searchDefault">
<!-- Search -->
<div class="col-lg-3">
<div class="form-group shadow">
<input type="text" class="form-control noborder" placeholder="Customer Code">
</div>
</div>
<div class="col-lg-3 ">
<div class="form-group shadow select2Multiple">
<select class="form-control" multiple="multiple" id="customSearch">
<option value="Jacket">Jacket</option>
<option value="May">May</option>
</select>
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<select class="form-control noborder shadow">
<option disabled selected>Customer Type</option>
<option value="Rental">Rental</option>
<option value="Retail">Retail</option>
</select>
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<select class="form-control noborder shadow">
<option disabled selected>Status</option>
<option value="All">All</option>
<option value="Active">Active</option>
<option value="Inactive">Inactive</option>
</select>
</div>
</div>
<div class="col-lg-6 searchAdditionItem">
<div class="form-group shadow select2Multiple">
<select class="form-control" multiple="multiple" id="districtSearch">
<option value="KwunTong">Kwun Tong</option>
<option value="SaiKung">Sai Kung</option>
</select>
</div>
</div>
<div class="col-lg-3 searchAdditionItem">
<div class="form-group shadow">
<input type="text" class="form-control noborder" placeholder="Contact Person">
</div>
</div>
<div class="col-lg-3 searchAdditionItem">
<div class="form-group shadow">
<input type="text" class="form-control noborder" placeholder="Tel">
</div>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="btn-group w-100 shadow whiteBg mb-2" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary w-100">
Clear </button>
<button type="button" class="btn btn-dark w-100">
Search </button>
</div>
<div class="text-center">
<a href="javascript:" class="small sbtn advancedSearchBtn"><i class="mdi mdi-shape-square-plus"></i> Advanced Search</a>
</div>
</div>
<!-- Search END -->
</div>
<div class="boxShadow whiteBg ">
<!-- Table -->
<div class="table-responsive">
<table id="customDT" class="table">
</table>
</div>
<!-- Table END -->
</div>
<!-- content-wrapper ends -->
<!-- partial:partials/_footer.html -->
<?php include 'inc/footer.php'; ?>
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- Modal import-->
<?php include 'component/import.php'; ?>
<!-- Modal Customer-->
<?php include 'component/add_customer.php'; ?>
<script src="../assets/datatables/buttons/1.1.2/js/dataTables.buttons.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/datatables/select/1.1.2/js/dataTables.select.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/bootstrap-datetimepicker.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/dataTables.checkboxes.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/jsgrid.js?<?= rand(1, 10000) / 7; ?>"></script>
<script>
$(document).on('click', '.textareaRow', function(e) {
if ($(this).val() != "") {
$(this).attr('rows', '4');
} else {
$(this).attr('rows', '1');
}
$(this).keyup(function() {
if ($(this).val() != "") {
$(this).attr('rows', '4');
} else {
$(this).attr('rows', '1');
}
});
});
$(function() {
var dataCustom = [{
id: 0,
text: 'ABC company'
},
{
id: 1,
text: 'BSG company'
}
];
$("#customSearch").select2({
placeholder: "Customer(EN+CH)",
allowClear: true,
data: dataCustom
});
$("#districtSearch").select2({
placeholder: "District",
allowClear: true
});
$("#customType").select2({
placeholder: "Customer Type",
allowClear: true
});
var columnDefs = [{
data: "column01",
title: "All"
}, {
render: function(data, type, row) {
id = row.column01;
var result =
'<div><a href="customer_detail.php"><i class="mdi mdi-account-card-details"></i> ' +
id +
'</a></div>';
return result;
},
title: "Code"
},
{
data: "column09",
title: "Customer(Eng)"
},
{
data: "column02",
title: "Customer(Chi)"
},
{
data: "column04",
title: "Contact person"
},
{
data: "column06",
title: "Title"
},
{
data: "column03",
title: "Tel"
},
{
data: "column08",
title: "Cust.Type"
},
{
data: "column05",
title: " Working District"
},
{
render: function(data, type, row) {
status = row.column07;
var result = '<label class="badge ' + row.column07class + ' ">' + status +
'</label>';
return result;
},
title: "Status"
}
];
var siteTable = $('#customDT').DataTable({
scrollX: true,
ajax: "../assets/json/custom_list.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,
columnDefs: [{
'targets': 0,
'checkboxes': {
'selectRow': false
}
}],
order: []
});
});
</script>
</body>
</html>