[Disable Button during Ajax] #javascript

disableBtnDuringAjax.js

/**
 * disable clicked button before jQuery ajax request and enable after ajax request finished
 * @param {Function} ajaxFn
 *  ajaxFn should return executed jQuery AJAX function
 * @returns {Function}
 *  returned function should be placed in event listener of Element
 *
 * Usage:
 *     $('#deactivate-btn').click(disableBtnDuringAjax(function(e) {
 *       return $.get('/api/users', function (data) {
 *          console.log(data);
 *      })
 *    	.fail(function() {
 *          console.log(data);
 *    })
 *  }));
 */
export function disableBtnDuringAjax(ajaxFn) {
    return function(e) {
        const btn = $(e.target)
        btn.attr('disabled', true);
        ajaxFn().always(function () { // jQuery specific code(always)
            btn.attr('disabled', false);
        });
    };
}