dokuwiki-plugin-struct/script/AggregationEditor.js

/**
 * Aggregation table editor
 */
const AggregationEditor = function (idx, table) {
    const $table = jQuery(table);
    let $form = null;
    let formdata;

    const schema = $table.parents('.structaggregation').data('schema');
    if (!schema) return;

    const searchconf = JSON.parse($table.parents('.structaggregation').attr('data-searchconf'));

    /**
     * Adds delete row buttons to each row
     */
    function addDeleteRowButtons() {
        const disableDeleteSerial = JSINFO.plugins.struct.disableDeleteSerial;

        $table.find('tr').each(function () {
            const $me = jQuery(this);

            // already added here?
            if ($me.find('th.action, td.action').length) {
                return;
            }

            const rid = $me.data('rid');
            const pid = $me.data('pid');
            let isDisabled = '';

            // empty header cells
            if (!rid) {
                $me.append('<th class="action">' + LANG.plugins.struct.actions + '</th>');
                return;
            }

            // delete buttons for rows
            const $td = jQuery('<td class="action"></td>');
            if (rid === '') return;  // skip button addition for page data
            // disable button for serial data if so configured
            if (rid && pid && disableDeleteSerial) {
                isDisabled = ' disabled';
            }

            const $btn = jQuery('<button' + isDisabled + '><i class="ui-icon ui-icon-trash"></i></button>')
                .addClass('delete')
                .attr('title', LANG.plugins.struct.lookup_delete)
                .click(function (e) {
                    e.preventDefault();
                    if (!window.confirm(LANG.del_confirm)) return;

                    jQuery.post(
                        DOKU_BASE + 'lib/exe/ajax.php',
                        {
                            call: 'plugin_struct_aggregationeditor_delete',
                            schema: schema,
                            rid: rid,
                            sectok: $me.parents('.structaggregationeditor').find('.struct_entry_form input[name=sectok]').val()
                        }
                    )
                        .done(function () {
                            $me.remove();
                        })
                        .fail(function (xhr) {
                            alert(xhr.responseText)
                        })
                });

            $td.append($btn);
            $me.append($td);

        });
    }

    /**
     * Initializes the form for the editor and attaches handlers
     *
     * @param {string} data The HTML for the form
     */
    function addForm(data) {
        if ($form) $form.remove();
        var $agg = $table.parents('.structaggregation');
        const searchconf = JSON.parse($agg.attr('data-searchconf'));
        const withpid = searchconf['withpid'];
        const isPageEditor = JSINFO.plugins.struct.isPageEditor;

        if (withpid && !isPageEditor) return;

        $form = jQuery('<form></form>');
        $form.html(data);
        jQuery('<input>').attr({
            type: 'hidden',
            name: 'searchconf',
            value: $agg.attr('data-searchconf')
        }).appendTo($form); // add the search config to the form

        // if page id needs to be passed to backend, add pid
        if (withpid) {
            jQuery('<input>').attr({
                type: 'hidden',
                name: 'pid',
                value: JSINFO.id
            }).appendTo($form); // add the page id to the form
        }
        $agg.append($form);
        EntryEditor($form);

        var $errors = $form.find('div.err').hide();

        $form.submit(function (e) {
            e.preventDefault();
            $errors.hide();

            jQuery.post(
                DOKU_BASE + 'lib/exe/ajax.php',
                $form.serialize()
            )
                .done(function (data) {
                    var $tbody = $table.find('tbody');
                    if (!$tbody.length) {
                        $tbody = jQuery('<tbody>').appendTo($table);
                    }
                    $tbody.append(data);
                    addDeleteRowButtons(); // add the delete button to the new row
                    addForm(formdata); // reset the whole form
                })
                .fail(function (xhr) {
                    $errors.text(xhr.responseText).show();
                })
        });
    }

    /**
     * Main
     *
     * Initializes the editor if the AJAX backend returns an editor,
     * otherwise some (ACL) check did not check out and no editing
     * capabilites are added.
     */
    jQuery.post(
        DOKU_BASE + 'lib/exe/ajax.php',
        {
            call: 'plugin_struct_aggregationeditor_new',
            searchconf: searchconf
        },
        function (data) {
            if (!data) return;
            formdata = data;
            addDeleteRowButtons();
            addForm(data);
        }
    );


};