Nette Ajax extensions to disable a button during ajax request

nette-ajax-extensions.js

(function ($) {

    let Spinner = new window.Spinner();

    $.nette.ext('trigger-spinner', {
        before: function (jqXHR, settings) {
            if (!this.validRequest(settings)) {
                return;
            }

            this.defaultContent = this.trigger.innerHTML;

            this.trigger.disabled = true;
            this.trigger.innerHTML = '';
            this.trigger.appendChild(Spinner.getIconSmall());
        },
        success: function (payload, status, jqXHR, settings) {
            if (!this.validRequest(settings)) {
                return;
            }

            this.trigger.disabled = false;
            this.trigger.innerHTML = this.defaultContent;
        }
    }, {
        validRequest: function (settings) {
            if (!settings.nette || !settings.nette.el[0]) {
                return false;
            }

            this.trigger = settings.nette.el[0];

            return this.trigger.dataset.ajaxSpinner === 'true';
        },
        trigger: null,
        defaultContent: null
    });


    $.nette.ext('trigger-loading-text', {
        before: function (jqXHR, settings) {
            if (!this.validRequest(settings)) {
                return;
            }

            this.defaultContent = this.trigger.value;

            this.trigger.disabled = true;
            this.trigger.value = this.loadingText;
        },
        success: function (payload, status, jqXHR, settings) {
            if (!this.validRequest(settings)) {
                return;
            }

            this.trigger.disabled = false;
            this.trigger.value = this.defaultContent;
        }
    }, {
        validRequest: function (settings) {
            if (!settings.nette || !settings.nette.el[0]) {
                return false;
            }

            this.trigger = settings.nette.el[0];

            if (this.trigger.dataset.ajaxLoadingText !== undefined) {
                this.loadingText = this.trigger.dataset.ajaxLoadingText;
                return true;
            }

            return false;
        },
        trigger: null,
        loadingText: null,
        defaultContent: null
    });

})($);