Ajax Loader JS

ajaxloader.js

// TODO: find js way
$.ajaxSetup({
    beforeSend: function (xhr) {
        ajaxLoader.show();
    },

    complete: function (xhr,status) {
        ajaxLoader.hide();
    }
});

let ajaxLoader = {
    selectorId: 'ajaxLoader',
    counter: 0,

    show: function () {
        this.counter++
        document.getElementById(this.selectorId).style.display = 'block'
    },

    hide: function () {
        this.counter--

        if (this.counter == 0) {
            document.getElementById(this.selectorId).style.display = 'none'
        }
    }
};