mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-19 04:33:55 +00:00
so update
This commit is contained in:
Hazirah Nabilah
@@ -72,6 +72,10 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
background: transparent;
|
||||
border: none !important;
|
||||
}
|
||||
.pllt {
|
||||
width:50%
|
||||
height:50%
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
@@ -257,7 +261,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> SHIPPING ORDER</h1>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet box green">
|
||||
@@ -373,6 +376,19 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="text" class="form-control" id="supplier" placeholder="Infinite co.">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="so" class="col-md-2 control-label">Warehouse Name</label>
|
||||
<div class="col-md-4">
|
||||
<select class="form-control">
|
||||
<option>Please choose your order</option>
|
||||
<option value="000">A</option>
|
||||
<option value="001">B</option>
|
||||
<option value="002">C</option>
|
||||
<option value="004">D</option>
|
||||
<option value="006">E</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="so" class="col-md-2 control-label">Warehouse Name</label>
|
||||
<div class="col-md-4">
|
||||
@@ -412,8 +428,21 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="so" class="col-md-2 control-label">Warehouse Name</label>
|
||||
<div class="col-md-4">
|
||||
<select class="form-control">
|
||||
<option>Please choose your order</option>
|
||||
<option value="000">A</option>
|
||||
<option value="001">B</option>
|
||||
<option value="002">C</option>
|
||||
<option value="004">D</option>
|
||||
<option value="006">E</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="so" class="col-md-2 control-label">Warehouse Address</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" id="marking" placeholder="IFNT">
|
||||
<input type="textarea" class="form-control" id="marking" placeholder="IFNT">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -467,8 +496,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<li>Depth = 12</li></ul>
|
||||
</div> </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>145kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Cross = 12</li>
|
||||
<li>Nett = 15</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
|
||||
<li>Nett = 15kg</li></ul>
|
||||
</div> </td>
|
||||
<td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" /></td>
|
||||
<td> </td>
|
||||
@@ -481,13 +510,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<td>Unit </td>
|
||||
<td>20 </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>452m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12</li>
|
||||
<li>Widht = 15</li>
|
||||
<li>Depth = 12</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>452m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
|
||||
<li>Widht = 15cm</li>
|
||||
<li>Depth = 12cm</li></ul>
|
||||
</div> </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>142kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Cross = 12</li>
|
||||
<li>Nett = 15</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
|
||||
<li>Nett = 15kg</li></ul>
|
||||
</div></td>
|
||||
<td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
|
||||
<td> </td>
|
||||
@@ -500,13 +529,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<td>Unit </td>
|
||||
<td>5 </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>145m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12</li>
|
||||
<li>Widht = 15</li>
|
||||
<li>Depth = 12</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>145m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
|
||||
<li>Widht = 15cm</li>
|
||||
<li>Depth = 12cm</li></ul>
|
||||
</div> </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>186kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Cross = 12</li>
|
||||
<li>Nett = 15</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
|
||||
<li>Nett = 15kg</li></ul>
|
||||
</div> </td>
|
||||
<td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
|
||||
<td> </td>
|
||||
@@ -519,13 +548,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<td>Unit </td>
|
||||
<td>5 </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>154m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12</li>
|
||||
<li>Widht = 15</li>
|
||||
<li>Depth = 12</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>154m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
|
||||
<li>Widht = 15cm</li>
|
||||
<li>Depth = 12cm</li></ul>
|
||||
</div> </td>
|
||||
<td><div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>541kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Cross = 12</li>
|
||||
<li>Nett = 15</li></ul>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
|
||||
<li>Nett = 15kg</li></ul>
|
||||
</div> </td>
|
||||
<td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
|
||||
<td> </td>
|
||||
@@ -693,6 +722,90 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<div class="tab-pane" id="packing">
|
||||
<h3 class="block">Packing Details</h3>
|
||||
<div class="col-md-6">
|
||||
<h5><strong>Packing</strong></h5>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Quantity
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" name="quantity" placeholder="30"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3"> Photo
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<div class="fileinput fileinput-new" data-provides="fileinput">
|
||||
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
|
||||
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<span class="fileinput-new"></span>
|
||||
<span class="fileinput-exists"></span>
|
||||
<input type="file" name="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-md-3 control-label">Packaging</label>
|
||||
<span class="required"> * </span>
|
||||
<div class="col-md-5">
|
||||
<select id="folder2" class="form-control">
|
||||
<option>Please choose</option>
|
||||
<option value="ctn">Carton</option>
|
||||
<option value="plt">Pallet</option>
|
||||
<option value="sck">Sacks</option>
|
||||
<option value="add">Add new</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane active" id="carton" style="display: none;">
|
||||
<form role="form" action="#">
|
||||
<label class="col-md-3 control-label"> </label>
|
||||
<div class="form-group">
|
||||
<div class="col-md-4">
|
||||
<img src="../assets/global/img/carton.jpg" style="width: 200%; height: 200%;" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane active" id="pallet" style="display: none;">
|
||||
<form role="form" action="#">
|
||||
<label class="col-md-3 control-label"> </label>
|
||||
<div class="form-group">
|
||||
<div class="col-md-4">
|
||||
<img src="../assets/global/img/pallet.png" style="width: 200%; height: 200%;" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane active" id="sacks" style="display: none;">
|
||||
<form role="form" action="#">
|
||||
<label class="col-md-3 control-label"> </label>
|
||||
<div class="form-group">
|
||||
<div class="col-md-4">
|
||||
<img src="../assets/global/img/sack.jpg" style="width: 200%; height: 200%;" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane active" id="addnw" style="display: none;">
|
||||
<form role="form" action="#">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Please State
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" name="height" placeholder="Carton"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h5><strong>Measurement</strong></h5>
|
||||
<div class="form-group">
|
||||
@@ -719,15 +832,21 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="text" class="form-control" name="depth" placeholder="15"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h5><strong>Weight</strong></h5>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Cross
|
||||
<label class="control-label col-md-3">Ref
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" name="cross" placeholder="30"/>
|
||||
<img src="../assets/global/img/hwd.jpg" style="width: 225px; height: 150px;" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<h5><strong>Weight</strong></h5>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Gross
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" name="gross" placeholder="30"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -738,6 +857,23 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<input type="text" class="form-control" name="nett" placeholder="20"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Upload <br/> Photo
|
||||
<span class="required"> * </span>
|
||||
</label>
|
||||
<div class="col-md-4">
|
||||
<div class="fileinput fileinput-new" data-provides="fileinput">
|
||||
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
|
||||
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<span class="fileinput-new"></span>
|
||||
<span class="fileinput-exists"></span>
|
||||
<input type="file" name="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +885,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<a href="javascript:;" class="btn btn-outline green button-next2"> Next
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="javascript:;" class="btn green button-submit2"> Finish
|
||||
<a href="chat.html" class="btn green button-submit2"> Finish
|
||||
<i class="fa fa-check"></i>
|
||||
</a>
|
||||
</div>
|
||||
@@ -862,6 +998,32 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
$("#issue1").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$( "#folder2" ).change(function() {
|
||||
var select_value = $(this).val();
|
||||
if(select_value == "ctn"){
|
||||
$("#carton").show();
|
||||
$("#pallet").hide();
|
||||
$("#sacks").hide();
|
||||
$("#addnw").hide();
|
||||
}else if(select_value == "plt"){
|
||||
$("#carton").hide();
|
||||
$("#pallet").show();
|
||||
$("#sacks").hide();
|
||||
$("#addnw").hide();
|
||||
}else if(select_value == "sck"){
|
||||
$("#carton").hide();
|
||||
$("#pallet").hide();
|
||||
$("#sacks").show();
|
||||
$("#addnw").hide();
|
||||
}else if(select_value == "add"){
|
||||
$("#carton").hide();
|
||||
$("#pallet").hide();
|
||||
$("#sacks").hide();
|
||||
$("#addnw").show();
|
||||
}
|
||||
});
|
||||
|
||||
var FormWizard = function () {
|
||||
|
||||
|
||||
|
||||
@@ -424,7 +424,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<td> 14</td>
|
||||
<td><center>
|
||||
<div class='btn-group'>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
|
||||
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview PL</a></li>
|
||||
<li><a href='shippingorder.html'> Edit </a></li>
|
||||
<li><a href='shippingorder.html'> Cancel </a></li></ul>
|
||||
</div><br/></center>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Reference in New Issue
Block a user