Ajax Links

ajaxLinkCallbacks.js

import toastr from 'toastr'

// this = jQuery element .ajaxLink

export default {

    redirectHome(){
        location.href = '/';
    },

    reload() {
       location.reload();
    },


    removeRow(){
        this.parentsUntil('tbody').remove();
    },


    removeParent(){
        this.parent().remove();
    },


    message(response) {
        toastr[response.status](response.message);
    },


    opacited(){
        this.toggleClass('opacited');
    }
};

ajaxLinks.js

import toastr from 'toastr';
import callbacks from './ajaxLinkCallbacks'


$(document).on('click', '.ajaxLink', function (e) {
    e.preventDefault();

    let $$ = $(this);

    let ajaxParams = {
        url: $$.attr('href'),
        type: $$.data('request') || 'post',
        success: function (response = {}) {
            try {

                let callbackString = $$.data('callback');

                if (!callbackString) {
                    console.log('no callback', response);

                } else {
                    callbackString.split('|').map(callback => callbacks[callback].call($$, response));
                }


            } catch (error) {
                console.log(error);
                toastr.error("Something went wrong");
            }
        }
    };

    let dataParams = $$.data('params');

    if (dataParams) {

        ajaxParams.data = dataParams
            .split('&')
            .reduce((params, keyValue) => {
                let [key, value] = keyValue.split('=');
                params[key] = value;
                return params;
            }, {});
    }

    $.ajax(ajaxParams);
});