window.saveModule = function()
{
    const name = $(this).val();
    const {id, type, lib, module} = $(this).data();
    const parentID = $(this).data('parent');

    $(this).closest('.tree-item').remove();
    if(!name) return;

    $.ajaxSubmit({
        url:  $.createLink('tree', 'ajaxCreateModule'),
        data: {
            name       : name,
            libID      : lib,
            parentID   : parentID,
            objectID   : id,
            moduleType : module,
            isUpdate   : false,
            createType : type,
        }
    });
}

window.addModule = function(id, addType)
{
    const $element = $(`div[data-id='${id}']`).not('div[data-type=annex]');
    const {lib, type, module} = $element.data();

    let parentID = ['docLib', 'apiLib'].includes(type) ? '0' : $element.data('parent');
    let level    = $element.closest('.tree-item').attr('z-key-path').split(':').length;
    if(addType == 'child' && !['docLib', 'apiLib'].includes(type)) parentID = id;
    if(addType != 'same') level += 1;

    const style     = `style="margin-left: calc(${level} * 12px)"`;
    const className = addType == 'child' && ['docLib', 'apiLib'].includes(type) ? 'mt-2' : '';

    let inputTpl  = `<li class="tree-item ${className}">`;
    inputTpl     += `<div class="tree-item-content" ${style}>`;
    inputTpl     += `<input id="moduleName" class="form-control" data-id="${id}" data-parent="${parentID}" data-type="${addType}" data-lib="${lib}" data-module="${module}">`;
    inputTpl     += '</div></li>';

    if(addType == 'same')
    {
        const $target = $(`div[data-id='${id}'] + menu`).length > 0 ? $(`div[data-id='${id}'] + menu`) : $(`div[data-id='${id}']`);
        $target.after(inputTpl);
    }
    else
    {
        if(!$element.parent().hasClass('show')) $element.find('.tree-toggle-icon').trigger('click');

        setTimeout(function()
        {
            if($element.next('.tree').length == 0) $element.after(`<menu class="tree" level="${level}" data-level="${level}"></menu>`);

            $(`div[data-id='${id}']`).next('.tree').prepend(inputTpl);
        }, 1);
    }

    setTimeout(function()
    {
        $('#moduleName').trigger('focus');
        document.getElementById("moduleName").addEventListener('blur', saveModule);
        document.getElementById("moduleName").addEventListener('keydown', function(e)
        {
            if(e.keyCode == 13) e.target.blur();
        });
    }, 1);
}