mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-21 13:43:55 +00:00
warehousenote
This commit is contained in:
Syed Amir
@@ -20,6 +20,7 @@
|
||||
<![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<<<<<<< HEAD
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
@@ -109,6 +110,99 @@
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
=======
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<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" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-editable/inputs-ext/address/address.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<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;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
>>>>>>> f30d2573155bcd9f646a8b9f076026439e206755
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,8 @@
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
@@ -245,7 +247,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab1" data-toggle="tab" class="step">
|
||||
<a href="#tab2" data-toggle="tab" class="step">
|
||||
<span class="number"> 2 </span>
|
||||
<span class="desc">
|
||||
<i class="fa fa-check"></i> Buyer </span>
|
||||
@@ -270,8 +272,207 @@
|
||||
<div class="progress-bar progress-bar-success"> </div>
|
||||
</div>
|
||||
<div class="tab-content">
|
||||
|
||||
<div class="tab-pane active" id="tab1">
|
||||
<h3 class="block"><b>List Forwarder</b></h3>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3" style="font-size: 100%">Forwarder</label>
|
||||
<div class="col-md-9">
|
||||
<select id="folder" class="form-control select2">
|
||||
<option>Please select your forwarder</option>
|
||||
<option value="000">CIEF Worldwide</option>
|
||||
<option value="001">Magic Cyberjaya</option>
|
||||
<option value="002">Arleta</option>
|
||||
<option value="003">Home Made Market</option>
|
||||
</select>
|
||||
</div>
|
||||
<br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="tab-pane active" id="forwarder1" style="display: none;">
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"><strong> CIEF Worldwide </strong> </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> ABC1234567 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> PM Wong </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane active" id="forwarder2" style="display: none;">
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"><strong> Magic Cyberjaya </strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> ABC1234567 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> PM Wong </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane active" id="forwarder3" style="display: none;">
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"><strong> Arleta </strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> ABC1234567 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> PM Wong </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane active" id="forwarder4" style="display: none;">
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"><strong> Home Made Market </strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> ABC1234567 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> PM Wong </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<div class="form-actions">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-5 col-md-9">
|
||||
<a href="javascript:;" class="btn default button-previous"> Back </a>
|
||||
<a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane active" id="tab2">
|
||||
<h3 class="block"><b>List Forwarder</b></h3>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
@@ -343,89 +544,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tab2">
|
||||
<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">Details</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Marking</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control" value="CIEF/12345/789 " disabled></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Date</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Supplier Company</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact No</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<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="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Account No</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Bank Name</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" class="form-control"> </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 default button-previous"> Edit </a>
|
||||
<a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="tab3">
|
||||
<div class="col-md-13">
|
||||
<div class="portlet light bordered">
|
||||
@@ -698,6 +817,7 @@
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
@@ -707,6 +827,8 @@
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
|
||||
<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>
|
||||
@@ -736,7 +858,33 @@
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
$( "#folder" ).change(function() {
|
||||
var select_value = $(this).val();
|
||||
if(select_value == "000"){
|
||||
$("#forwarder1").show();
|
||||
$("#forwarder2").hide();
|
||||
$("#forwarder3").hide();
|
||||
$("#forwarder4").hide();
|
||||
}else if(select_value == "001"){
|
||||
$("#forwarder2").show();
|
||||
$("#forwarder1").hide();
|
||||
$("#forwarder3").hide();
|
||||
$("#forwarder4").hide();
|
||||
}else if(select_value == "002"){
|
||||
$("#forwarder3").show();
|
||||
$("#forwarder1").hide();
|
||||
$("#forwarder2").hide();
|
||||
$("#forwarder4").hide();
|
||||
}else if(select_value == "003"){
|
||||
$("#forwarder4").show();
|
||||
$("#forwarder1").hide();
|
||||
$("#forwarder2").hide();
|
||||
$("#forwarder3").hide();
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user