MediaWiki:Gadget-FormCheck.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
$('#TfacsSubmission').ready( function() {

    $('.section-nav-toggles').click( function(event) {
        setTimeout( function() {
            var activeTable = $('.mw-collapsible:not(.mw-collapsed)')
            var atOffset = $(activeTable).offset().top
            var navBarHeight = $('#mw-navigation').outerHeight()
            $([document.documentElement, document.body]).animate({
                scrollTop: atOffset - ( navBarHeight * 2 ) - 7
            }, 0);
        }, "1");
        $(this).next().next('.section-nav-toggles').toggle();
        $(this).prev().prev('.section-nav-toggles').toggle();
        var nextText = 'Next section <i class="fa-duotone fa-diagram-next pl-1"></i>'
        var prevText = 'Previous section <i class="fa-duotone fa-diagram-previous pl-1"></i>'
        if ( $(this).html() == nextText ) {
           $(this).html(prevText);
        } else {
           $(this).html(nextText);
        }
    });

    function checkFields(classes) {
        if( classes.filter(function() { return this.value === ''; }).length === 0 ) {
            var status = $('input[name="status"]').val();
            if( status === 'Complete' ) {
                $('.form-status').addClass('alert-danger').html("Current status: <b>COMPLETE</b>. It looks like you've completed your application. Please revise carefully all the fields in the form and verify that your information is correct. You can then click 'Submit your final application' at the bottom.");
            } else if( status === 'Saved' ){
                $('.form-status').addClass('alert-success').html('Current status: <b>SAVED</b>. All filled! Status will change to complete upon next save.');
                console.log('Setting STATUS to "Complete".');
                $('input[name="status"]').val("Complete");
            }
        } else {
            console.log("Fields still missing.");
            var fieldsMissing = ''
            classes.each( function(index, val) {
                if( !$(this).val() ){
                    var name = $(this).attr("name");
                    console.log( index + ': ' + name );
                    fieldsMissing = fieldsMissing + '<div>' + index + ': ' + name + '</div>'
                }
            });
            $('input[name="status"]').val("Saved");
            $('.form-status').addClass('alert-primary').html('Current status: <b>SAVED</b>. Some fields are still missing.' );
        }
    }


    function checkForm() {
        $('#TfacsSubmission input, #TfacsSubmission select, #TfacsSubmission textarea').prop('disabled', false);
        if( $('select[name="retreattype[]"]').val() === 'Three-year retreat') {
            checkFields($('.MustField, .ThreeMustField'))
        } else if( $('select[name="retreattype[]"]').val() === 'Solitary hermitage') {
            checkFields($('.MustField, .SolMustField'))
        } else {
            console.log("Retreat type not set." + $('select[name="retreattype[]"]').val());
            $('.form-status').addClass('alert-primary').html('Current status: <b>SAVED</b>. Retreat type not set.' );
        }
    }

    function checkTables() {
        if( $('select[name="retreattype[]"]').val() === 'Three-year retreat') {
            $('table.mw-made-collapsible').each(function(index, elem) {
                if( $(this).find('.MustField, .ThreeMustField').filter(function() { return this.value === ''; }).length === 0 ) {
                    $(this).children('caption').children('.checkMrk').show();
                }
            });
        } else if( $('select[name="retreattype[]"]').val() === 'Solitary hermitage') {
            $('table.mw-made-collapsible').each(function(index, elem) {
                if( $(this).find('.MustField, .SolMustField').filter(function() { return this.value === ''; }).length === 0 ) {
                    $(this).children('caption').children('.checkMrk').show();
                }
            });
        }
    }

    if( ($('input[name="status"]').val() === 'Saved') || ($('input[name="status"]').val() === 'Complete') ) {
        $(checkForm());
        $(checkTables());
        $('#TfacsSubmission input, #TfacsSubmission select, #TfacsSubmission textarea').on( "keyup", checkTables() );
    } else {
        $('#TfacsSubmission input, #TfacsSubmission select, #TfacsSubmission textarea').not('#DummyField, #TfacsSubmitApplication').prop('disabled', true);
        $('.form-status').addClass('alert-dark').html('Current status: <b>SUBMITTED</b>. <br> Your application has been submitted. The contemplative scholarship administrator will contact you shortly.' );
    }
})