mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-30 18:13:55 +00:00
..
This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
File diff suppressed because it is too large
Load Diff
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Shipment Arrangement</title>
|
||||
<title>IZYIM | Departure Warehouse Receive Note</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" />
|
||||
@@ -166,8 +166,11 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
width: 1000px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
}
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
@@ -443,6 +446,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="fa fa-gift" style=" float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Departure Warehouse Received Note
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@@ -478,11 +482,11 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="alert alert-success display-none">
|
||||
<button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
|
||||
<div class="tab-pane active" id="tab1">
|
||||
<h3 class="block"><b>Departure Warehouse Received Note</b></h3>
|
||||
<h4 class="block"><b>Departure Warehouse Received Note</b></h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Transport Company Name</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Transport Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
@@ -490,17 +494,19 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!--/span-->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Consignment Note No</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Consignment Note No</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/span-->
|
||||
</div>
|
||||
<div class="tab-pane active" id="tab1">
|
||||
<h4 class="block"><b>Departure Warehouse Received Note</b></h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Marking</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Receive Date </label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
@@ -508,17 +514,18 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!--/span-->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Receive Date</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Warehouse Receive Note No</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/span-->
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Warehouse Receive Note No</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Marking</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
@@ -526,15 +533,16 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!--/span-->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Receiving Person</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Receiving Person</label>
|
||||
<div class="col-md-9">
|
||||
<input placeholder="Syed Amir" type="text" class="form-control" > </div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/span-->
|
||||
<div class="col-md-6">
|
||||
<!--/span-->
|
||||
<!--/span-->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Order No</label>
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Order No</label>
|
||||
<div class="col-md-9">
|
||||
<select class="form-control select2">
|
||||
<optgroup label="Order No">
|
||||
@@ -558,20 +566,41 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<option value="489">48939</option>
|
||||
<option value="578">57839</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
|
||||
</select> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div id="dynamicInput" style="margin-left: 140px">Remark<br><input type="text" name="myInputs[]" style="width: 340px; height: 100px">
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div class="form-actions">
|
||||
<div class="col-md-6">
|
||||
<a href="javascript:;" class="btn btn-outline green button-next" style="margin-left: 5px"> Next</a>
|
||||
<input class="btn btn-success mt-repeater-add" value="+ Add New Form" onClick="addInput('dynamicInput');" style="width: 150px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-5 col-md-9">
|
||||
<a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<form method="POST">
|
||||
<div id="dynamicInput">
|
||||
Entry 1<br><input type="text" name="myInputs[]">
|
||||
</div>
|
||||
<input type="button" value="Add another text input" onClick="addInput('dynamicInput');">
|
||||
</form>-->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-pane" id="tab2">
|
||||
<div class="col-md-13">
|
||||
<div class="portlet light bordered">
|
||||
@@ -579,10 +608,30 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="caption">
|
||||
<i class="icon-social-dribbble font-green hide"></i>
|
||||
<span class="caption-subject font-dark bold uppercase">DEPARTURE WAREHOUSE RECEIVE NOTE - 00012</span>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<div class="portlet-body">
|
||||
<table class="table table-bordered table-hover">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> New Column
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> New Row
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="5">No</th>
|
||||
@@ -593,6 +642,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<th width="10">Measurement (actual)</th>
|
||||
<th width="10">Weight (actual)</th>
|
||||
<th width="10">Upload your Photo Here</th>
|
||||
<th width="10">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -603,7 +653,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<td>10kg</td>
|
||||
<td><a href="javascript:;" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
|
||||
<td><a href="javascript:;" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
|
||||
<td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
|
||||
<td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight" > 9.8kg </a></td>
|
||||
<td>
|
||||
<div>
|
||||
<span class="fileinput-new"></span>
|
||||
@@ -611,6 +661,26 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="file" name="...">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
|
||||
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu pull-right" id="sample_3_tools">
|
||||
<li>
|
||||
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -627,6 +697,25 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="file" name="..."> </span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
|
||||
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu pull-right" id="sample_3_tools">
|
||||
<li>
|
||||
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -643,43 +732,90 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="file" name="...">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
|
||||
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu pull-right" id="sample_3_tools">
|
||||
<li>
|
||||
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<h5>Total of the goods : 12</h5>
|
||||
|
||||
<!--<div id="my-container">
|
||||
<center>
|
||||
<br>
|
||||
<input type="button" value="Add Row" onclick="javascript:appendRow()" class="append_row">
|
||||
<br>
|
||||
<input type="button" value="Add Column" onclick="javascript:appendColumn()" class="append_column">
|
||||
<br>
|
||||
<input type="button" value="Delete Rows" onclick="javascript:deleteRows()" class="delete">
|
||||
<br>
|
||||
<input type="button" value="Delete Columns" onclick="javascript:deleteColumns()" class="delete">
|
||||
<br>
|
||||
<input type="button" value="Delete Both" onclick="javascript:deleteColumns();deleteRows()" class="delete">
|
||||
<p></p>
|
||||
<table id="myTable" align="center" cellspacing="0" cellpadding="0" border="0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>small</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p></p>
|
||||
</center>
|
||||
</div>-->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-5 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 href="chat.html" class="btn green button-submit"> Submit
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p style="color:red; font-size:90%" align="center">Notification: If the goods is unmatched or damage, please keep key in the information</p>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
@@ -1369,6 +1505,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<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>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
|
||||
<script src="/wp-includes/js/addInput.js" language="Javascript" type="text/javascript"></script>
|
||||
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script type="text/javascript">
|
||||
|
||||
@@ -1417,12 +1555,12 @@ 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","<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"],
|
||||
["01-08-2017","ABC Warehouse","101","CIEF/00012/00012","00012","CBD SDN BHD","00012-00012","4","1 Pallet","10cmx10cmx10cm","10kg", ""],
|
||||
["04-08-2017","ABC Warehouse","102","CIEF/00022/00022","00022","CBD SDN BHD","00022-00022","5","1 Package","14cmx10cmx12cm","17kg", ""],
|
||||
["11-08-2017","ABC Warehouse","103","CIEF/00034/00034","00034","CBD SDN BHD","00034-00034","8","2 Pallet","16cmx10cmx17cm","84kg", ""],
|
||||
["31-08-2017","ABC Warehouse","104","CIEF/00089/00089","00089","CBD SDN BHD","00089-00089","10","5 Package","11cmx12cmx12cm","100kg", ""],
|
||||
["01-09-2017","ABC Warehouse","105","CIEF/00100/00100","00100","CBD SDN BHD","00100-00100","3","7 Pallet","19cmx20cmx20cm","30kg", ""],
|
||||
["17-09-2017","ABC Warehouse","106","CIEF/00156/00156","00156","CBD SDN BHD","00156-00156","4","9 Package","12cmx10cmx12cm","20kg", ""],
|
||||
// ["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"],
|
||||
];
|
||||
@@ -1481,7 +1619,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
"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: 'Departure WRN',
|
||||
text: 'Receive Goods',
|
||||
className: 'btn red btn-circle btn-outline qweqwe',
|
||||
action: function ( e, dt, node, config ) {
|
||||
$("#qweqwe").trigger('click');
|
||||
@@ -1492,20 +1630,23 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
],
|
||||
fixedHeader:false,
|
||||
columns: [
|
||||
{ title: "No" },
|
||||
{ title: 'Container<br>No <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>' },
|
||||
{ title: 'Shipment <br>Reference<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
|
||||
{ title: 'Loading<br> Date<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
|
||||
{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
|
||||
{ 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: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
|
||||
{ title: 'Receive<br>Date <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>' },
|
||||
{ title: 'Warehouse <br>Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
|
||||
{ title: 'Warehouse Receive<br>Note No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
|
||||
{ title: 'Marking<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>' },
|
||||
{ title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>' },
|
||||
{ title: 'Transporter<br>Company Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
|
||||
{ title: 'Consignment<br>Note<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
|
||||
{ title: 'Total<br>CTN<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
|
||||
{ title: 'UOM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
|
||||
{ title: 'Total<br>CBM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
|
||||
{ title: 'Total Goods<br>Weight<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_12\')"></span>' },
|
||||
// { title: 'Stats' },
|
||||
],
|
||||
|
||||
initComplete: function () {
|
||||
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11]);
|
||||
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11,12,13]);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -1561,12 +1702,12 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
configFilter(this, [ 2,3, 4,5,6,7,8]);
|
||||
}
|
||||
});
|
||||
table1.columns( 12 ).search( 'Not Completed' ).draw();
|
||||
table1.columns( 13 ).search( 'Not Completed' ).draw();
|
||||
$('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
|
||||
if(state == true){
|
||||
table1.columns( 12 ).search( 'Not Completed' ).draw();
|
||||
table1.columns( 13 ).search( 'Not Completed' ).draw();
|
||||
}else{
|
||||
table1.columns( 12 ).search( 'Completed' ).draw();
|
||||
table1.columns( 13 ).search( 'Completed' ).draw();
|
||||
|
||||
}
|
||||
|
||||
@@ -1998,6 +2139,85 @@ jQuery(document).ready(function() {
|
||||
});
|
||||
|
||||
</script>
|
||||
<script>
|
||||
var counter = 1;
|
||||
var limit = 3;
|
||||
function addInput(divName){
|
||||
if (counter == limit) {
|
||||
alert("You have reached the limit of adding " + counter + " inputs");
|
||||
}
|
||||
else {
|
||||
var newdiv = document.createElement('div');
|
||||
newdiv.innerHTML = "Remark " + (counter + 1) + " <br><input type='text' style='height: 100px; width: 340px' name='myInputs[]'>";
|
||||
document.getElementById(divName).appendChild(newdiv);
|
||||
counter++;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
function myFunction() {
|
||||
var table = document.getElementById("myTable");
|
||||
var row = table.insertRow(0);
|
||||
var cell1 = row.insertCell(0);
|
||||
var cell2 = row.insertCell(1);
|
||||
cell1.innetHTML = "NEW CELL1";
|
||||
cell2.innerHTML = "NEW CELL2";
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
// append row to the HTML table
|
||||
function appendRow() {
|
||||
var tbl = document.getElementById('myTable'), // table reference
|
||||
row = tbl.insertRow(tbl.rows.length), // append table row
|
||||
i;
|
||||
// insert table cells to the new row
|
||||
for (i = 0; i < tbl.rows[0].cells.length; i++) {
|
||||
createCell(row.insertCell(i), i, 'row');
|
||||
}
|
||||
}
|
||||
|
||||
// create DIV element and append to the table cell
|
||||
function createCell(cell, text, style) {
|
||||
var div = document.createElement('div'), // create DIV element
|
||||
txt = document.createTextNode(text); // create text node
|
||||
div.appendChild(txt); // append text node to the DIV
|
||||
div.setAttribute('class', style); // set DIV class attribute
|
||||
div.setAttribute('className', style); // set DIV class attribute for IE (?!)
|
||||
cell.appendChild(div); // append DIV to the table cell
|
||||
}
|
||||
// append column to the HTML table
|
||||
function appendColumn() {
|
||||
var tbl = document.getElementById('myTable'), // table reference
|
||||
i;
|
||||
// open loop for each row and append cell
|
||||
for (i = 0; i < tbl.rows.length; i++) {
|
||||
createCell(tbl.rows[i].insertCell(tbl.rows[i].cells.length), i, 'col');
|
||||
}
|
||||
}
|
||||
// delete table rows with index greater then 0
|
||||
function deleteRows() {
|
||||
var tbl = document.getElementById('myTable'), // table reference
|
||||
lastRow = tbl.rows.length - 1, // set the last row index
|
||||
i;
|
||||
// delete rows with index greater then 0
|
||||
for (i = lastRow; i > 0; i--) {
|
||||
tbl.deleteRow(i);
|
||||
}
|
||||
}
|
||||
|
||||
// delete table columns with index greater then 0
|
||||
function deleteColumns() {
|
||||
var tbl = document.getElementById('myTable'), // table reference
|
||||
lastCol = tbl.rows[0].cells.length - 1, // set the last column index
|
||||
i, j;
|
||||
// delete cells with index greater then 0 (for each row)
|
||||
for (i = 0; i < tbl.rows.length; i++) {
|
||||
for (j = lastCol; j > 0; j--) {
|
||||
tbl.rows[i].deleteCell(j);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user