zentao/module/project/js/common.ui.js

const DAY_MILLISECONDS = 24 * 60 * 60 * 1000;

const ignoreTips = {
    budgetTip: false,
    dateTip: false
}

/**
 * 处理项目类型改变的交互。
 * Handle project type change style.
 *
 * @param  string $type
 * @access public
 * @return void
 */
function changeType()
{
    const hasProduct = $(this).val();
    if(hasProduct == 0)
    {
        if(!$('[name=charter]').length || ($('[name=charter]').length && !parseInt($('[name=charter]').val()))) $('.productsBox').addClass('hidden');
        $('.stageByBox').addClass('hidden');
    }
    else
    {
        $('.productsBox').removeClass('hidden');
    }
}

/**
 * 处理阶段类型改变的交互。
 * Handle stage by change style.
 *
 * @param  string $type
 * @access public
 * @return void
 */
function changeStageBy(type)
{
    if($('.project-stageBy-' + type).hasClass('disabled')) return;
    $('.project-stageBy-project, .project-stageBy-product').removeClass('primary-pale');
    $('.project-stageBy-' + type).addClass('primary-pale');
    $('input[name=stageBy]').val(type);
}

/**
 * 计算两个日期之间可用的工作日。
 * Compute work days between two dates.
 *
 * @param  string date1
 * @param  string date2
 * @access public
 * @return int
 */
function computeDaysDelta(date1, date2)
{
    date1 = new Date(date1);
    date2 = new Date(date2);
    const time = date2 - date1;
    const days = parseInt(time / DAY_MILLISECONDS) + 1;
    if(isNaN(days)) return;

    let weekendDays = 0;
    for(i = 0; i < days; i++)
    {
        if((weekend == 2 && date1.getDay() == 6) || date1.getDay() == 0) weekendDays ++;
        date1 = date1.valueOf() + DAY_MILLISECONDS;
        date1 = new Date(date1);
    }
    return days - weekendDays;
}

/**
 * 更新可用工作日天数。
 * Update work days.
 *
 * @access public
 * @return void
 */
window.computeWorkDays = function()
{
    const begin = $('input[name=begin]').val();
    const end   = $('input[name=end]').val();

    $('[name=days]').val(computeDaysDelta(begin, end)).trigger('change');

    checkProjectInfo();
}

/**
 * 计算并设置计划完成时间。
 * Compute the end date for project.
 *
 * @access public
 * @return void
 */
function computeEndDate()
{
    const beginDate = $('#begin').zui('datePicker').$.value;
    if(!beginDate) return;

    const delta = parseInt($('input[name=delta]:checked').val());
    if(isNaN(delta)) return;

    const isLongTime = delta == 999;
    const endDate    = isLongTime ? '' : formatDate(beginDate, delta - 1);
    const $endPicker = $('[name=end]').zui('datePicker');
    $endPicker.render({disabled: isLongTime});
    $endPicker.$.setValue(endDate);
}

/**
 * 给指定日期加上具体天数，并返回格式化后的日期.
 * Add days to date, and return formatted date.
 *
 * @param  string dateString
 * @param  int    days
 * @access public
 * @return string
 */
function formatDate(dateString, days)
{
    const date = new Date(dateString);
    date.setDate(date.getDate() + days);

    return date.toLocaleDateString('en-CA')
}

/**
 * Access rights are equal to private, and the white list settings are displayed.
 *
 * @param  string acl
 * @access public
 * @return void
 */
function setWhite()
{
    const acl = $("input[name='acl']:checked").val();
    acl != 'open' ? $('select[name^=whitelist]').closest('.form-row').removeClass('hidden') : $('select[name^=whitelist]').closest('.form-row').addClass('hidden');
}

$(document).on('change', "input[name='acl']", setWhite);

/**
 * If future is checked, disable budget input.
 *
 * @param  object e
 * @access public
 * @return void
 */
window.toggleBudget = function(e)
{
    const future = e.target;
    if($(future).prop('checked'))
    {
        $('[name=budget]').val('').addClass('disabled pointer-events-none');
        $('#budgetUnit-toggle').addClass('disabled pointer-events-none');
    }
    else
    {
        $('[name=budget]').removeAttr('disabled');
        $('[name=budget]').removeClass('disabled').removeClass('pointer-events-none');
        $('#budgetUnit-toggle').removeClass('disabled').removeClass('pointer-events-none');
    }
}

window.toggleBudgetUnit = function(unit)
{
    $('[data-name="budget"] > .has-prefix > .input-control-prefix > a').text(currencySymbol[unit]);
    $('[name="budgetUnit"]').val(unit);
};

/**
 * If change multiple, set delta.
 *
 * @param  object e
 * @access public
 * @return void
 */
window.toggleMultiple = function(e)
{
    const multiple = e.target;
    $('#delta_999').closest('.radio-primary').toggle($(multiple).val() != 0);
    if($('#delta_999').prop('checked') && $(multiple).val() == 0)
    {
        $('#delta_999').prop('checked', false);
        $('#end').removeAttr('disabled').val('');
        $('#days').closest('.form-row').removeClass('hidden');
    }
}

/**
 * 检查项目预算是否超出父项目集剩余预算。
 * Check if the project budget exceeds the remaining budget of the parent program.
 *
 * @access public
 * @return void
 */
function checkBudget()
{
    if(ignoreTips['budgetTip']) return;

    $('#budgetTip').addClass('hidden');
    checkProjectInfo();
}

window.checkProjectInfo = function()
{
    const programID = $('[name=parent]').val();
    if(programID == 0 && !$('#copyProjectModal').length)
    {
        $('[name=budget]').removeAttr('placeholder');
        $('#dateTip').addClass('hidden');
        $('#budgetTip').addClass('hidden');
        $('#budgetTip').addClass('text-danger');
        $('#budgetTip').removeClass('text-warning');
        $('#budgetTip').html('');
        return false;
    }

    if(typeof(currentProject) == 'undefined') currentProject = 0;

    $.getJSON($.createLink('project', 'ajaxGetProjectFormInfo', 'objectType=project&objectID=' + currentProject + "&selectedProgramID=" + programID), function(data)
    {
        let dateTip = '';
        let projectEnd = $('[name=longTime]').prop('checked') ? LONG_TIME : $('[name=end]').val();
        if(typeof(data.selectedProgramBegin) != 'undefined' && $('[name=begin]').val() != '' && $('[name=begin]').val() < data.selectedProgramBegin) dateTip += beginLessThanParent.replace('%s', data.selectedProgramBegin);
        if(typeof(data.selectedProgramEnd) != 'undefined' && projectEnd != '' && projectEnd > data.selectedProgramEnd) dateTip += endGreatThanParent.replace('%s', data.selectedProgramEnd);
        if(dateTip != '')
        {
            $('#dateTip').html(dateTip);
            $('#dateTip').append($('<span id="ignoreDate" class="underline">' + ignore + '</span>'));
            $('#dateTip').removeClass('hidden');
            $('#dateTip').off('click', '#ignoreDate').on('click', '#ignoreDate', function(){ignoreTip('dateTip')});
        }

        if(typeof(data.availableBudget) != 'undefined')
        {
            const budget          = $('[name=budget]').val();
            const currency        = currencySymbol[data.budgetUnit];
            const availableBudget = data.availableBudget.toFixed(2);
            $('[name=budget]').attr('placeholder', parentBudget + currency + availableBudget);
            if(budget != 0 && budget !== null && budget > data.availableBudget)
            {
                $('#budgetTip').html(budgetOverrun.replace('%s', currency + availableBudget));
                $('#budgetTip').append($('<span id="ignoreBudget" class="underline">' + ignore + '</span>'));
                $('#budgetTip').removeClass('hidden');
                $('#budgetTip').removeClass('text-danger');
                $('#budgetTip').addClass('text-warning');
                $('#budgetTip').off('click', '#ignoreBudget').on('click', '#ignoreBudget', function(){ignoreTip('budgetTip')});
            }
        }
    });
}

/**
 * The date is out of the range of the parent project set, and a prompt is given.
 *
 * @access public
 * @return void
 */
function checkDate()
{
    if(ignoreTips['dateTip']) return;

    const begin = $('#begin').zui('datePicker').$.value;
    const end   = $('#end').zui('datePicker').$.value;
    if(!begin || !end) return;

    const selectedProgramID = $('[name=parent]').val();
    if(selectedProgramID == 0 || selectedProgramID == undefined)
    {
        $('#dateTip, #beginLess, #endGreater').addClass('hidden');
        return;
    }

    if(typeof(currentProject) == 'undefined') currentProject = 0;
    $.get($.createLink('project', 'ajaxGetProjectFormInfo', 'objectType=project&objectID=' + currentProject + '&selectedProgramID=' + selectedProgramID), function(response)
    {
        const data         = JSON.parse(response);
        const parentEnd    = new Date(data.selectedProgramEnd);
        const parentBegin  = new Date(data.selectedProgramBegin);
        const projectEnd   = new Date(end);
        const projectBegin = new Date(begin);

        if(projectBegin >= parentBegin && projectEnd <= parentEnd)
        {
            $('#dateTip, #beginLess, #endGreater').addClass('hidden');
            return;
        }

        $('#dateTip').removeClass('hidden').find('#beginLess').toggleClass('hidden', projectBegin >= parentBegin).find('.parentBegin').text(data.selectedProgramBegin);
        $('#dateTip').removeClass('hidden').find('#endGreater').toggleClass('hidden', projectEnd <= parentEnd).find('.parentEnd').text(data.selectedProgramEnd);
    });
}

/**
 * 忽略提示信息。
 * Ignore tips.
 *
 * @param  string $tip
 * @access public
 * @return void
 */
function ignoreTip(tip)
{
    $('#' + tip).remove();
    ignoreTips[tip] = true;
}

function toggleStageBy()
{
    let chosenProducts = 0;
    $(".productsBox [name^='products']").each(function()
    {
        if($(this).val() > 0) chosenProducts ++;
    });

    if(chosenProducts > 1)  $('.stageByBox').removeClass('hidden');
    if(chosenProducts <= 1) $('.stageByBox').addClass('hidden');
}

window.getDateMenu = function()
{
    if(!endList) return [];

    const begin = $('input[name=begin]').val();
    if(!begin) return [];

    let endMenu     = [];
    const beginDate = new Date(begin);
    for(let key in endList)
    {
        endMenu.push({'text': endList[key], 'data-set-date': zui.formatDate(new Date(beginDate.getTime() + 1000 * 60 * 60 * 24 * parseInt(key)), 'yyyy-MM-dd')});
    }
    return endMenu;
}

/**
 * 提示并删除执行。
 * Delete execution with tips.
 *
 * @param  int    executionID
 * @param  string executionName
 * @access public
 * @return void
 */
window.confirmDeleteExecution = function(executionID, confirmDeleteTip)
{
    zui.Modal.confirm({message: confirmDeleteTip, icon:'icon-exclamation-sign', iconClass: 'warning-pale rounded-full icon-2x'}).then((res) =>
    {
        if(res) $.ajaxSubmit({url: $.createLink('execution', 'delete', 'executionID=' + executionID + '&comfirm=yes')});
    });
}