 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/gositeme.com/public_html/quickqr/admin/assets/js/pages/ |
/*
Document: base_forms_wizard.js
Author: Zeunix
Description: Custom JS code used in Form Wizard Page
*/
var BaseFormWizard = function() {
// Init simple wizard: http://vadimg.com/twitter-bootstrap-wizard-example/
var initWizardSimple = function() {
jQuery( '.js-wizard-simple' ).bootstrapWizard({
'tabClass': '',
'firstSelector': '.wizard-first',
'previousSelector': '.wizard-prev',
'nextSelector': '.wizard-next',
'lastSelector': '.wizard-last',
'onTabShow': function( $tab, $navigation, $index ) {
var $total = $navigation.find( 'li' ).length,
$current = $index + 1,
$percent = ( $current/$total ) * 100,
// Get core wizard elements
$wizard = $navigation.parents( '.card' ),
$progress = $wizard.find( '.wizard-progress > .progress-bar' ),
$btnPrev = $wizard.find( '.wizard-prev' ),
$btnNext = $wizard.find( '.wizard-next' ),
$btnFinish = $wizard.find( '.wizard-finish' );
// Update progress bar if there is one
if ( $progress ) {
$progress.css({ width: $percent + '%' });
}
// If it's the last tab then hide the last button and show the finish instead
if ( $current >= $total ) {
$btnNext.hide();
$btnFinish.show();
} else {
$btnNext.show();
$btnFinish.hide();
}
}
});
};
// Init wizards with validation: http://vadimg.com/twitter-bootstrap-wizard-example/
var initWizardValidation = function() {
// Get forms
var $form1 = jQuery( '.js-form1' );
var $form2 = jQuery( '.js-form2' );
// Prevent forms from submitting on enter key press
$form1.add( $form2 ).on( 'keyup keypress', function (e) {
var code = e.keyCode || e.which;
if ( code === 13 ) {
e.preventDefault();
return false;
}
});
// Init form validation on classic wizard form
var $validator1 = $form1.validate({
errorClass: 'help-block animated fadeInDown',
errorElement: 'div',
errorPlacement: function( error, e ) {
jQuery(e).parents( '.form-group > div' ).append( error );
},
highlight: function(e) {
jQuery(e).closest( '.form-group' ).removeClass( 'has-error' ).addClass( 'has-error' );
jQuery(e).closest( '.help-block' ).remove();
},
success: function(e) {
jQuery(e).closest( '.form-group' ).removeClass( 'has-error' );
jQuery(e).closest( '.help-block' ).remove();
},
rules: {
'validation-classic-firstname': {
required: true,
minlength: 2
},
'validation-classic-lastname': {
required: true,
minlength: 2
},
'validation-classic-email': {
required: true,
email: true
},
'validation-classic-details': {
required: true,
minlength: 5
},
'validation-classic-city': {
required: true
},
'validation-classic-skills': {
required: true
},
'validation-classic-terms': {
required: true
}
},
messages: {
'validation-classic-firstname': {
required: 'Please enter a firstname',
minlength: 'Your firtname must consist of at least 2 characters'
},
'validation-classic-lastname': {
required: 'Please enter a lastname',
minlength: 'Your lastname must consist of at least 2 characters'
},
'validation-classic-email': 'Please enter a valid email address',
'validation-classic-details': 'Let us know a few thing about you',
'validation-classic-skills': 'Please select a skill!',
'validation-classic-terms': 'You must agree with the service terms!'
}
});
// Init form validation on the other wizard form
var $validator2 = $form2.validate({
errorClass: 'help-block text-right animated fadeInDown',
errorElement: 'div',
errorPlacement: function(error, e) {
jQuery(e).parents( '.form-group .form-material' ).append(error);
},
highlight: function(e) {
jQuery(e).closest( '.form-group' ).removeClass( 'has-error' ).addClass( 'has-error' );
jQuery(e).closest( '.help-block' ).remove();
},
success: function(e) {
jQuery(e).closest( '.form-group' ).removeClass( 'has-error' );
jQuery(e).closest( '.help-block' ).remove();
},
rules: {
'validation-firstname': {
required: true,
minlength: 2
},
'validation-lastname': {
required: true,
minlength: 2
},
'validation-email': {
required: true,
email: true
},
'validation-details': {
required: true,
minlength: 5
},
'validation-city': {
required: true
},
'validation-skills': {
required: true
},
'validation-terms': {
required: true
}
},
messages: {
'validation-firstname': {
required: 'Please enter a firstname',
minlength: 'Your firtname must consist of at least 2 characters'
},
'validation-lastname': {
required: 'Please enter a lastname',
minlength: 'Your lastname must consist of at least 2 characters'
},
'validation-email': 'Please enter a valid email address',
'validation-details': 'Let us know a few thing about you',
'validation-skills': 'Please select a skill!',
'validation-terms': 'You must agree with the service terms!'
}
});
// Init classic wizard with validation
jQuery( '.js-wizard-classic-validation' ).bootstrapWizard({
'tabClass': '',
'previousSelector': '.wizard-prev',
'nextSelector': '.wizard-next',
'onTabShow': function( $tab, $nav, $index ) {
var $total = $nav.find( 'li' ).length;
var $current = $index + 1;
// Get core wizard elements
var $wizard = $nav.parents( '.card' );
var $btnNext = $wizard.find( '.wizard-next' );
var $btnFinish = $wizard.find( '.wizard-finish' );
// If it's the last tab then hide the last button and show the finish instead
if ( $current >= $total ) {
$btnNext.hide();
$btnFinish.show();
} else {
$btnNext.show();
$btnFinish.hide();
}
},
'onNext': function( $tab, $navigation, $index ) {
var $valid = $form1.valid();
if(!$valid) {
$validator1.focusInvalid();
return false;
}
},
onTabClick: function( $tab, $navigation, $index ) {
return false;
}
});
// Init wizard with validation
jQuery( '.js-wizard-validation' ).bootstrapWizard({
'tabClass': '',
'previousSelector': '.wizard-prev',
'nextSelector': '.wizard-next',
'onTabShow': function( $tab, $nav, $index ) {
var $total = $nav.find( 'li' ).length;
var $current = $index + 1;
// Get core wizard elements
var $wizard = $nav.parents( '.card' ),
$btnNext = $wizard.find( '.wizard-next' ),
$btnFinish = $wizard.find( '.wizard-finish' );
// If it's the last tab then hide the last button and show the finish instead
if ( $current >= $total ) {
$btnNext.hide();
$btnFinish.show();
} else {
$btnNext.show();
$btnFinish.hide();
}
},
'onNext': function( $tab, $navigation, $index ) {
var $valid = $form2.valid();
if ( ! $valid ) {
$validator2.focusInvalid();
return false;
}
},
onTabClick: function( $tab, $navigation, $index ) {
return false;
}
});
};
return {
init: function () {
// Init simple wizard
initWizardSimple();
// Init wizards with validation
initWizardValidation();
}
};
}();
// Initialize when page loads
jQuery( function() {
BaseFormWizard.init();
});