| 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>Customer Detail</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 ">Customer Detail</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0 p-0">
<li class="breadcrumb-item"><a href="index.php">Dashboards</a></li>
<li class="breadcrumb-item"><a href="customer.php">Customer</a></li>
<li class="breadcrumb-item active">Customer Detail</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-md-8 col-xl-9">
<div class="boxShadow whiteBg mb-4 d-flex align-items-center justify-content-between">
<p class="mb-0 bold">Order Summay</p>
<div class="d-flex align-items-center small">
<i class="mdi mdi-calendar-clock mr-2"></i>
<p class="mb-0">Today</p>
</div>
</div>
<ul class="row p-0 ">
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-blue whiteFont shadow_blue">
<i class="mdi mdi-book-multiple"></i>
</div>
<div class="box-body">
<p class="h1">1200</p>
<p class="textellipsis mb-0 small">Orader Number</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-yellow whiteFont shadow_orange">
<i class="mdi mdi-credit-card-multiple"></i>
</div>
<div class="box-body">
<p class="h1 enText">Waiting Payment</p>
<p class="textellipsis mb-0 small">Statue</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-red whiteFont shadow_red">
<i class="mdi mdi-chart-bar"></i>
</div>
<div class="box-body">
<p class="h1">$22.2K</p>
<p class="textellipsis mb-0 small">$22.2K Net</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-lightblue whiteFont shadow_lightblue">
<i class="mdi mdi-cart"></i>
</div>
<div class="box-body">
<p class="h1">1100</p>
<p class="textellipsis mb-0 small">Items</p>
</div>
</div>
</li>
</ul>
<div class="boxShadow whiteBg mb-4">
<div class="table-responsive">
<table id="customDT" class="table">
</table>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3">
<div class="boxShadow whiteBg mb-4 customDeatil">
<div class="pb-4">
<div class="d-flex justify-content-between">
<span class="rounded-circle iconBox mb-3 shadow d-inline-block">
<i class="mdi mdi-account"></i>
</span>
<button type="button" class="sbtn btn-dark small shadow_dark"
data-toggle="modal" data-target="#Edit">Edit
</button>
</div>
<p class="mb-0 bold">Jackie (T0010) </p>
<a href="mailto:order@abcdefg.company.com"
class="small d-inline-block mb-2">order@abcdefg.company.com</a>
<ul class="iconList mb-3">
<li>
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li>
<i class="mdi mdi-fax"></i>
123213123
</li>
<li>
<i class="mdi mdi-home-variant"></i>
Size
</li>
<li>
<i class="mdi mdi-account-card-details"></i>
Salesman
</li>
</ul>
<p class="text-muted small mb-2">Branch (Multiple)</p>
<div class="boxShadow branchDetailItem whiteBg">
<a class="collapseText small mb-0 collapsed" data-toggle="collapse"
href="#branchDetailItem01" role="button" aria-expanded="false"
aria-controls="branchDetailItem01"> <i class="mdi mdi-account mr-1"></i>
Edinburgh
</a>
<div class="collapse" id="branchDetailItem01">
<ul class="iconList">
<li class="small">
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-fax"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-home-map-marker"></i>
<span class="text-muted">Bill Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
<li class="small">
<i class="mdi mdi-map-marker"></i>
<span class="text-muted">Ship Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
</ul>
</div>
</div>
<div class="boxShadow branchDetailItem whiteBg">
<a class="collapseText collapsed small mb-0" data-toggle="collapse"
href="#branchDetailItem02" role="button" aria-expanded="false"
aria-controls="branchDetailItem02"> <i class="mdi mdi-account mr-1"></i>
Edinburgh
</a>
<div class="collapse" id="branchDetailItem02">
<ul class="iconList">
<li class="small">
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-fax"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-home-map-marker"></i>
<span class="text-muted">Bill Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
<li class="small">
<i class="mdi mdi-map-marker"></i>
<span class="text-muted">Ship Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
</ul>
</div>
</div>
<div class="boxShadow branchDetailItem whiteBg">
<a class="collapseText small collapsed mb-0" data-toggle="collapse"
href="#branchDetailItem03" role="button" aria-expanded="false"
aria-controls="branchDetailItem03"> <i class="mdi mdi-account mr-1"></i>
Edinburgh
</a>
<div class="collapse" id="branchDetailItem03">
<ul class="iconList">
<li class="small">
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-fax"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-home-map-marker"></i>
<span class="text-muted">Bill Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
<li class="small">
<i class="mdi mdi-map-marker"></i>
<span class="text-muted">Ship Address:</span><br>
G/F 256 Shau Kei Road
Shau Kei Wan
</li>
</ul>
</div>
</div>
<hr>
<p class="text-muted small mb-2">Contact Person</p>
<div class="boxShadow contactDetailItem whiteBg">
<a class="collapseText collapsed small mb-0" data-toggle="collapse"
href="#ContactItem01" role="button" aria-expanded="false"
aria-controls="ContactItem01"> <i class="mdi mdi-account mr-1"></i>
Edinburgh
</a>
<div class="collapse" id="ContactItem01">
<ul class="iconList">
<li class="small">
<i class="mdi mdi-format-title"></i>
Title
</li>
<li class="small">
<i class="mdi mdi-email"></i>
order@abcdefg.company.com
</li>
<li class="small">
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-fax"></i>
123213123
</li>
</ul>
</div>
</div>
<div class="boxShadow contactDetailItem whiteBg">
<a class="collapseText collapsed small mb-0" data-toggle="collapse"
href="#ContactItem02" role="button" aria-expanded="false"
aria-controls="ContactItem02"> <i class="mdi mdi-account mr-1"></i>
Edinburgh
</a>
<div class="collapse" id="ContactItem02">
<ul class="iconList">
<li class="small">
<i class="mdi mdi-format-title"></i>
Title
</li>
<li class="small">
<i class="mdi mdi-email"></i>
order@abcdefg.company.com
</li>
<li class="small">
<i class="mdi mdi-cellphone-iphone"></i>
123213123
</li>
<li class="small">
<i class="mdi mdi-fax"></i>
123213123
</li>
</ul>
</div>
</div>
</div>
</div>
</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 Edit-->
<div class="modal fade bd-example-modal-lg" id="Edit" tabindex="-1" role="dialog" aria-labelledby="Edit"
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">Edit 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" checked 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" value="Jackie (T0010)"
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" selected>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" selected>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" value="123213123"
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" value="123213123"
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"
value="order@abcdefg.company.com" 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" value="Edinburgh"
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" value="123213123"
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" value="123213123"
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">G/F 256 Shau Kei Road Shau Kei Wan</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">G/F 256 Shau Kei Road Shau Kei Wan</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" value="Edinburgh"
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" value="Title"
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" value="123213123"
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" value="123213123"
placeholder="">
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<label for="ContactEmail" class="nowrap">Email </label>
<input type="text" class="form-control" id="ContactEmail"
value="order@abcdefg.company.com" placeholder="">
</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">Save</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) {
img = row.column01;
var result =
'<img src="' + img +
'" class="me-2 mr-3" alt="image"><span class="mb-0">' + row
.column01Title + '</span>';
return result;
},
title: "Detail"
},
{
render: function(data, type, row) {
status = row.column02;
var result = '<label class="badge ' + row.column02class + ' ">' + status +
'</label>';
return result;
},
title: "Status"
},
{
data: "column03",
title: "Unit Cross"
},
{
data: "column04",
title: "Tax"
},
{
data: "column05",
title: "Quty"
},
{
data: "column06",
title: "Total Gross"
}
];
var siteTable = $('#customDT').DataTable({
scrollX: true,
ajax: "../assets/json/custom_detail.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>