Purchase Order2

This commit is contained in:
Hazirah Nabilah
2017-09-06 12:46:33 +08:00
parent 26b612fe85
commit 7597effa00
2 changed files with 234 additions and 3 deletions
+2 -1
View File
@@ -50,7 +50,8 @@ License: You must have a valid license purchased only from themeforest(the above
<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" />
<!-- 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" />
+232 -2
View File
@@ -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">
@@ -698,6 +899,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 +909,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 +940,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>