| 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_bk/ |
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>Order</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<?php include 'inc/link-js.php';?>
<!-- End layout styles -->
</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">
<div class="content-wrapper pb-0">
<div class="page-title-box d-sm-flex align-items-center justify-content-between mb-3">
<h4 class="mb-sm-0 font-size-18 ">Order</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0 p-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
<li class="breadcrumb-item active">Order</li>
</ol>
</div>
</div>
<div class="row ">
<div class="col-lg-12 mb-4">
<button type="button"
class="d-flex align-items-center btn btn-primary mt-2 mt-sm-0 btn-icon-text shadow_blue"
data-toggle="modal" data-target="#addNew">
<i class="mdi mdi-plus-circle mr-2"></i> <span>Add Customer</span> </button>
</div>
<div class="col-lg-4 mb-4">
<div class="d-flex align-items-center formSearch shadow">
<input type="text" class="form-control noborder navSearchInput" placeholder="Filter...">
<a class="align-self-center searchBtn" href="#">
<span class="mdi mdi-magnify"></span>
</a>
</div>
</div>
<div class="col-lg-3 mb-4">
<select class="form-control noborder shadow">
<option hidden>Type</option>
<option value="Order">Order</option>
</select>
</div>
<div class="col-lg-3 mb-4">
<select class="form-control noborder shadow">
<option hidden>Payment</option>
<option value="Yesterday">Pay on account</option>
<option value="Last7">PayMe</option>
<option value="Last30">Paypal</option>
</select>
</div>
<div class="col-lg-2 mb-4">
<select class="form-control noborder shadow">
<option hidden>Status</option>
<option value="hold">On hold</option>
<option value="Pending">Pending</option>
<option value="Complete">Complete</option>
<option value="Close">Close</option>
</select>
</div>
</div>
<div class="boxShadow whiteBg mb-4">
<div class="table-responsive">
<table id="customDT" class="table">
</table>
</div>
</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 Add-->
<div class="modal fade bd-example-modal-lg" id="addNew" tabindex="-1" role="dialog" aria-labelledby="addNew"
aria-hidden="true">
<div class="modal-dialog modal-md modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Add - New Customer
</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="card-body boxShadow whiteBg mb-3">
<div class="row">
<div class="col-md-12 d-flex justify-content-between">
<p>
<span class="bold"> Created At :</span> 2020/11/03 05:50:00
</p>
<div class="toggle-button-cover">
<input type="checkbox" class="toggle" id="toggle" />
<label for="toggle">
<span class="on">Active</span>
<span class="off">Inactive</span>
</label>
</div>
</div>
<div class="col-md-12">
<p>
Customer Id <span class="small text-muted">(Auto
Generate)</span>: <span class="text-danger"> #1232455</span>
</p>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="CustomerName">Customer Name</label>
<input type="text" class="form-control" id="CustomerName" placeholder="">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="Size">Size</label>
<select class="form-control" id="Size">
<option value="1-10">1-10</option>
<option value="10-20">10-20</option>
<option value="20 up">20 up</option>
<option value="30 up">30 up</option>
<option value="50 up">50 up</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="Salesman ">Salesman </label>
<select class="form-control" id="Salesman ">
<option value="1-10">1-10</option>
<option value="10-20">10-20</option>
<option value="20 up">20 up</option>
<option value="30 up">30 up</option>
<option value="50 up">50 up</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="4emarks ">Remarks </label>
<textarea class="form-control" id="Remarks" rows="4"></textarea>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Tel">Tel</label>
<input type="text" class="form-control" id="Tel" placeholder="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Fax ">Fax </label>
<input type="text" class="form-control" id="Fax" placeholder="">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="Email ">Email </label>
<input type="text" class="form-control" id="Email" placeholder="">
</div>
</div>
</div>
</div>
<div class="card-body boxShadow whiteBg mb-4">
<a class="collapseText" data-toggle="collapse" href="#brachItem" role="button"
aria-expanded="true" aria-controls="brachItem">Branch (Multiple)
</a>
<div class="collapse show" id="brachItem">
<div class="brachItem row align-items-center">
<div class="col-lg-3">
<div class="form-group">
<label for="BrachName ">Name </label>
<input type="text" class="form-control" id="BrachName" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="BrachTel ">Tel </label>
<input type="text" class="form-control" id="BrachTel" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="BrachFax ">Fax </label>
<input type="text" class="form-control" id="BrachFax" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="BrachBillAddress" class="nowrap">Bill Address </label>
<textarea class="form-control textareaRow" id="BrachBillAddress"
rows="1"></textarea>
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="BrachShipAddress" class="nowrap">Ship Address </label>
<textarea class="form-control textareaRow" id="BrachShipAddress"
rows="1"></textarea>
</div>
</div>
<div class="col-lg-1">
<button type="button" class="btn btn-light p-2 mbw-100"><i
class="mdi mdi-delete-forever"></i></button>
</div>
</div>
<hr>
<button type="button"
class="d-flex align-items-center sbtn btn-info mt-2 mt-sm-0 btn-icon-text">
<i class="mdi mdi-plus-circle mr-2"></i> <span>Add Branch</span>
</button>
</div>
</div>
<div class="card-body boxShadow whiteBg ">
<a class="collapseText" data-toggle="collapse" href="#ContactItem" role="button"
aria-expanded="true" aria-controls="ContactItem">Contact Person
</a>
<div class="collapse show" id="ContactItem">
<div class="brachItem row align-items-center">
<div class="col-lg-2">
<div class="form-group">
<label for="ContactName">Name </label>
<input type="text" class="form-control" id="ContactName" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="ContactTitle">Title </label>
<input type="text" class="form-control" id="ContactTitle" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="ContactTel ">Tel </label>
<input type="text" class="form-control" id="ContactTel" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label for="ContactFax ">Fax </label>
<input type="text" class="form-control" id="ContactFax" placeholder="">
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<label for="ContactEmail" class="nowrap">Email </label>
<textarea class="form-control textareaRow" id="ContactEmail"
rows="1"></textarea>
</div>
</div>
<div class="col-lg-1">
<button type="button" class="btn btn-light p-2 mbw-100"><i
class="mdi mdi-delete-forever"></i></button>
</div>
</div>
<hr>
<button type="button"
class="d-flex align-items-center sbtn btn-info mt-2 mt-sm-0 btn-icon-text">
<i class="mdi mdi-plus-circle mr-2"></i> <span>Add Contact</span>
</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary submitDate shadow_blue">Submit</button>
</div>
</div>
</div>
</div>
<script src="../assets/datatables/buttons/1.1.2/js/dataTables.buttons.min.js"></script>
<script src="../assets/datatables/select/1.1.2/js/dataTables.select.min.js"></script>
<script src="../assets/js/bootstrap-datetimepicker.js"></script>
<script src="../assets/js/loadPage.js"></script>
<script>
$(document).ready(function() {
var columnDefs = [{
render: function(data, type, row) {
order = row.column01;
var result =
'<div><a href="enquirynote.php?id=' +
order + '"><i class="mdi mdi-library-books"></i> ' + order +
'</a></div>';
return result;
},
title: "Order #"
},
{
data: "column02",
title: "Date"
},
{
render: function(data, type, row) {
custom = row.column03;
var result = '<div><a href="customer_detail.php">' + custom +
'</a></div>';
return result;
},
title: "Customer"
},
{
data: "column04",
title: "Type"
},
{
data: "column05",
title: "Payment"
},
{
render: function(data, type, row) {
status = row.column06;
var result = '<label class="badge ' + row.column06class + ' ">' + status +
'</label>';
return result;
},
title: "Status"
},
{
data: "column07",
title: "Total(HKD)"
}
];
var siteTable = $('#customDT').DataTable({
scrollX: true,
ajax: "../assets/json/custom_list.json",
columns: columnDefs,
select: 'single',
responsive: true,
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, "All"]
],
altEditor: true, // Enable altEditor
pageLength: 10
});
});
</script>
</body>
</html>