This commit is contained in:
Syed Amir
2017-09-18 09:52:20 +08:00
parent 559e70e9e1
commit 19384daa1c
3 changed files with 65 additions and 4 deletions
+2 -2
View File
@@ -270,7 +270,7 @@
<label class="control-label col-md-3">Forwarder</label>
<div class="col-md-9">
<div class="input-group select2-bootstrap-prepend">
<select id="select2-button-addons-single-input-group" class="form-control qweqweqweqwe" >
<select id="select2-button-addons-single-input-group" class="form-control qweqweqwe" >
<option value="CIEF Worldwide" data-nama="CIEF Worldwide" data-thumb="../assets/layouts/layout/img/comp1.png">CIEF Worldwide</option>
<option value="Magic Cyberjaya" data-nama="Magic Cyberjaya" data-thumb="../assets/layouts/layout/img/comp2.png">Magic Cyberjaya</option>
<option value="Home Made Market" data-nama="Home Made Market" data-thumb="../assets/layouts/layout/img/comp5.jpg">Home Made Market</option>
@@ -668,7 +668,7 @@
});
$.fn.select2.defaults.set("theme", "bootstrap");
$(".qweqweqweqwe").select2({
$(".qweqweqwe").select2({
placeholder: "Select a Forwarder",
escapeMarkup: function(markup) {
return markup;
+2 -2
View File
@@ -332,7 +332,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="form-group">
<label for="so" class="col-md-2 control-label">Type</label>
<div class="col-md-4">
<select id="folder" class="form-control" onchange="show_hide(this);">
<select id="folder" class="form-control">
<option>Please Select</option>
<option value="000">New Order</option>
<option value="001">Purchase Oder</option>
@@ -709,7 +709,7 @@ License: You must have a valid license purchased only from themeforest(the above
<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-wizard.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-wizard.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/table-datatables-editable.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
@@ -197,6 +197,22 @@ var FormWizard = function () {
$('#form_wizard_1').find('.button-next').show();
$('#form_wizard_1').find('.button-submit').hide();
}
if (current == 1) {
$('#form_wizard_2').find('.button-previous').hide();
} else {
$('#form_wizard_2').find('.button-previous').show();
}
if (current >= total) {
$('#form_wizard_2').find('.button-next').hide();
$('#form_wizard_2').find('.button-submit').show();
displayConfirm();
} else {
$('#form_wizard_2').find('.button-next').show();
$('#form_wizard_2').find('.button-submit').hide();
}
App.scrollTo($('.page-title'));
}
@@ -241,10 +257,55 @@ var FormWizard = function () {
}
});
$('#form_wizard_2').bootstrapWizard({
'nextSelector': '.button-next',
'previousSelector': '.button-previous',
onTabClick: function (tab, navigation, index, clickedIndex) {
return false;
success.hide();
error.hide();
if (form.valid() == false) {
return false;
}
handleTitle(tab, navigation, clickedIndex);
},
onNext: function (tab, navigation, index) {
success.hide();
error.hide();
if (form.valid() == false) {
return false;
}
handleTitle(tab, navigation, index);
},
onPrevious: function (tab, navigation, index) {
success.hide();
error.hide();
handleTitle(tab, navigation, index);
},
onTabShow: function (tab, navigation, index) {
var total = navigation.find('li').length;
var current = index + 1;
var $percent = (current / total) * 100;
$('#form_wizard_2').find('.progress-bar').css({
width: $percent + '%'
});
}
});
$('#form_wizard_1').find('.button-previous').hide();
$('#form_wizard_1 .button-submit').click(function () {
}).hide();
$('#form_wizard_2').find('.button-previous').hide();
$('#form_wizard_2 .button-submit').click(function () {
}).hide();
//apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
$('#country_list', form).change(function () {
form.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input