import $ from 'jquery';
    import { patience_virtue, renable } from './patience-is-a-virtue';
    
    let form = $('#editcontent');
    let record_id = form.data('record');
    let element = $('button[name="save"]');
    
    record_id = JSON.stringify(record_id);
    /**
     * Start of Ajaxy solution for saving
     */
    element.click(function() {
        $.ajax({
            type: 'POST',
            link: '/edit/' + record_id,
            data: $(form).serialize(),
            beforeSend: patience_virtue(element),
            complete: renable(),
        });
    });

    import $ from 'jquery';
    
    export function patience_virtue(thisElement) {
        const thisIcon = thisElement.find('i');
    
        // Bootstrap padding / margin like `mx-2` or `pt-3`
        const addedPadding = thisIcon.attr('class').match(/[mp][tblrxy]-[0-5]/i);
        const newClass = 'fas fa-w fa-cog fa-spin ' + (addedPadding ? addedPadding : '');
    
        thisElement.attr('data-original-class', thisIcon.attr('class'));
        thisIcon.attr('class', newClass);
    
        window.setTimeout(function() {
            thisElement.attr('disabled', true);
        }, 50);
    }
    
    export function renable() {
        $('*[data-original-class]').each(function() {
            const thisIcon = $(this).find('i');
    
            $(this).attr('disabled', false);
            thisIcon.attr('class', $(this).attr('data-original-class'));
        });
    }