Sanctuary

'); c++; }); $('#survey-app .gfield.group-1').wrapAll(''); // c++; $('#survey-app .gfield.group-2').wrapAll(''); c = 1; var pager = ""; var active = ""; $('#survey-app .step').each(function(){ active = ( c == 1 ) ? "active" : ""; pager += '

' + c + '

'; c++; }); $('ul._progress').html( pager ); // add steps buttons c = 1; $('#survey-app .step').each(function(){ var prev = parseInt( c - 1 ); var next = parseInt( c + 1 ); $(this).append('

Next\

'); c++; }); $('#survey-app').addClass("loaded"); }, multiStepForm: { init: function(){ app.multiStepForm.next(); app.multiStepForm.previous(); app.multiStepForm.progressbarUpdate(); }, progressbarUpdate: function(){ var total = $('#survey-app .step').length * 1, curr = $('#survey-app .step.active a.brand-btn').attr('data-current') * 1, perc = (( curr/total ) * 100); $('.progressBar .progress').css('width', perc + '%'); }, next: function(){ $('#survey-app .step a.next').on('click', function(e){ e.preventDefault(); var t = this, step = $(t).attr('data-current'), next = step*1+1, target = $(t).attr('href'), proceed = true; $('body').attr('data-step', target); // making sure all required form fields are not empty $(t).closest('.step').find('.gfield_contains_required select').each(function(){ if( $(this).val() == "" ){ $(this).addClass('error'); // $(this).val('This field is required'); proceed = false; } }); if( proceed ){ // move to next page $(t).closest('.step').removeClass('active'); //$('.modal-form #survey-app .step-' + next ).addClass('active'); $('#survey-app ' + target ).addClass('active'); } app.multiStepForm.progressbarUpdate(); return false; }); }, previous: function(){ $('#survey-app .step a.previous').on('click', function(e){ e.preventDefault(); var t = this, step = $(t).attr('data-current'), previous = step*1-1, target = $(t).attr('href'), proceed = true; if( target == "#step-0" ){ return false; } $('body').attr('data-step', target); if( proceed ){ // move to previous page $(t).closest('.step').removeClass('active'); // $('.modal-form #survey-app .step-' + previous ).addClass('active'); $('#survey-app ' + target ).addClass('active'); } app.multiStepForm.progressbarUpdate(); return false; }); } } } $(document).ready(function(){ app.init(); }); })(jQuery);