~edwinvandeven/openstudio/2018.1

<!--

 

    Created by Edwin van de Ven (edwin@openstudioproject.com)

    License: GPLv2 or v3

 

-->

<script>

                $('input[type="checkbox"]').change(function() {

                        var $form = $(this).closest('form');

                        var data = $form.serializeArray();

                        // put the checkbox in a variable so we can use it to change the checkbox status.

                        var $checkbox = $(this);

                        // post attendance info

                        var url = '/events/ticket_customer_update_info.json';

                        var post = $.post(url, data, function(json) {

                                console.log("Posted product customer info to " + url + 

                                                        ", data: " + JSON.stringify(data)); 

                        }, "json");

 

                        // Success

                        post.done(function(json) {

                                $('div.w2p_flash').html(json.message + '<span id="closeflash"> × </span>');

                                $('div.w2p_flash').show();

                                setTimeout(function() {

                                        $('div.w2p_flash').fadeOut();   

                                }, 2500 );

                                if (json.status == 'fail') {

                                        revert_checkbox_state();

                                }

                                console.log("Attendance update info done, result: " + JSON.stringify(json));

                        });

                

                        // fail

                        post.fail(function(data) {

                                var msg = "Uh oh... something went wrong when updating the attendance info..."

                                $('div.w2p_flash').html(msg + '<span id="closeflash"> × </span>');

                                $('div.w2p_flash').show();

                                setTimeout(function() {

                                        $('div.w2p_flash').fadeOut();   

                                }, 2500 );

                                console.log("Failed update attendance info. Status: " + data.status + " " +

                                                        "Status Text: " + data.statusText);

                                /* revert checkbox status to the status it had before the click that 

                                        initiated the failed post. */

                                revert_checkbox_state();

                        });

                

                        function revert_checkbox_state() {

                                checked = $checkbox.prop('checked');

                                $checkbox.prop('checked', !checked);

                        }

                });

</script>