cief/IZYIM-Prototype
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git synced 2026-09-01 02:53:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitlab.com/ciefworldwide/IZYIM

Browse Source
This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-07-28 12:32:57 +08:00
parent ac3c562d6f d45aea5ed0
commit a8f98cc1f2
8 changed files with 1832 additions and 1556 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Forwarder/chat.html
+82 -71
View File
@@ -823,69 +823,69 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
<div class="profile-userpic">
<img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt="" style="width:200px;height:200px;"> </div>
<br/>
<a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
</div>
<div class="tab-pane active" id="tab_1_1">
<form role="form" action="#">
<table style="width:100%">
<form action="#" class="form-horizontal form-row-seperated">
<tr>
<div class="form-group">
<td> <label class="control-label">First Name </label></td>
<td><label class="control-label">: Syed </label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Last Name </label></td>
<td><label class="control-label">: Amir</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Phone No </label></td>
<td><label class="control-label">: 0142536987</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Email</label></td>
<td><label class="control-label">: amirleader@gmail.com</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Position</label></td>
<td><label class="control-label">: Sales</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Interests</label></td>
<td><label class="control-label">: Design</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Occupation</label></td>
<td><label class="control-label">: Forwarder</label></td>
</div>
</tr>
</form>
</table>
</form>
</div>
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
<div class="profile-userpic">
<img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt="" style="width:200px;height:200px;"> </div>
<br/>
<a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
</div>
<div class="tab-pane active" id="tab_1_1">
<form role="form" action="#">
<table style="width:100%">
<form action="#" class="form-horizontal form-row-seperated">
<tr>
<div class="form-group">
<td> <label class="control-label">First Name </label></td>
<td><label class="control-label">: Syed </label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Last Name </label></td>
<td><label class="control-label">: Amir</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Phone No </label></td>
<td><label class="control-label">: 0142536987</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Email</label></td>
<td><label class="control-label">: amirleader@gmail.com</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Position</label></td>
<td><label class="control-label">: Sales</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Interests</label></td>
<td><label class="control-label">: Design</label></td>
</div>
</tr>
<tr>
<div class="form-group">
<td><label class="control-label">Occupation</label></td>
<td><label class="control-label">: Forwarder</label></td>
</div>
</tr>
</form>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
@@ -897,10 +897,15 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<h1>Images</h1>
<br/>
<img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<span class="caption-subject bold font-purple-plum uppercase"> Documents </span>
</div>
</div>
<img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;">
</div>
<button type="button" class="btn green"><i class="fa fa-upload" aria-hidden="true"></i> Upload </button>
</div>
</div>
</div>
@@ -909,19 +914,25 @@
<div class="modal fade" id="doc" tabindex="-1" role="doc" aria-hidden="true">
<div class="portlet-body" >
<div class="portlet-body" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<h1>Document</h1>
<br/>
<img src="../assets/global/img/attachment.PNG" alt="Container" >
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<span class="caption-subject bold font-purple-plum uppercase"> Documents </span>
</div>
</div>
<img src="../assets/global/img/attachment.PNG" alt="Container" >
</div>
<button type="button" class="btn green"><i class="fa fa-upload" aria-hidden="true"></i> Upload </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTAINER -->
Forwarder/company.html
+8 -8
View File
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
<head>
<meta charset="utf-8" />
<title>IZYIM | Company Settings</title>
<title>IZYIM | Company Settings</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
@@ -306,16 +306,16 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="col-md-12">
<div class="table-scrollable">
<table class="table table-hover dataTable" id="sample_1" role="grid" aria-describedby="sample_1_info">
<table class="table table-striped table-hover table-bordered" id="sample_1" aria-describedby="sample_1_info">
<tbody>
<tr class="gradeX odd" role="row">
<td><ul><li><a href="team.html">CIEF Worldwide</a></li></ul></td>
<tr>
<td><a href="team.html">CIEF Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
</tr>
<tr class="gradeX odd" role="row">
<td><ul><li><a href="#">ABC Worldwide</a></li></ul></td>
<tr>
<td><a href="#">ABC Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
</tr>
<tr class="gradeX odd" role="row">
<td><ul><li><a href="#">DEF Worldwide</a></li></ul></td>
<tr>
<td><a href="#">DEF Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
</tr>
</tbody>
</table>
Forwarder/deliveryarrange.html
+362 -400
View File
@@ -48,41 +48,72 @@ License: You must have a valid license purchased only from themeforest(the above
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<style>
div.dt-button-collection {
margin-top: 70px;
}
.table td, .table th {
font-size: 10px;
text-align:center;
vertical-align: middle;
}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: right;
}
.table thead tr th{
font-size: 10px;
text-align:center;
vertical-align: middle;
}
.filterIcon {
height: 10px;
width: 10px;
}
.modalFilter {
display: none;
height: auto;
position: absolute;
z-index: 10000001;
}
.modal-footer {
padding: 15px;
text-align: left;
border-top: 1px solid #e5e5e5;
}
.dt-buttons{
margin-top: 0px !important;
}
#mask {
display: none;
background: transparent;
position: fixed;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 1000;
}
.table td, .table th {
font-size: 10px;
text-align:center;
vertical-align: middle;
}
.table thead tr th{
font-size: 10px;
text-align:center;
vertical-align: middle;
}
div.dt-button-collection{
margin-top: 100px;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
padding-right: 18px;
padding-left: 10px;
}
@media (min-width: 992px) {
.page-content-wrapper .page-content {
margin-left: 200px;
}
}
@media (min-width: 992px){
.page-sidebar {
width: 200px;
float: left;
position: relative;
margin-right: -100%;
}
}
</style>
</head>
@media (min-width: 992px) {
.page-content-wrapper .page-content {
margin-left: 200px;
}
}
@media (min-width: 992px){
.page-sidebar {
width: 200px;
float: left;
position: relative;
margin-right: -100%;
}
}
#example2_filter{
float:right;
}
</style>
</head>
<!-- END HEAD -->
@@ -272,8 +303,8 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
<div class="caption">
<i class="fa fa-cogs"></i><strong>Delivery Arrangement Status</strong> </div>
<div class="actions">
<div class="btn-group">
<a class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal" > Arrange Delivery
<div class="btn-group" style="display:none">
<a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal" > Arrange Delivery
</a>
</div>
<div class="btn-group">
@@ -315,183 +346,8 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
</div>
<div class="portlet-body">
<div class="table-container">
<table style="" class="table table-striped table-bordered table-hover" id="sample_3">
<thead>
<tr>
<th> No </th>
<th> Delivery Date <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li>
<div class="input-group input-daterange">
<input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
<div class="input-group-addon">to</div>
<input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
</div>
<li>
</ul>
</th>
<th> Driver Details </th>
<th> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> Status </a> <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="status" value="Warehouse Received" type="checkbox"/>&nbsp;Warehouse Received</li>
<li><input onchange="filterme()" name="status" value="Container loading" type="checkbox"/>&nbsp;Container loading</li>
<li><input onchange="filterme()" name="status" value="ETD" type="checkbox"/>&nbsp;ETD</li>
</ul>
</th>
<th> Order No <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;00001</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;00002</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;00003</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;00004</li>
<li><input onchange="filterme()" name="orderno" value="00005" type="checkbox"/>&nbsp;00005</li>
</ul>
</th>
<th> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Customer Code"> Cust<br/> Code </a> <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="custcode" value="CIEF/0003" type="checkbox"/>&nbsp;CIEF/0003</li>
<li><input onchange="filterme()" name="custcode" value="CIEF/0004" type="checkbox"/>&nbsp;CIEF/0004</li>
<li><input onchange="filterme()" name="custcode" value="CIEF/0005" type="checkbox"/>&nbsp;CIEF/0005</li>
<li><input onchange="filterme()" name="custcode" value="CIEF/0007" type="checkbox"/>&nbsp;CIEF/0007</li>
<li><input onchange="filterme()" name="custcode" value="CIEF/0008" type="checkbox"/>&nbsp;CIEF/0008</li>
</ul>
</th>
<th> Area </th>
<th> State </th>
<th> Shipment<br/> No <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="shipno" value="CTN56" type="checkbox"/>&nbsp;CTN56</li>
<li><input onchange="filterme()" name="shipno" value="CTN55" type="checkbox"/>&nbsp;CTN55</li>
<li><input onchange="filterme()" name="shipno" value="CTN54" type="checkbox"/>&nbsp;CTN54</li>
<li><input onchange="filterme()" name="shipno" value="CTN53" type="checkbox"/>&nbsp;CTN53</li>
</ul>
</th>
<th> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Container Number"> Cont<br/> No </a> <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>
</ul>
</th>
<th> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Departure"> ETD </a> <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/>&nbsp;03-07-2017</li>
</ul>
</th>
<th> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Arrival"> ETA </a><br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/>&nbsp;03-07-2017</li>
</ul>
</th>
</tr>
</thead>
<tbody>
<tr>
<td> <center>1</center> </td>
<td> 03-07-2017 </td>
<td>Vehicle No : JKB1111<br/>
Contact Person : Samad<br/>
Contact No: 012345689
</td>
<td>Delivery Request Sent</td>
<td> <a href="chat.html"> 00005 <span style="margin-bottom: 20px;" class="badge badge-danger">5</span></a> </td>
<td> CIEF/0008 </td>
<td> CTN56 </td>
<td> Bangi </td>
<td> Selangor </td>
<td> 123456 </td>
<td> 03-07-2017 </td>
<td> <span style="color:red"><strong>03-07-2017<br/>Delayed</strong></span> </td>
</tr>
<tr>
<td> <center>2</center> </td>
<td> 03-07-2017 </td>
<td>Vehicle No : JKB1111<br/>
Contact Person : Samad<br/>
Contact No: 012345689
</td>
<td>Delivery Request Sent</td>
<td> <a href="chat.html">00004 <span style="margin-bottom: 20px;" class="badge badge-danger">10</span></a> </td>
<td> CIEF/0007 </td>
<td> CTN55 </td>
<td> Bangi </td>
<td> Selangor </td>
<td> 123456 </td>
<td> 03-07-2017 </td>
<td> 03-07-2017 </td>
</tr>
<tr>
<td> <center>3</center> </td>
<td> 01-07-2017 </td>
<td>Vehicle No : JKB1111<br/>
Contact Person : Samad<br/>
Contact No: 012345689
</td>
<td>Delivery Arrangement Accepted</td>
<td> <a href="chat.html">00003</a> </td>
<td> CIEF/0005 </td>
<td> CTN54 </td>
<td>Masai </td>
<td> Johor </td>
<td> 123456 </td>
<td> 03-07-2017 </td>
<td> <span style="color:red"><strong>15-07-2017<br/>Delayed</strong></span> </td>
</tr>
<tr>
<td> <center>4</center> </td>
<td> 30-06-2017 </td>
<td>Vehicle No : JKK2222<br/>
Contact Person : Handsome<br/>
Contact No: 012345689
</td>
<td>Delivery Arrangement Accepted</td>
<td> <a href="chat.html">00002 <span style="margin-bottom: 20px;" class="badge badge-danger">1</span></a> </td>
<td> CIEF/0004 </td>
<td> CTN53 </td>
<td> Kota Bahru </td>
<td> Kelantan </td>
<td> 123456 </td>
<td> <span style="color:red"><strong>28-06-2017<br/>Delayed</strong> </span> </td>
<td> 03-07-2017 </td>
</tr>
<tr>
<td> <center>5</center> </td>
<td> 29-06-2017 </td>
<td>Vehicle No : JLK3333<br/>
Contact Person : Hantam<br/>
Contact No: 012345689
</td>
<td>Delivery Arrangement Accepted</td>
<td> <a href="chat.html">00001</a> </td>
<td> CIEF/0003 </td>
<td> CTN53 </td>
<td> Marang </td>
<td> Terengganu </td>
<td> 123456 </td>
<td> <span style="color:red"><strong>28-06-2017<br/>Delayed</strong> </span> </td>
<td> 03-07-2017 </td>
</tr>
</tbody>
</table>
<div id="mask"></div>
<table id="example" class="table table-striped table-bordered table-hover material-table"></table>
</div>
</div>
@@ -543,166 +399,8 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
<hr>
<div class="table-container">
<table style="" class="table table-striped table-bordered table-hover" id="sample_4">
<thead>
<tr>
<th style="padding-right: 0px;padding-left: 0px;">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="group-checkable" data-set="#sample_4 .checkboxes" />
<span></span>
</label>
</th>
<th style="padding-right: 10px;padding-left: 10px;">No </th>
<th style="padding-right: 10px;padding-left: 10px;">ETA</th>
<th style="padding-right: 10px;padding-left: 10px;">Shipment <br/> No
<br/><button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme2()" name="shipno2" value="CTN56" type="checkbox"/>&nbsp;CTN56</li>
<li><input onchange="filterme2()" name="shipno2" value="CTN55" type="checkbox"/>&nbsp;CTN55</li>
<li><input onchange="filterme2()" name="shipno2" value="CTN54" type="checkbox"/>&nbsp;CTN54</li>
<li><input onchange="filterme2()" name="shipno2" value="CTN53" type="checkbox"/>&nbsp;CTN53</li>
</ul>
</th>
<th style="padding-right: 0px;padding-left: 0px;">Order <br/>No
<br/><button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme2()" name="orderno2" value="00001" type="checkbox"/>&nbsp;00001</li>
<li><input onchange="filterme2()" name="orderno2" value="00002" type="checkbox"/>&nbsp;00002</li>
<li><input onchange="filterme2()" name="orderno2" value="00003" type="checkbox"/>&nbsp;00003</li>
<li><input onchange="filterme2()" name="orderno2" value="00004" type="checkbox"/>&nbsp;00004</li>
<li><input onchange="filterme2()" name="orderno2" value="00005" type="checkbox"/>&nbsp;00005</li>
</ul>
</th>
<th style="padding-right: 0px;padding-left: 0px;">Cust <br/> Code
<br/><button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0007" type="checkbox"/>&nbsp;CIEF/0007</li>
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0006" type="checkbox"/>&nbsp;CIEF/0006</li>
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0005" type="checkbox"/>&nbsp;CIEF/0005</li>
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0004" type="checkbox"/>&nbsp;CIEF/0004</li>
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0003" type="checkbox"/>&nbsp;CIEF/0003</li>
<li><input onchange="filterme2()" name="custcode2" value="CIEF/0002" type="checkbox"/>&nbsp;CIEF/0002</li>
</ul>
</th>
<th style="padding-right: 0px;padding-left: 0px;">Area
<br/><button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme2()" name="area2" value="Bangi" type="checkbox"/>&nbsp;Bangi</li>
</ul>
</th>
<th style="padding-right: 0px;padding-left: 0px;">State
<br/><button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme2()" name="state2" value="Selangor" type="checkbox"/>&nbsp;Selangor</li>
</ul>
</th>
<th style="padding-right: 0px;padding-left: 0px;">Details</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" value="1">
<span></span>
</label>
</td>
<td> <center>1</center> </td>
<td> 03-08-2017 </td>
<td> CTN56 </td>
<td> 00005 </td>
<td> CIEF/0007</td>
<td> Bangi</td>
<td> Selangor</td>
<td style="text-align:left"> CBM :
<br/>Weight:
<br/>Qty of Carton:
</td>
</tr>
<tr>
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" value="1">
<span></span>
</label>
</td>
<td> <center>2</center> </td>
<td>03-08-2017 </td>
<td>CTN55</td>
<td>00002</td>
<td>CIEF/0006</td>
<td>Bangi</td>
<td>Selangor</td>
<td style="text-align:left"> CBM :
<br/>Weight:
<br/>Qty of Carton:
</td>
</tr>
<tr>
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" value="1">
<span></span>
</label>
</td>
<td><center>3</center> </td>
<td>03-08-2017</td>
<td>CTN54</td>
<td>00003</td>
<td>CIEF/0005</td>
<td>Bangi</td>
<td>Selangor</td>
<td style="text-align:left"> CBM :
<br/>Weight:
<br/>Qty of Carton:
</td>
</tr>
<tr>
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" value="1">
<span></span>
</label>
</td>
<td><center>4</center> </td>
<td>03-08-2017</td>
<td>CTN53</td>
<td>00004</td>
<td>CIEF/0004</td>
<td>Bangi</td>
<td>Selangor</td>
<td style="text-align:left"> CBM :
<br/>Weight:
<br/>Qty of Carton:
</td>
</tr>
<tr>
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" value="1">
<span></span>
</label>
</td>
<td><center>5</center></td>
<td>03-08-2017</td>
<td>CTN52</td>
<td>00001</td>
<td>CIEF/0003</td>
<td>Bangi</td>
<td>Selangor</td>
<td style="text-align:left"> CBM :
<br/>Weight:
<br/>Qty of Carton:
</td>
</tr>
</tbody>
</table>
<div id="mask"></div>
<table id="example2" class="table table-striped table-bordered table-hover material-table"></table>
</div>
<div class="form">
@@ -713,22 +411,28 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
<div class="form-group">
<div class="row">
<div class="col-md-10">
<textarea class="form-control" rows="5">Hi Bella, Your order has been proceed. Here is your order no 0005 on date 03-07-2017. You able to contact the driver Bob (013-3456789) and vehicle no WAA 123 C. Thank you.</textarea>
<textarea class="form-control" rows="10">
CIEF Delivery Message
Order No: 0005
Delivery Date: 03-07-2017
Driver Name: Bob
Driver Contact No: 013-3456789
Vehicle No: WAA 123 C
* Kindly proceed to the messenger to confirm
</textarea>
</div>
<div class="col-md-2">
<button type="button" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
@@ -1333,16 +1037,274 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../assets/pages/scripts/table-datatables-buttons.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script>
$(document).ready(function () {
var dataSet = [
["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>"],
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>"],
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>"],
["4","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span>"],
["5","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span>"],
["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span>"]
];
var dataSet2 = [
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","1","03-08-2017","CTN56","00006","CIEF/0008","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"],
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","2","03-08-2017","CTN55","00005","CIEF/0007","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"],
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","3","03-08-2017","CTN54","00004","CIEF/0006","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"],
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","4","03-08-2017","CTN53","00003","CIEF/0005","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"],
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","5","03-08-2017","CTN52","00002","CIEF/0004","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"],
["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1'><span></span></label>","6","03-08-2017","CTN51","00001","CIEF/0003","Bangi<br>Selangor","CBM :<br/>Weight:<br/>Qty of Carton:"]
];
$('#example').DataTable({
data: dataSet,
//"bFilter" : false,
"bInfo" : false,
"bLengthChange": false,
colReorder: {
reorderCallback: function () {
console.log( 'callback' );
}
},
"columnDefs": [{ // set default column settings
'orderable': false,
'targets': [0]
}],
buttons: [
{ extend: 'print', className: 'btn dark btn-outline' },
{ extend: 'copy', className: 'btn red btn-outline' },
{ extend: 'pdf', className: 'btn green btn-outline' },
{ extend: 'excel', className: 'btn yellow btn-outline ' },
{ extend: 'csv', className: 'btn purple btn-outline ' },
{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
],
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
},
"pageLength": 20,
"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'B>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
buttons: [
{
text: 'Arrange Delivery',
className: 'btn red btn-inline btn-circle qweqwe',
action: function ( e, dt, node, config ) {
$("#qweqwe").trigger('click');
}
}
],
columns: [
{ title: "No" },
{ title: "Delivery<br>Date" },
{ title: "Driver<br>Details" },
{ title: "Order No." },
{ title: "Customer<br>Code" },
{ title: "Shipment<br>No" },
{ title: "Area<br>State" },
{ title: "Container No" },
{ title: "ETD" },
{ title: "ETA" },
{ title: "Status" },
],
initComplete: function () {
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10]);
}
});
$('#example2').DataTable({
data: dataSet2,
"bInfo" : false,
"bLengthChange": false,
colReorder: {
reorderCallback: function () {
console.log( 'callback' );
}
},
"columnDefs": [{ // set default column settings
'orderable': false,
'targets': [0]
}],
buttons: [
{ extend: 'print', className: 'btn dark btn-outline' },
{ extend: 'copy', className: 'btn red btn-outline' },
{ extend: 'pdf', className: 'btn green btn-outline' },
{ extend: 'excel', className: 'btn yellow btn-outline ' },
{ extend: 'csv', className: 'btn purple btn-outline ' },
{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
],
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
},
"pageLength": 20,
columns: [
{ title: "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>"},
{ title: "No"},
{ title: "ETA"},
{ title: "Shipment <br/> No"},
{ title: "Order <br/>No"},
{ title: "Cust <br/> Code"},
{ title: "Area<br/>State"},
{ title: "Details"},
],
initComplete: function () {
configFilter(this, [ 2,3, 4,5,6,7,8]);
}
});
});
$('#sample_3_tools > li > a.tool-action').on('click', function() {
var action = $(this).attr('data-action');
$('#example').DataTable().button(action).trigger();
});
//This function initializes the content inside the filter modal
function configFilter($this, colArray) {
setTimeout(function () {
var tableName = $this[0].id;
var columns = $this.api().columns();
$.each(colArray, function (i, arg) {
$('#' + tableName + ' th:eq(' + arg + ')').append('<br/><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
});
var template = '<div class="modal modalFilter modal-scroll in">' +
'<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
'<div class="modal-content">' +
'<div class="modal-body">' + '{0}</div>' +
'<div class="modal-footer">' +
'<a onclick="clearFilter(this, {1}, \'{2}\');" class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
'<a onclick="performFilter(this, {1}, \'{2}\');" class=" btn right waves-effect waves-light">Ok</a>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$.each(colArray, function (index, value) {
columns.every(function (i) {
if (value === i) {
var column = this, content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
var columnName = $(this.header()).text().replace(/\s+/g, "_");
var distinctArray = [];
column.data().each(function (d, j) {
if (distinctArray.indexOf(d) == -1) {
//alert(jQuery.type( d ));
d = d.replace("<a class='chat_link' href='chat.html'>",'');
d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>",'');
var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
content += '<div><input type="checkbox" value="' + d + '" id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
distinctArray.push(d);
}
});
var newTemplate = $(template.replace('{0}', content).replace('{1}', value).replace('{1}', value).replace('{2}', tableName).replace('{2}', tableName));
$('body').append(newTemplate);
modalFilterArray[tableName + "_" + value] = newTemplate;
content = '';
}
});
});
}, 50);
}
var modalFilterArray = {};
//User to show the filter modal
function showFilter(e, index) {
$('.modalFilter').hide();
$(modalFilterArray[index]).css({ left: 0, top: 0 });
var th = $(e.target).parent();
var pos = th.offset();
console.log(th);
$(modalFilterArray[index]).width(th.width() * 3.0);
$(modalFilterArray[index]).css({ 'left': pos.left, 'top': pos.top });
$(modalFilterArray[index]).show();
$('#mask').show();
e.stopPropagation();
}
//This function is to use the searchbox to filter the checkbox
function filterValues(node) {
var searchString = $(node).val();
var rootNode = $(node).parent();
if (searchString == '') {
rootNode.find('div').show();
} else {
rootNode.find("div").hide();
rootNode.find("div:contains('" + searchString + "')").show();
}
}
//Execute the filter on the table for a given column
function performFilter(node, i, tableId) {
var rootNode = $(node).parent().parent();
var searchString = '', counter = 0;
rootNode.find('input:checkbox').each(function (index, checkbox) {
if (checkbox.checked) {
searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
counter++;
}
});
$('#' + tableId).DataTable().column(i).search(
searchString,
true, false
).draw();
rootNode.hide();
$('#mask').hide();
$('.modalFilter').hide();
}
//Removes the filter from the table for a given column
function clearFilter(node, i, tableId) {
var rootNode = $(node).parent().parent();
rootNode.find(".filterSearchText").val('');
rootNode.find('input:checkbox').each(function (index, checkbox) {
checkbox.checked = false;
$(checkbox).parent().show();
});
$('#' + tableId).DataTable().column(i).search(
'',
true, false
).draw();
rootNode.hide();
$('#mask').hide();
$('.modalFilter').hide();
}
</script>
<script>
$(document).ready(function()
{
$('#clickmewow').click(function()
@@ -1352,26 +1314,26 @@ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_des
})
var options = [];
$( '.dropdown-menu a' ).on( 'click', function( event ) {
$( '.dropdown-menu a' ).on( 'click', function( event ) {
var $target = $( event.currentTarget ),
val = $target.attr( 'data-value' ),
$inp = $target.find( 'input' ),
idx;
var $target = $( event.currentTarget ),
val = $target.attr( 'data-value' ),
$inp = $target.find( 'input' ),
idx;
if ( ( idx = options.indexOf( val ) ) > -1 ) {
options.splice( idx, 1 );
setTimeout( function() { $inp.prop( 'checked', false ) }, 0);
} else {
options.push( val );
setTimeout( function() { $inp.prop( 'checked', true ) }, 0);
}
if ( ( idx = options.indexOf( val ) ) > -1 ) {
options.splice( idx, 1 );
setTimeout( function() { $inp.prop( 'checked', false ) }, 0);
} else {
options.push( val );
setTimeout( function() { $inp.prop( 'checked', true ) }, 0);
}
$( event.target ).blur();
console.log( options );
return false;
});
$( event.target ).blur();
console.log( options );
return false;
});
</script>
</body>
Forwarder/profile.html
+1 -1
View File
@@ -14,7 +14,7 @@ License: You must have a valid license purchased only from themeforest(the above
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
Forwarder/team.html
+93 -48
View File
@@ -340,6 +340,12 @@ License: You must have a valid license purchased only from themeforest(the above
<input type="text" placeholder="Registration No." class="form-control" value="ABC1234567">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Tax ID</label>
<div class="col-md-9">
<input type="text" placeholder="Tax ID" class="form-control" value="1234562ABC">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Office No.</label>
<div class="col-md-9">
@@ -352,6 +358,18 @@ License: You must have a valid license purchased only from themeforest(the above
<input type="text" placeholder="Company Address" class="form-control" value="Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Company City</label>
<div class="col-md-9">
<input type="text" placeholder="Company City" class="form-control" value="Cyberjaya">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Company State</label>
<div class="col-md-9">
<input type="text" placeholder="Company State" class="form-control" value="Selangor">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Contact Person</label>
<div class="col-md-9">
@@ -364,10 +382,15 @@ License: You must have a valid license purchased only from themeforest(the above
<input type="text" placeholder="Contact Person No." class="form-control" value="+6 012 456789">
</div>
</div>
<div class="margiv-top-10">
<div class="col-md-12" style="margin-top:10px;">
<div class="col-md-6">
</div>
<div class="col-md-6">
<a href="javascript:;" class="btn green"> Save Changes </a>
<a href="javascript:;" class="btn blue"> Share QR Code </a>
<a href="javascript:;" class="btn default"> Cancel </a>
</div>
</div>
</div>
</div>
<!-- END FORM-->
@@ -391,67 +414,52 @@ License: You must have a valid license purchased only from themeforest(the above
<tr>
<th> Name </th>
<th> Address </th>
<th> State </th>
<th> Country </th>
<th> Notice </th>
<th> Status </th>
<th> Action </th>
</tr>
</thead>
<tbody>
<tr>
<td> WH A</td>
<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
<td class="center"> USA </td>
<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
<td>
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
</td>
<td class="center editInPlace"> WH A</td>
<td class="center editInPlace"class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
<td class="center editInPlace"class="center editInPlace"> Delaware </td>
<td class="center editInPlace"class="center editInPlace"> USA </td>
<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><div class="btn-group" style="margin-left:5px;"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle" style="color:#c50b0b;"></i> </a></div></td>
</tr>
<tr>
<td> WH B</td>
<td class="center"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
<td class="center"> Australia </td>
<td class="center"> </td>
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
<td>
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
</td>
<td class="center editInPlace"> WH B</td>
<td class="center editInPlace"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
<td class="center editInPlace"> New South Wales </td>
<td class="center editInPlace"> Australia </td>
<td class="center editInPlace"> </td>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><div class="btn-group" style="margin-left:5px;"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle" style="color:#c50b0b;"></i> </a></div></td>
</tr>
<tr>
<td> WH C</td>
<td class="center"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
<td class="center"> HONG KONG </td>
<td class="center"></td>
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
<td>
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
</td>
<td class="center editInPlace"> WH C</td>
<td class="center editInPlace"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
<td class="center editInPlace"> TSUEN WAN </td>
<td class="center editInPlace"> HONG KONG </td>
<td class="center editInPlace"></td>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><div class="btn-group" style="margin-left:5px;"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle" style="color:#c50b0b;"></i> </a></div></td>
</tr>
<tr>
<td> WH D</td>
<td class="center"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
<td class="center"> China </td>
<td class="center"> Chinese New Year </td>
<td class="center"> <input type="checkbox" class="make-switch" data-size="small" > </td>
<td>
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
</td>
<td class="center editInPlace"> WH D</td>
<td class="center editInPlace"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
<td class="center editInPlace"> JiangSu </td>
<td class="center editInPlace"> China </td>
<td class="center editInPlace"> Chinese New Year </td>
<td style="vertical-align:middle;"> <input type="checkbox" class="make-switch" data-size="small" ><div class="btn-group" style="margin-left:5px;"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle" style="color:#c50b0b;"></i> </a></div></td>
</tr>
<tr>
<td> WH E</td>
<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
<td class="center"> USA </td>
<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
<td>
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
</td>
<td class="center editInPlace"> WH E</td>
<td class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
<td class="center editInPlace"> Delaware </td>
<td class="center editInPlace"> USA </td>
<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><div class="btn-group" style="margin-left:5px;"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle" style="color:#c50b0b;"></i> </a></div></td>
</tr>
</tbody>
</table>
@@ -582,7 +590,7 @@ License: You must have a valid license purchased only from themeforest(the above
</ul>
</li>
</ul>
<div class="tab-content">
<div class="tab-content">
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
<h3 class="list-heading">Staff</h3>
@@ -1184,6 +1192,43 @@ License: You must have a valid license purchased only from themeforest(the above
$('#radio1003').attr('checked', 'checked');
});
})
window.onload = function() {
var elements = getElementsByClassName('editInPlace', '*', document);
for (var i = 0; i < elements.length; i++) {
elements[i].ondblclick = function() {
this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
var textBox = document.createElement('INPUT');
textBox.setAttribute('type', 'text');
textBox.value = this.innerHTML;
textBox.onblur = function() {
var newValue = this.value;
this.parentNode.innerHTML = newValue;
//alert("Your new value: \n\n" + newValue);
}
this.innerHTML = '';
this.appendChild(textBox);
}
}(i);
}
function getElementsByClassName(className, tag, elm) {
var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
var tag = tag || "*";
var elm = elm || document;
var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
var returnElements = [];
var current;
var length = elements.length;
for (var i = 0; i < length; i++) {
current = elements[i];
if (testClass.test(current.className)) {
returnElements.push(current);
}
}
return returnElements;
}
</script>
</body>
Forwarder/trackorder.html
+10 -10
View File
@@ -579,24 +579,24 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="clearfix"></div>
<div class="form-group">
<label>Contact</label>
<textarea class="form-control" rows="1" disabled="">012 3456789</textarea>
<label><b>Contact</b></label>
<p>012 3456789</p>
</div>
<div class="form-group">
<label>Delivery Date</label>
<textarea class="form-control" rows="1" disabled="">03-07-2017</textarea>
<label><b>Delivery Date</b></label>
<p>03-07-2017</p>
</div>
<div class="form-group">
<label>Driver Name</label>
<textarea class="form-control" rows="1" disabled="">Bob</textarea>
<label><b>Driver Name</b></label>
<p>Bob</p>
</div>
<div class="form-group">
<label>Driver Contact</label>
<textarea class="form-control" rows="1" disabled="">012 3456789</textarea>
<label><b>Driver Contact</b></label>
<p>012 3456789</p>
</div>
<div class="form-group">
<label>Vehicle No</label>
<textarea class="form-control" rows="1" disabled="">WAA 123</textarea>
<label><b>Vehicle No</b></label>
<p>WAA 123</p>
</div>
<div class="form-group last">
<!-- <label class="control-label col-md-3" align="right"></label>
Forwarder/updatecurrency.html
+1275 -1017
View File
File diff suppressed because it is too large Load Diff
Importer/trackorder.html
+1 -1
View File
@@ -596,7 +596,7 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="form-group">
<label>Vehicle No</label>
<textarea class="form-control" rows="1">WAA 123</textarea>
<textarea class="form-control" rows="1">WAA 123</textarea>
</div>
<div class="form-group last">
<div class="form-actions" align="right">