shipment arrangement

This commit is contained in:
GEGULA�
2017-08-21 11:47:48 +08:00
parent 70f976643a
commit 5d4ec3c76b
4 changed files with 190 additions and 132 deletions
+186 -128
View File
@@ -439,18 +439,19 @@ License: You must have a valid license purchased only from themeforest(the above
<a href="#tab1" data-toggle="tab" class="step">
<span class="number"> 1 </span>
<span class="desc">
<i class="fa fa-check"></i> Shipment<br>Details</span>
<i class="fa fa-check"></i> Shipment Details</span>
</a>
</li>
<li>
<a href="#tab2" data-toggle="tab" class="step">
<span class="number"> 2 </span>
<span class="desc">
<i class="fa fa-check"></i> Shipment<br> Status </span>
<i class="fa fa-check"></i> Consolidation<br> </span>
</a>
</li>
</ul>
<!-- <div id="bar" class="progress progress-striped" role="progressbar"> -->
</ul><div id="bar" class="progress progress-striped" role="progressbar">
<div class="progress-bar progress-bar-success"> </div>
</div>
<div class="progress-bar progress-bar-success"> </div>
</div>
<div class="tab-content">
@@ -460,124 +461,164 @@ License: You must have a valid license purchased only from themeforest(the above
<button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
<div class="tab-pane active" id="tab1">
<h3 class="block"><b>Shipment arrangement details</b></h3>
<div class="form-group">
<label class="control-label col-md-3">Loading Date
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Loading Date</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Container No</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Shipment No</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">ETA</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">ETD</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4><b>Loading Venue</b></h4>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Trailer No</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Area</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Container No
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Driver Name</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Shipment No
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Country</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
</div>
<div class="form-group">
<label class="control-label col-md-3">ETA
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Driver Contact No</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">ETD
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Postcode</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
</div>
<div class="form-group">
<label class="control-label col-md-3">Loading Venue
</label>
<div class="col-md-4">
<input type="text" class="form-control" name="" />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Contact Person</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Remark
</label>
<div class="col-md-4">
<textarea class="form-control" rows="2"></textarea>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Contact Person No</label>
<div class="col-md-9">
<input type="text" class="form-control"> </div>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">Remark</label>
<div class="col-md-9">
<textarea class="form-control"> </textarea>
</div>
</div>
<!--/span-->
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<a href="javascript:;" class="btn default button-previous">
<i class="fa fa-angle-left"></i> Edit </a>
<a href="javascript:;" class="btn btn-outline green button-next"> Save
<i class="fa fa-angle-right"></i></a>
<div class="col-md-offset-5 col-md-9">
<a href="javascript:;" class="btn default button-previous"> Edit </a>
<a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab2">
<h3 class="block"><b>Shipment arrangement status</b></h3>
<div class="form-group">
<label class="control-label col-md-3">Loading Date
</label>
<div class="col-md-4">
02-08-2017
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Container No
</label>
<div class="col-md-4">
123456
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Shipment No
</label>
<div class="col-md-4">
123456
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">ETA
</label>
<div class="col-md-4">
03-08-2017
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">ETD
</label>
<div class="col-md-4">
03-08-2017
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Loading Venue
</label>
<div class="col-md-4">
Port Klang
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Remark
</label>
<div class="col-md-4">
xxxx
</div>
</div>
<div class="col-md-13">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">List Shipment</span>
<span class="caption-subject font-dark bold uppercase">Select Order</span>
</div>
</div>
<div class="portlet-body">
@@ -611,14 +652,29 @@ License: You must have a valid license purchased only from themeforest(the above
</tr>
</tbody>
</table>
<div class="form-group">
<label class="control-label col-md-3">Message</label>
<div class="col-md-6">
<textarea class="form-control" rows="4"></textarea></div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<a href="javascript:;" class="btn default button-previous">
<i class="fa fa-angle-left"></i> Back </a>
<a href="javascript:;" class="btn btn-outline green button-next"> Continue
<i class="fa fa-angle-right"></i>
</a>
<a href="javascript:;" class="btn green button-submit"> Submit
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Submit
<i class="fa fa-angle-right"></i></a>
<div class="row">
<div class="col-md-offset-5 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
</div>
</div>
</div>
@@ -704,7 +760,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">List Shipment</span>
<span class="caption-subject font-dark bold uppercase">Consolidation</span>
</div>
</div>
<div class="portlet-body">
@@ -743,21 +799,21 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Customs Interuption</span>
<span class="caption-subject font-dark bold uppercase">Customs Examination</span>
</div>
</div>
<div class="portlet-body">
<br>
<p>Customs Interuption Departure Port</p>
<p>Customs Examination Departure Port</p>
<br>
<p class="caption-subject font-red">New ETD : <input type="date" name="" ></p>
<p class="caption-subject font-red">New ETA : <input type="date" name="" ></p>
<br>
<p>Customs Inspection Arrival Port</p>
<p>Customs Examination Arrival Port</p>
<br>
<p class="caption-subject font-red">Release Date : <input type="date" name="" ></p>
<div class="row">
<div class="col-md-offset-3 col-md-9">
<div class="col-md-offset-4 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
@@ -1359,15 +1415,21 @@ License: You must have a valid license purchased only from themeforest(the above
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
<script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
@@ -1383,22 +1445,18 @@ License: You must have a valid license purchased only from themeforest(the above
var dataSet = [
["1","<a style='float:center' data-toggle='modal' href='#profile'> CTN121 </a>","789ABC","01-08-2017","<a span style='color:red'>01-08-2017 </a>","<a span style='color:red'>05-08-2017 </a>","12345","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","<a style='float:center' data-toggle='modal' href='#profile'> CTN122 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","43657","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"],
["3","<a style='float:center' data-toggle='modal' href='#profile'> CTN123 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","23532","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"],
["4","<a style='float:center' data-toggle='modal' href='#profile'> CTN124 </a>","789ABC","01-08-2017","<a span style='color:red'>02-08-2017 </a>","<a span style='color:red'>04-08-2017 </a>","68679","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"],
["5","<a style='float:center' data-toggle='modal' href='#profile'> CTN125 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","43665","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"],
["6","<a style='float:center' data-toggle='modal' href='#profile'> CTN130 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","89706","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"],
["1","<a style='float:center' data-toggle='modal' href='#profile'> CTN121 </a>","789ABC","01-08-2017","<span style='color:red'>01-08-2017 </span>","<span style='color:red'>05-08-2017 </span>","12345","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan","<span style='color:red'>Customs Examination </span>","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","<a style='float:center' data-toggle='modal' href='#profile'> CTN122 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","43657","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan","Delivered","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"],
["3","<a style='float:center' data-toggle='modal' href='#profile'> CTN123 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","23532","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong","Delivered","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"],
["4","<a style='float:center' data-toggle='modal' href='#profile'> CTN124 </a>","789ABC","01-08-2017","<span style='color:red'>02-08-2017 </span>","<span style='color:red'>04-08-2017 </span>","68679","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou","<span style='color:red'>Customs Examination </span>","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"],
["5","<a style='float:center' data-toggle='modal' href='#profile'> CTN125 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","43665","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou","Delivered","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"],
["6","<a style='float:center' data-toggle='modal' href='#profile'> CTN130 </a>","789ABC","01-08-2017","01-08-2017","01-08-2017","89706","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong","Delivered","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"],
// ["7","<a style='float:center' data-toggle='modal' href='#profile'> CTN133 </a>","789ABC","01-08-2017","<span style='color:red'>02-08-2017 </span>","<span style='color:red'>04-08-2017 </span>","68679","Guangzhou","Customs Examination","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"],
// ["8","<a style='float:center' data-toggle='modal' href='#profile'> CTN135 </a>","789ABC","01-08-2017","<span style='color:red'>01-08-2017 </span>","<span style='color:red'>05-08-2017 </span>","12345","Dongguan","Customs Examination","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"],
];
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:"]
];
@@ -1419,7 +1477,7 @@ License: You must have a valid license purchased only from themeforest(the above
'targets': [0]
},
{
"targets": [ 8 ],
"targets": [ 9 ],
"visible": false
}],
// scroller extension: http://datatables.net/extensions/scroller/
@@ -1470,7 +1528,7 @@ License: You must have a valid license purchased only from themeforest(the above
{ title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
{ title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
{ title: 'Loading<br>Venue<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
// { title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
{ title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
// { title: 'Stats' },
],
@@ -1950,7 +2008,7 @@ var FormWizard = function () {
$('#form_wizard_1').find('.button-previous').hide();
$('#form_wizard_1 .button-submit').click(function () {
alert('Finished! Hope you like it :)');
location.reload();
}).hide();
//apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
+2 -1
View File
@@ -360,7 +360,8 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="portlet-title">
<div class="caption">
<i class="icon-directions font-green hide"></i>
<span class="caption-subject bold font-dark uppercase "> Milestone</span>
<span class="caption-subject bold font-dark uppercase "> Milestone</span> &nbsp; &nbsp; 014587 :
<span > GroupName </span>
<span class="caption-helper"></span>
</div>
</div>
+2 -2
View File
@@ -338,8 +338,8 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="portlet-title">
<div class="caption">
<i class="icon-directions font-green hide"></i>
<span class="caption-subject bold font-dark uppercase "> Milestone </span> &nbsp; &nbsp; 014587 <!-- :
<span class="editInPlace"> Group 1 </span> -->
<span class="caption-subject bold font-dark uppercase "> Milestone </span> &nbsp; &nbsp; 014587 :
<span > GroupName </span>
<span class="caption-helper"></span>
</div>
</div>
@@ -243,7 +243,6 @@ var FormWizard = function () {
$('#form_wizard_1').find('.button-previous').hide();
$('#form_wizard_1 .button-submit').click(function () {
alert('Finished! Hope you like it :)');
}).hide();
//apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.