edit-tapschema.js

(function ($) {

    // Function factory to handle custom communications between the backing bean and JavaScript functions
    function eventHandlerFactory(handler, componentId) {
        return function (event) {
            if (event.status === 'success') {
                var srcId = componentId ? componentId : event.source.getAttribute('id');
                var jsUpdate = null, htmlUpdate = null;

                var jsupdates = event.responseXML.getElementById('jsupdates');
                if (jsupdates) {
                    jsupdates = jsupdates.childNodes;
                    for (var i = 0; i < jsupdates.length; i++) {
                        var jsu = jsupdates[i];
                        if (jsu.getAttribute('src') === srcId) {
                            jsUpdate = jsu.innerText || jsu.textContent;
                            break;
                        }
                    }
                }

                var htmlupdates = event.responseXML.getElementById('htmlupdates');
                if (htmlupdates) {
                    htmlupdates = htmlupdates.childNodes;
                    for (var i = 0; i < htmlupdates.length; i++) {
                        var hu = htmlupdates[i];
                        if (hu.getAttribute('src') === srcId) {
                            htmlUpdate = hu;
                            break;
                        }
                    }
                }

                handler(event.source, jsUpdate, htmlUpdate);
            }
        };
    }

    var COLUMNS_COMPONENT_ID = 'main:columns-list';

    window.TSM = {
        textInputChanged: eventHandlerFactory(function (srcElement, jsupdate) {
            $(srcElement).toggleClass('changed', jsupdate === 'true');
        }),
        columnChanged: function (event) {
            if (event.status === 'success') {
                var $li = $(event.source).closest('li');
                $li.closest('ul').find('li').removeClass('active');
                $li.addClass('active');
            }
        },
        stopPropagation: function (event) {
            event.stopPropagation();
            event.preventDefault();
            return false;
        },
        columnRemoved: eventHandlerFactory(function (srcElement, jsupdate, htmlupdate) {
            jsupdate = JSON.parse(jsupdate);
            var $ul = $(srcElement).closest('ul');
            if (jsupdate.hideRemoved) {
                $(srcElement).closest('li').remove();
            } else {
                $(srcElement).closest('a').find('span').addClass('strikeout');
                $(srcElement).prop('disabled', true);
            }
            if (jsupdate.selectedColumn !== undefined) {
                $ul.find('li').removeClass('active');
                $ul.find('li:nth-child(' + (jsupdate.selectedColumn + 1) + ')').addClass('active');
            }
            if (jsupdate.hideRemoved) {
                // Restore correct ids
                $htmlUpdate = $(htmlupdate);
                $htmlUpdate.find('li a');
                $htmlUpdate.find('li a input');

                $htmlUpdate.find('li').each(function (index, element) {
                    var $this = $(element);
                    var $input = $this.find('input');

                    var $li = $('.columns-selector').find('li:nth-child(' + (index + 1) + ')');
                    $li.attr('id', $this.attr('id'));
                    $li.find('a').attr('id', $this.find('a').attr('id'));
                    $li.find('input').attr('id', $input.attr('id')).attr('name', $input.attr('name'));
                });
            }
        }, COLUMNS_COMPONENT_ID),
        columnRemovalUndo: eventHandlerFactory(function (srcElement, jsupdate) {
            var $a = $('#main\\:columns-list\\:' + jsupdate + '\\:column-selector');
            $a.find('input').prop('disabled', false);
            $a.find('.strikeout').removeClass('strikeout');
        }, COLUMNS_COMPONENT_ID),
        ucdTextKeyDown: function (event) {
            if (event.keyCode === 13) {
                $('#ucd_search_form\\:search_UCD_btn').click();
            }
        },
        openAddablesModal: function (event) {
            if (event.status === 'success') {
                $('#addablesModal').modal('show');
            }
        },
        entitiesAdded: function (event) {
            if (event.status === 'success') {
                $('#addablesModal').modal('hide');
            }
        },
        openSearchUCDModal: function (event) {
            if (event.status === 'success') {
                $('.loading').addClass('hide');
                $('#searchUCDModal').modal('show');
            }
        },
        closeSearchUCDModal: function (event) {
            if (event.status === 'success') {
                $('#searchUCDModal').modal('hide');
            }
        },
        notifyUpdate: function (event) {
            if (event.status === 'success' && $(event.responseXML).find('error').length === 0) {
                $('#updateSuccessModal').modal('show');
            }
        },
        // Show loading div
        showLoading: function () {
            $('.loading').removeClass('hide');
        },
        // Hide loading div
        hideLoading: function (event) {
            if (event.status === 'success') {
                $('.loading').addClass('hide');
            }
        }
    };

    $(document).ready(function () {
        jsf.ajax.addOnError(function (error) {
            $('#errorModal .errorName').text(error.errorName);
            $('#errorModal .errorMessage').text(error.errorMessage);
            if (error.errorName.indexOf('NonexistentConversationException') !== -1) {
                // If conversation has expired reload the page to display error message
                location.reload();
            } else {
                $('#errorModal').modal('show');
            }
        });
    });

})(jQuery);