window.handleClickBatchFormAction = function(action, $row, rowIndex)
{
    if(action !== 'addSub' && action !== 'addSibling') return;

    if(!this.nestedLevelMap) this.nestedLevelMap = {};
    const level   = this.nestedLevelMap[$row.attr('data-gid')] || 0;
    const nextGid = this._idSeed++;
    this.nestedLevelMap[nextGid] = action === 'addSub' ? level + 1 : level;
    $row.find('input[data-name="estimate"]').prop('readonly', true); // 如果有子任务，不允许修改预计工时

    const nextLevel = level + 1;
    while(true)
    {
        $nextRow = $row.next();
        if($nextRow.length == 0 || $nextRow.attr('data-level') < nextLevel)
        {
            rowIndex = $nextRow.length == 0 ? $row.index() : $nextRow.index() - 1;
            break;
        }

        $row = $nextRow;
    }
    this.addRow(rowIndex, nextGid);
};

window.handleRenderRow = function($row, index, data)
{
    if(!this.nestedLevelMap) this.nestedLevelMap = {};

    /* 上一行： */
    const $prevRow = $row.prev();

    /* 添加序号。 */
    const $nameTd = $row.find('td[data-name="name"]');
    if($nameTd.find('.input-group').length == 0)
    {
        $nameTd.find('input.form-control').wrap('<div class="input-group"></div>');
        $nameTd.find('.input-group').prepend('<div class="input-group-addon max-w-100px"></div>');
    }

    /* 从行中查找层级文本展示元素： */
    const nestedTextSelector = 'td[data-name="name"] .input-group-addon';

    /* 获取当前行的层级，下面可能会根据上一行层级修改当前行层级： */
    let level = this.nestedLevelMap[$row.attr('data-gid')] || 0;
    if(typeof data != 'undefined' && typeof data.grade != 'undefined') level = data.grade - planGrade;

    /* 当前行层级信息文本： */
    let text  = '1';

    /* 处理有上一行的情况： */
    if($prevRow.length)
    {
        /* 根据上一行层级，重新计算当前行层级：  */
        const prevLevel = +$prevRow.attr('data-level') || 0;
        if(prevLevel < level) level = prevLevel + 1;

        /* 根据上一行的层级文本，生成当前行的层级文本： */
        const prevText = $prevRow.find(nestedTextSelector).text();
        const parts    = prevText.split('.');
        if(prevLevel === level) parts[level] = +parts[level] + 1;
        else if(prevLevel > level)
        {
            parts.length = level + 1;
            parts[level] = +parts[level] + 1;
        }
        else parts[level] = 1;
        text = parts.join('.');
    }
    else
    {
        /* 如果没有上一行，当前行层级为 0： */
        level = 0;
    }

    /* 存储当前行层级信息： */
    this.nestedLevelMap[$row.attr('data-gid')] = level;
    $row.attr('data-level', level);

    /* 创建隐藏表单域用于向服务器提交当前行层级信息。 */
    $row.find(nestedTextSelector).attr('title', text).text(text).append(`<input type="hidden" name="level[${index + 1}]" value="${level}">`);

    if(typeof data != 'undefined' && typeof data.id != 'undefined') $row.find('[data-name="ACTIONS"]').find('[data-type="delete"]').addClass('hidden'); //隐藏已有数据的删除按钮。
    if($row.find('input[data-name="milestone"]:checked').length == 0) $row.find('input[data-name="milestone"]').eq(1).prop('checked', true);
    if(typeof data != 'undefined' && typeof data.type != 'undefined' && data.type != 'stage')
    {
        $row.find('input[data-name="percent"]').prop('disabled', true);
        $row.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').addClass('disabled').prop('disabled', true);
    }

    if(project.model == 'waterfallplus')
    {
        $row.find('[data-name="type"]').find('.picker-box').on('inited', function(e, info)
        {
            let $typePicker = info[0];

            let prevType = 'stage';
            let options  = {};
            options.disabled = level == 0 ? true : false;
            if($prevRow)
            {
                let prevLevel = $prevRow.attr('data-level');
                if(prevLevel > 0 && prevLevel <= level)
                {
                    prevType = $prevRow.find('input[name^="type"]').val();
                    options.items = [];
                    for(i in $typePicker.options.items)
                    {
                        let item = $typePicker.options.items[i];
                        if(item.value == '') continue;
                        if(prevType == 'stage' && item.value == 'stage') options.items.push(item);
                        if(prevType != 'stage' && item.value != 'stage') options.items.push(item);
                    }
                }
            }
            $typePicker.render(options);
            if(prevType != 'stage') $typePicker.$.setValue('sprint');
        });
    }

    if(project.model == 'ipd' && planID == '0' && data)
    {
        const $attribute = data.attribute;
        const $point     = $row.find('[data-name="point"]');

        $point.find('.picker-box').on('inited', function(e, info)
        {
            let $picker = info[0];
            let options = $picker.options;
            let items   = [{text: '', value: ''}];
            for(let point in ipdStagePoint[$attribute])
            {
                let disabled = false
                let $value   = ipdStagePoint[$attribute][point];
                let hint     = $value;

                /* 如果已经评审过，则置灰不能选。*/
                if(reviewedPoints[$value] !== undefined && reviewedPoints[$value].disabled)
                {
                    disabled = true;
                    hint     = reviewedPointTip;
                }

                items.push({text: $value, value: $value, disabled: disabled, hint: hint});
            }
            options.items = items;

            $picker.render(options);
        });

        if(data.hasOwnProperty('status') && data.status != 'wait')
        {
            $row.find('[data-name=enabled] input').attr('disabled', 'disabled');
            $row.find('[data-name=enabled]').attr('title', cropStageTip);
        }

        if(data.enabled == 'off')
        {
            /* 需要等该行所有input元素加载完再执行changeEnabled方法 */
            window.waitDom("tr[data-index='" + index + "'] [data-name='PM'] input", function(){changeEnabled($row.find('[data-name=enabled] [name^=enabled]'));});
        }

        window.waitDom("div.picker-multi-selection", function()
        {
            let selection = $row.find('div.picker-multi-selection');
            selection.each(function(index, element) {
                /* 获取title。*/
                let $title = $(element).attr('title');

                /* 如果该评审点以提交评审，则不能取消选择。*/
                if(reviewedPoints[$title] !== undefined && reviewedPoints[$title].disabled)
                {
                    $(element).attr('title', reviewedPointTip); // 修改title
                    $(element).find(".picker-deselect-btn").remove(); // 禁用点击事件
                }
            });
        });
    }

    if(level > 0 || planGrade > 1)
    {
        let preAttribute = $prevRow ? $prevRow.find('[name^=attribute]').val() : '';
        $row.find('[data-name="attribute"]').find('.picker-box').on('inited', function(e, info)
        {
            let $attributePicker = info[0];

            let disabled = false;
            if(preAttribute && preAttribute != 'mix') disabled = true;
            if(data && data.attribute != 'mix') disabled = true;

            if(disabled) $attributePicker.render({disabled: disabled});
            if(preAttribute) $attributePicker.$.setValue(preAttribute);
        });
    }

    if(data != undefined && data.hasOwnProperty('type'))
    {
        $row.find('[data-name="type"]').find('.picker-box').on('inited', function(e, info)
        {
            let $type = info[0];
            $type.render({disabled: true});
        });
    }

    if(data != undefined && data.disabled)
    {
        let name  = '';
        let value = '';
        const checkBoxList = $row.children('[data-name=milestone]').find('input');
        Object.values(checkBoxList).forEach(function(ele)
        {
            if(typeof ele !== 'object') return;

            name = ele.name;
            if(ele.checked) value = ele.value;
        });

        checkBoxList.attr('disabled', 'disabled');

        /* Append hidden input element for passing value. */
        let inputEle = document.createElement('input');
        inputEle.setAttribute('name',  name);
        inputEle.setAttribute('value', value);
        inputEle.setAttribute('type',  'hidden');
        $row.children('[data-name=milestone]').append(inputEle);
    }
};

window.onChangeExecutionType = function(event)
{
    loadPage($.createLink('programplan', 'create', `projectID=${projectID}&productID=${productID}&planID=${planID}&type=` + $(event.target).val() + `&from=&syncData=${syncData}`));
};

window.onChangeParallel = function(event)
{
    const parallel = $(event.target).val();
    $('input[name^="parallel"]').val(parallel);
}

/**
 * Add row errors.
 *
 * @param  array  $rowErrors
 * @access public
 * @return void
 */
window.addRowErrors = function(rowErrors)
{
    var errorFieldID, errorTip, errorHTML;
    $('.text-danger.help-text').remove();
    $('#dataform input').removeClass('has-error');
    var index = 0;
    var alterError = '';
    $('input[name^=name]').each(function()
    {
        if($(this).val() == '') return true;

        if(typeof rowErrors[index] == 'object')
        {
            for(var errorField in rowErrors[index])
            {
                $errorTD  = $(this).closest('tr').find('input[name^=' + errorField + ']').closest('td');
                errorTip  = rowErrors[index][errorField];
                errorHTML = '<div id="help' + errorField + index + '" class="text-danger help-text">' + errorTip + '</div>';
                $errorTD.append(errorHTML);
                $errorTD.find('input').addClass('has-error');
            }
        }
        if(typeof rowErrors['percent'] == 'string')
        {
            errorFieldID = $(this).closest('tr').find('input[name^=percent]').attr('id');
            errorHTML    = '<div id="help' + errorFieldID + '" class="text-danger help-text">' + rowErrors['percent'] + '</div>';
            $('#' + errorFieldID).closest('td').append(errorHTML);
            $('#' + errorFieldID).closest('td').find('input').addClass('has-error');
        }

        index ++;
    });
};

window.waitDom('td[data-name=milestone]', function()
{
    $('td[data-name=milestone]').each(function()
    {
        if($(this).find('input[type=radio]:checked').length == 0) $(this).find('input[type=radio]').eq(1).prop('checked', true);
    })
})

window.changeEnabled = function(obj)
{
    const $target = $(obj);
    const tdItems = $target.closest('tr').find('td');
    const $row       = $target.closest('tr');
    const stageID    = $row.find('input[name^=id]').val();
    const stageAttr  = $row.find('input[name^=attribute]').val();
    const defaultVal = {
            'name' : stageID ? plans[stageID].name  : attributeList[stageAttr],
            'begin': stageID ? plans[stageID].begin : project.begin,
            'end'  : stageID ? plans[stageID].end   : project.end
        }

    if($target.prop('checked'))
    {
        for(let item = 0; item < tdItems.length; item++)
        {
            if($(tdItems[item]).data('name') == 'attribute') continue;

            if($(tdItems[item]).find('[data-zui-datepicker]').length)
            {
                $(tdItems[item]).find("input.hidden").last().remove();

                $(tdItems[item]).find('[data-zui-datepicker]').zui('datePicker').render({disabled: false});
            }
            else if($(tdItems[item]).find('[data-zui-picker]').length)
            {
                $(tdItems[item]).find("input.hidden").last().remove();

                $(tdItems[item]).find('[data-zui-picker]').zui('picker').render({disabled: false});
            }
            else if($(tdItems[item]).find('.radio-primary').length)
            {
                $(tdItems[item]).find("input.hidden").last().remove();

                $(tdItems[item]).find('.radio-primary').parent().removeAttr('disabled');
            }
            else if($(tdItems[item]).find('input[type=text]').length)
            {
                $(tdItems[item]).find('input[type=text]').removeAttr('readonly');
            }
            else if($(tdItems[item]).data('name') == 'enabled')
            {
                $(tdItems[item]).find("input.hidden").last().remove();
            }
        }
    }
    else
    {
        let itemValue = '';
        let itemName  = '';
        for(let item = 0; item < tdItems.length; item++)
        {
            if($(tdItems[item]).data('name') == 'attribute') continue;

            if($(tdItems[item]).find('[data-zui-datepicker]').length)
            {
                if($(tdItems[item]).find('input[name^=begin]').length) $(tdItems[item]).find('input[name^=begin]').zui('datePicker').$.setValue(defaultVal.begin);
                if($(tdItems[item]).find('input[name^=end]').length)   $(tdItems[item]).find('input[name^=end]').zui('datePicker').$.setValue(defaultVal.end);

                $(tdItems[item]).find('[data-zui-datepicker]').zui('datePicker').render();

                itemValue = $(tdItems[item]).find('[data-zui-datepicker]').zui('datePicker').$.value;
                itemName  = $(tdItems[item]).find('input.pick-value').attr('name');
                $(tdItems[item]).append("<input name='" + itemName + "' value='" + itemValue + "' class='hidden'/>");

                $(tdItems[item]).find('[data-zui-datepicker]').zui('datePicker').render({disabled: true});
            }
            else if($(tdItems[item]).find('[data-zui-picker]').length)
            {
                itemValue = $(tdItems[item]).find('input, select').zui('picker').$.value;
                itemName  = $(tdItems[item]).find('input, select').attr('name');
                $(tdItems[item]).append("<input name='" + itemName + "' value='" + itemValue + "' class='hidden'/>");

                $(tdItems[item]).find('[data-zui-picker]').zui('picker').render({disabled: true});
            }
            else if($(tdItems[item]).find('.radio-primary').length)
            {
                itemValue = $(tdItems[item]).find('input[type=radio]:checked').val();
                itemName  = $(tdItems[item]).find('input[type=radio]:checked').attr('name');
                $(tdItems[item]).append("<input name='" + itemName + "' value='" + itemValue + "' class='hidden'/>");

                $(tdItems[item]).find('.radio-primary').parent().attr('disabled', 'disabled');
            }
            else if($(tdItems[item]).find('input[type=text]').length)
            {
                 if($(tdItems[item]).find('input[name^=name]').length) $(tdItems[item]).find('input[name^=name]').val(defaultVal.name);

                $(tdItems[item]).find('input[type=text]').attr('readonly', 'readonly');
            }
            else if($(tdItems[item]).data('name') == 'enabled')
            {
                itemName = $(tdItems[item]).find('input').attr('name');
                $(tdItems[item]).append("<input name='" + itemName + "' value='off' class='hidden'/>")
            }
        }
    }
};

window.changeAttribute = function(obj)
{
    const attribute = obj.value;
    const $target   = $(obj);

    let $row  = $target.closest('tr');
    let level = $row.attr('data-level');
    while(true)
    {
        $nextRow = $row.next();
        if($nextRow.length == 0) break;
        if($nextRow.attr('data-level') <= level) break;

        let $picker = $nextRow.find('.picker-box[data-name="attribute"]').zui('picker');
        $picker.render({disabled: attribute == 'mix' ? false : true});
        $picker.$.setValue(attribute);

        $row = $nextRow;
    }
};

window.changeType = function(obj)
{
    if(project.model != 'waterfallplus') return;

    const type    = obj.value;
    const $target = $(obj);

    let $row        = $target.closest('tr');
    let $nextRow    = $row.next();
    let level       = $row.attr('data-level');
    let $typePicker = $row.find('.picker-box[data-name=type]').zui('picker');

    /* 检查子阶段是否又被拆分，如果有拆分，则不允许修改为非阶段的管理方法。 */
    if(type != 'stage')
    {
        while(true)
        {
            if($nextRow.length == 0) break;
            if($nextRow.attr('data-level') < level) break;
            if($nextRow.attr('data-level') > level)
            {
                zui.Modal.alert(errorLang.notStage);
                $typePicker.$.setValue('stage');
                return;
            }

            $nextRow = $nextRow.next();
        }
    }

    $row.find('input[data-name="percent"]').prop('disabled', type != 'stage');
    $row.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').toggleClass('disabled', type != 'stage').prop('disabled', type != 'stage');

    $nextRow = $row.next();
    if($nextRow.length == 0) return;
    if($nextRow.attr('data-level') < level) return;

    $nextRow.find('input[data-name="percent"]').prop('disabled', type != 'stage');
    $nextRow.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').toggleClass('disabled', type != 'stage').prop('disabled', type != 'stage');

    let $nextTypePicker = $nextRow.find('.picker-box[data-name=type]').zui('picker');
    let nextTypeItems   = [];
    for(i in typeList)
    {
        if(i == '') continue;
        if(type == 'stage' && i == 'stage') nextTypeItems.push({'text': typeList[i], 'value': i});
        if(type != 'stage' && i != 'stage') nextTypeItems.push({'text': typeList[i], 'value': i});
    }
    $nextTypePicker.render({items: nextTypeItems});
    $nextTypePicker.$.setValue(type);
};