This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-08-03 11:27:23 +08:00
6 changed files with 167 additions and 99 deletions
+10 -10
View File
@@ -415,7 +415,7 @@
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> <img src="../assets/global/img/attachment.PNG" alt="Container" > </span>
<span class="body"> <img src="../assets/global/img/attachment.PNG" alt="Container" ><br/> <a href="#url">Reply</a> </span>
<span class="datetime" style="float:left"> 20:11 </span>
</div>
</li>
@@ -424,28 +424,28 @@
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"><img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;"> </span>
<span class="arrow"></span>
<span class="body"><img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;"> <br/> <a href="#url">Reply</a> </span>
<span class="datetime" style="float:left"> 20:11 </span>
</div>
</li>
<li class="in">
<a style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
<a style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> Confirm </span>
<span class="body"> Confirm <br/> <a href="#url">Reply</a> </span>
<span class="datetime" style="float:right"> 20:30 </span>
</div>
</li>
<li class="in">
<a style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
<a style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> Proceed. </span>
<span class="body"> Proceed. <br/> <a href="#url">Reply</a> </span>
<span class="datetime" style="float:right"> 20:30 </span>
</div>
</li>
@@ -455,7 +455,7 @@
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> CNTR58 </span>
<span class="body"> CNTR58 <br/> <a href="#url">Reply</a> </span>
<span class="datetime" style="float:left"> 20:33 </span>
</div>
</li>
@@ -618,7 +618,7 @@
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal fade" id="member" tabindex="-1" role="member" aria-hidden="true">
<div class="modal fade" id="member" tabindex="-1" role="member" style="z-index:999999;" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
@@ -705,7 +705,7 @@
<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>
<a href="javascript:void(0)" class="btn btn-primary btn-follow float:right" data-toggle="modal" href="#member"> Share to Friend</a>
<a class="btn btn-primary btn-follow float:right" data-toggle="modal" id="share" href="#member"> Share to Friend</a>
</div>
<div class="tab-pane active" id="tab_1_1">
+90 -13
View File
@@ -385,7 +385,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="table-container">
<div id="mask"></div>
<span class='pull-right'><input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span>
<span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span>
<table id="example" class="table table-striped table-bordered table-hover order-column"></table>
</div>
@@ -414,9 +414,9 @@ License: You must have a valid license purchased only from themeforest(the above
<label>Delivery Type</label>
<select id="type" class="form-control" onchange="show_hide(this);">
<option value=""> Please Select</option>
<option value="1"> Company Transport</option>
<option value="1"> Inhouse Services</option>
<option value="2"> Courier Service</option>
<option value="3"> Outsource Services</option>
<option value="3"> Outsource Service</option>
<option value="4"> Self Collect</option>
</select>
@@ -464,7 +464,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="col-md-12">
<div class="col-md-6">
<div class="form-group">
<label>Courier Service</label>
<label>Courier Service Name</label>
<input class="form-control">
</div>
<div class="form-group">
@@ -482,10 +482,38 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="form">
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div class="form-group">
<label>Warehouse</label>
<select id="warehouse" class="form-control">
<option> Please Select / Create New</option>
<option value="WHA">Warehouse A</option>
<option value="WHB">Warehouse B</option>
<option value="WHC">Warehouse C</option>
<option value="WHD">Warehouse D</option>
</select>
</div>
<div class="form-group">
<label>Contact Person Name</label>
<input id ="contact" class="form-control" value="" />
</div>
<div class="form-group">
<label>Contact Person No.</label>
<input id ="contactno" class="form-control" value="" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Address</label>
<textarea class="form-control">Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia</textarea>
<textarea id ="address" class="form-control"></textarea>
</div>
<div class="form-group">
<label>City</label>
<input id ="city" class="form-control" value="" />
</div>
<div class="form-group">
<label>State</label>
<input id ="state" class="form-control" value="" />
</div>
</div>
</div>
@@ -511,10 +539,10 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="form-group">
<div class="row">
<div class="col-md-10">
<textarea class="form-control" rows="10">
<textarea id="message" class="form-control" rows="10">
CIEF Delivery Message
Order No: 0005
Order No: <<order_no>>
Delivery Date: 03-07-2017
Driver Name: Bob
Driver Contact No: 013-3456789
@@ -1154,9 +1182,9 @@ Vehicle No: WAA 123 C
["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>", "Not Completed"],
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Bangi<br>Selangor","123456","02-07-2017","02-07-2017","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Bangi<br>Selangor","123456","01-07-2017","<span style='color:red'><strong>01-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["4","03-07-2017","Vehicle No:JNY1122<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/0005","CTN56","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle' href='#form_delivery' data-toggle='modal'>Rearrange</a></div>", "Not Completed"],
["5","03-07-2017","Vehicle No:JLK3333<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/0004","CTN56","Bangi<br>Selangor","123456","29-06-2017","29-06-2017","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle' href='#form_delivery' data-toggle='modal'>Rearrange</a></div>", "Not Completed"],
["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/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle' href='#form_delivery' data-toggle='modal'>Rearrange</a></div>", "Not Completed"],
["4","03-07-2017","Vehicle No:JNY1122<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/0005","CTN56","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["5","<span style='color:red;'><strong>10-07-2017</strong></span>","Vehicle No:JLK3333<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/0004","CTN56","Bangi<br>Selangor","123456","29-06-2017","29-06-2017","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span>", "Not Completed"],
["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/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["7","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/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
["8","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/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
];
@@ -1217,11 +1245,11 @@ Vehicle No: WAA 123 C
},
"order": [[ 1, "asc" ]],
"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>>",
"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
buttons: [
{
text: 'Delivery Arrangement',
className: 'btn red btn-inline qweqwe',
className: 'btn red btn-circle btn-outline qweqwe',
action: function ( e, dt, node, config ) {
$("#qweqwe").trigger('click');
}
@@ -1312,6 +1340,8 @@ Vehicle No: WAA 123 C
}
});
existingdiv1 = document.getElementById( "switch" );
$( "div.toolbar2" ).append( existingdiv1 );
$("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
$('#sample_3_tools > li > a.tool-action').on('click', function() {
var action = $(this).attr('data-action');
@@ -1409,6 +1439,46 @@ Vehicle No: WAA 123 C
});
}, 50);
}
$('#warehouse').change(function(){
var warehouse = $('#warehouse').val();
if(warehouse == "WHA"){
var new_warehouse = "Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia";
var new_city = "Cyberjaya";
var new_state = "Selangor";
var new_contact = "Aaron Aziz";
var new_contactno = "0123456789";
}else if(warehouse == "WHB"){
var new_warehouse = "70 McCullough Dr, New Castle, 19720 Delaware, United State of America";
var new_city = "New Castle";
var new_state = "Delaware";
var new_contact = "Aliff Aziz";
var new_contactno = "0123456789";
}else if(warehouse == "WHC"){
var new_warehouse = "96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia";
var new_city = "Sydney";
var new_state = "New South Wales";
var new_contact = "Selkom";
var new_contactno = "0123456789";
}else if(warehouse == "WHD"){
var new_warehouse = "Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China";
var new_city = "Nanjing";
var new_state = "JiangSu";
var new_contact = "Ahmad Albab";
var new_contactno = "0123456789";
}
$("textarea#address").val(new_warehouse);
$("input#state").val(new_state);
$("input#city").val(new_city);
$("input#contact").val(new_contact);
$("input#contactno").val(new_contactno);
var addr = $("textarea#address").val();
var ctc = $("input#contact").val();
var ctcno = $("input#contactno").val();
var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " (" + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
$("textarea#message").val(new_message);
});
var modalFilterArray = {};
//User to show the filter modal
function showFilter(e, index) {
@@ -1481,17 +1551,24 @@ Vehicle No: WAA 123 C
}else if(drop_val == 2){
document.getElementById("courier").style.display = "";
document.getElementById("own_transport").style.display = "none";
document.getElementById("self_collect").style.display = "none";
document.getElementById("self_collect").style.display = "none";
}else if(drop_val == 4){
document.getElementById("self_collect").style.display = "";
document.getElementById("courier").style.display = "none";
document.getElementById("own_transport").style.display = "none";
var addr = $("textarea#address").val();
var ctc = $("input#contact").val();
var ctcno = $("input#contactno").val();
var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " (" + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
$("textarea#message").val(new_message);
}else{
document.getElementById("self_collect").style.display = "none";
document.getElementById("courier").style.display = "none";
document.getElementById("own_transport").style.display = "none";
}
}
</script>
</body>
+1 -1
View File
@@ -270,7 +270,7 @@ License: You must have a valid license purchased only from themeforest(the above
<i class="icon-settings"></i> Account Settings </a>
</li>
<li>
<a href="company.html">
<a href="team.html">
<i class="icon-info"></i> Company Settings </a>
</li>
</ul>
+6 -6
View File
@@ -276,7 +276,7 @@ License: You must have a valid license purchased only from themeforest(the above
<i class="icon-settings"></i> Account Settings </a>
</li>
<li class="active">
<a href="company.html">
<a href="team.html">
<i class="icon-info"></i> Company Settings </a>
</li>
</ul>
@@ -427,7 +427,7 @@ License: You must have a valid license purchased only from themeforest(the above
<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>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
</tr>
<tr>
<td class="center editInPlace"> WH B</td>
@@ -435,7 +435,7 @@ License: You must have a valid license purchased only from themeforest(the above
<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>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
</tr>
<tr>
<td class="center editInPlace"> WH C</td>
@@ -443,7 +443,7 @@ License: You must have a valid license purchased only from themeforest(the above
<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>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
</tr>
<tr>
<td class="center editInPlace"> WH D</td>
@@ -451,7 +451,7 @@ License: You must have a valid license purchased only from themeforest(the above
<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>
<td style="vertical-align:middle;"> <input type="checkbox" class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
</tr>
<tr>
<td class="center editInPlace"> WH E</td>
@@ -459,7 +459,7 @@ License: You must have a valid license purchased only from themeforest(the above
<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>
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
</tr>
</tbody>
</table>
+2 -1
View File
@@ -542,9 +542,11 @@ License: You must have a valid license purchased only from themeforest(the above
<label class="col-md-4 control-label">Currency</label>
<div class="col-md-4">
<select class="form-control">
<option>MYR(RM)</option>
<option>RMB(¥)</option>
<option>HKD </option>
<option>BAHT</option>
</select>
</div>
</div>
@@ -600,7 +602,6 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="form-actions right1">
<button type="button" class="btn default">Cancel</button>
<button type="submit" class="btn green">Submit</button>
<a class="btn green" data-toggle="modal" href="#select">Sent to Selected</a>
</div>
</form>
+58 -68
View File
@@ -148,75 +148,65 @@ License: You must have a valid license purchased only from themeforest(the above
</center>
</li>
<hr>
<li class="nav-item start">
<a href="index.html" class="nav-link nav-toggle">
<i class="icon-home"></i>
<span class="title">Order Status</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="notice.html" class="nav-link nav-toggle">
<i class="fa fa-newspaper-o"></i>
<span class="title">Notice</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<li class="nav-item start active open">
<a href="index.html" class="nav-link nav-toggle">
<i class="icon-home"></i>
<span class="title">Dashboard</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
<span class="title">Messenger</span>
<span class="selected"></span>
</a>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-comments-o" aria-hidden="true"></i>
<span class="title">Chat</span>
</a>
</li>
<li class="nav-item active open">
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
<li class="nav-item">
<a href="trackorder.html" class="nav-link nav-toggle">
<i class="icon-basket"></i>
<span class="title">Track Order</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="profile.html" class="nav-link nav-toggle">
<i class="icon-user"></i>
<span class="title">Profile</span>
</a>
</li>
<li class="nav-item">
<a href="contactlist.html" class="nav-link nav-toggle">
<i class="icon-notebook"></i>
<span class="title">Contact List</span>
</a>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-settings"></i>
<span class="title">Settings</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="formcustomize.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Form Customization</span>
</a>
</li>
<li class="nav-item">
<a href="updatecurrency.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Update Currency</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-basket"></i>
<span class="title">Orders</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="purchaseorder.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Purchase Order</span>
</a>
</li>
<li class="nav-item ">
<a href="shippingorder.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipping Order</span>
</a>
</li>
<li class="nav-item ">
<a href="opendraft.html" class="nav-link ">
<i class="icon-envelope"></i>
<span class="title">Open Draft</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="profile.html" class="nav-link nav-toggle">
<i class="icon-user"></i>
<span class="title">Profile</span>
</a>
</li>
<li class="nav-item">
<a href="contactlist.html" class="nav-link nav-toggle">
<i class="icon-notebook"></i>
<span class="title">Contact List</span>
</a>
</li>
</ul>
<!-- END SIDEBAR MENU -->
<!-- END SIDEBAR MENU -->
@@ -341,28 +331,28 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="events">
<ol>
<li>
<a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <b>Order Date</b></a>
<a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
</li>
<li>
<a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <b>Warehouse Received</b></a>
<a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>WH Received</b></span></a>
</li>
<li>
<a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <b>Container Loading</b></a>
<a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
</li>
<li>
<a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br> <b>ETD</b></a>
<a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b>ETD</b></span></a>
</li>
<li>
<a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br> <b>ETA</b></a>
<a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
</li>
<li>
<a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br> <b>Custom Cleareance</b></a>
<a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
</li>
<li>
<a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br> <b>Delivery Arrangement</b></a>
<a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
</li>
<li>
<a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br> <b>Delivery</b></a>
<a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
</li>
</ol>