mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-24 23:23:56 +00:00
Purchase Order2
This commit is contained in:
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user