Gecko [ edgpens.lpkmn.gov.my ]

Name	Size	Permission
appEmail.js	1.67 KB	-rw-rw-rw-
appMedia.js	1.9 KB	-rw-rw-rw-
appSocial.js	2.97 KB	-rw-rw-rw-
compAnimations.js	724 B	-rw-rw-rw-
compCalendar.js	5.92 KB	-rw-rw-rw-
compCharts.js	9.83 KB	-rw-rw-rw-
compGallery.js	1.9 KB	-rw-rw-rw-
compMaps.js	3.99 KB	-rw-rw-rw-
compNestable.js	1.72 KB	-rw-rw-rw-
compTodo.js	1.87 KB	-rw-rw-rw-
compTree.js	627 B	-rw-rw-rw-
formsComponents.js	517 B	-rw-rw-rw-
formsValidation.js	4.17 KB	-rw-rw-rw-
formsWizard.js	5.7 KB	-rw-rw-rw-
readyDashboard.js	5.39 KB	-rw-rw-rw-
readyLogin.js	2.01 KB	-rw-rw-rw-
readyRegister.js	3.07 KB	-rw-rw-rw-
readyReminder.js	1.52 KB	-rw-rw-rw-
readyTimeline.js	785 B	-rw-rw-rw-
uiIcons.js	964 B	-rw-rw-rw-
uiProgress.js	1.7 KB	-rw-rw-rw-
uiTables.js	3.74 KB	-rw-rw-rw-
uiTables_old.js	3.21 KB	-rw-rw-rw-
uiTypography.js	783 B	-rw-rw-rw-
uiWidgets.js	6.72 KB	-rw-rw-rw-

Code Editor : formsWizard.js

/*
 *  Document   : formsWizard.js
 *  Author     : pixelcave
 *  Description: Custom javascript code used in Forms Wizard page
 */

var FormsWizard = function() {

return {
        init: function() {
            /*
             *  Jquery Wizard, Check out more examples and documentation at http://www.thecodemine.org
             *  Jquery Validation, Check out more examples and documentation at https://github.com/jzaefferer/jquery-validation
             */

/* Set default wizard options */
            var wizardOptions = {
                focusFirstInput: true,
                disableUIStyles: true,
                inDuration: 0,
                outDuration: 0
            };

/* Initialize Clickable Wizard */
            var clickableWizard = $('#clickable-wizard');

clickableWizard.formwizard(wizardOptions);

$('.clickable-steps a').on('click', function(){
                var gotostep = $(this).data('gotostep');

clickableWizard.formwizard('show', gotostep);
            });

/* Initialize Progress Wizard */
            $('#progress-wizard').formwizard(wizardOptions);

// Get the progress bar and change its width when a step is shown
            var progressBar = $('#progress-bar-wizard');
            progressBar
                .css('width', '33%')
                .attr('aria-valuenow', '33');

$("#progress-wizard").bind('step_shown', function(event, data){
		if (data.currentStep === 'progress-first') {
                    progressBar
                        .css('width', '33%')
                        .attr('aria-valuenow', '33')
                        .removeClass('progress-bar-info progress-bar-success')
                        .addClass('progress-bar-danger');
                }
                else if (data.currentStep === 'progress-second') {
                    progressBar
                        .css('width', '66%')
                        .attr('aria-valuenow', '66')
                        .removeClass('progress-bar-danger progress-bar-success')
                        .addClass('progress-bar-info');
                }
                else if (data.currentStep === 'progress-third') {
                    progressBar
                        .css('width', '100%')
                        .attr('aria-valuenow', '100')
                        .removeClass('progress-bar-danger progress-bar-info')
                        .addClass('progress-bar-success');
                }
            });

/* Initialize Validation Wizard */
            $('#validation-wizard').formwizard({
                disableUIStyles: true,
                validationEnabled: true,
                validationOptions: {
                    errorClass: 'help-block animation-slideDown', // You can change the animation class for a different entrance animation - check animations page
                    errorElement: 'span',
                    errorPlacement: function(error, e) {
                        e.parents('.form-group > div').append(error);
                    },
                    highlight: function(e) {
                        $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
                        $(e).closest('.help-block').remove();
                    },
                    success: function(e) {
                        // You can use the following if you would like to highlight with green color the input after successful validation!
                        e.closest('.form-group').removeClass('has-success has-error'); // e.closest('.form-group').removeClass('has-success has-error').addClass('has-success');
                        e.closest('.help-block').remove();
                    },
                    rules: {
                        'example-validation-username': {
                            required: true,
                            minlength: 2
                        },
                        'example-validation-password': {
                            required: true,
                            minlength: 5
                        },
                        'example-validation-confirm-password': {
                            required: true,
                            equalTo: '#example-validation-password'
                        },
                        'example-validation-email': {
                            required: true,
                            email: true
                        },
                        'example-validation-terms': {
                            required: true
                        }
                    },
                    messages: {
                        'example-validation-username': {
                            required: 'Please enter a username',
                            minlength: 'Your username must consist of at least 2 characters'
                        },
                        'example-validation-password': {
                            required: 'Please provide a password',
                            minlength: 'Your password must be at least 5 characters long'
                        },
                        'example-validation-confirm-password': {
                            required: 'Please provide a password',
                            minlength: 'Your password must be at least 5 characters long',
                            equalTo: 'Please enter the same password as above'
                        },
                        'example-validation-email': 'Please enter a valid email address',
                        'example-validation-terms': 'Please accept the terms to continue'
                    }
                },
                inDuration: 0,
                outDuration: 0
            });
        }
    };
}();

${this.title}

Code Editor : formsWizard.js