JSFiddle - React, Tailwind, and code Playground

by Dave Mednick

JavaScript

$(function() {
    var cDone = [];
    var t_id = '<?=$t_id;?>';
    $('.mainlegend').css('color', '#000');
    $('#mets_update').addClass('middle');
    $('#mets_update').validate({
        validClass: 'ui-state-highlight',
        errorClass: 'fieldnote',
        errorLabelContainer: "#errmsgs ul",
        wrapper: 'li',
        debug: false,
        ignoreTitle: true,
        highlight: function(e) {
            $(e, 'label[for=' + e.name + ']').addClass('ui-state-error');
        }
    });
    $('#addl_info').addClass('sideRight');
    $('#basics').css('text-align', 'center').addClass('centered');
    $('.right_col').css('width', '240px', 'margin', '12px 75px', 'margin-top', '0');
    $('select').width(255);
    $('label').css('float', 'left').width(350).css('margin', '12px 25px', 'margin-top', '0');
    $('#submit_ticket').button().css('padding', '6px').click(function(e) {
        if (($('#mets_update').valid() === false)) {
            return;
        }
        e.preventDefault();
        var updTicket = [];
        var tktComplete = false;
        var numChks = $('#sel_checks button').length;
        console.log(numChks);
        var grnChks = $('.green_button').length;
        console.log(grnChks);
        updTicket = $('#mets_update').serialize();
        if ((numChks == grnChks) && (numChks !== 0)) {
            updTicket = updTicket.concat('&stage=4');
            tktComplete = true;
            console.log('Ticket is completed!');
        } else {
            updTicket = updTicket.concat('&stage=3');
            console.log('Ticket is NOT completed!');
        }
        $('.green_button').each(function() {
            updTicket = updTicket.concat('&' + $(this).attr('name') + '=1');
        });
        $('.red_button').each(function() {
            updTicket = updTicket.concat('&' + $(this).attr('name') + '=0');
        });
        $.get('doSaveTicket.php', {
            tkt_data: updTicket,
            t_id: t_id
        }, function() {
//           ...