283 lines
7.2 KiB
JavaScript
283 lines
7.2 KiB
JavaScript
$(document).on('click', '.time-input', function()
|
|
{
|
|
$('.time-input').removeClass('focus');
|
|
|
|
$(this).addClass('focus');
|
|
})
|
|
|
|
let nameDefaultHtml = $('#nameInputBox').html();
|
|
|
|
/**
|
|
* 切换周期类型。
|
|
* Toggle cycle type.
|
|
*
|
|
* @return void
|
|
*/
|
|
function changeCycleType()
|
|
{
|
|
var cycleType = $('#cycleType input[type=radio]:checked').val();
|
|
toggleCycleConfig(cycleType);
|
|
$('.type-day .input-group, .config-day .input-control').removeClass('has-error');
|
|
}
|
|
|
|
/**
|
|
* 切换周期设置的展示。
|
|
* Toggle cycle setting display.
|
|
*
|
|
* @param string cycleType Type of cycle.
|
|
* @return void
|
|
*/
|
|
function toggleCycleConfig(cycleType)
|
|
{
|
|
|
|
$('.cycle-type-detail:not(.type-' + cycleType + ')').addClass('hidden');
|
|
$('.cycle-type-detail.type-' + cycleType).removeClass('hidden');
|
|
}
|
|
|
|
/**
|
|
* 切换私人事务，用于切换指派给的禁用状态。
|
|
* Toggle private transactions for switching the disabled state assigned to.
|
|
*
|
|
* @param object switcher
|
|
* @return void
|
|
*/
|
|
function togglePrivate(switcher)
|
|
{
|
|
$assignedTo = $("[name='assignedTo']").zui('picker');
|
|
$assignedTo.options.disabled = false;
|
|
|
|
if($(switcher).prop('checked')) $assignedTo.options.disabled = true;
|
|
$assignedTo.render($assignedTo.options);
|
|
}
|
|
|
|
/**
|
|
* 更改指派给时。
|
|
* change assignedTo.
|
|
*
|
|
* @return void
|
|
*/
|
|
function changeAssignedTo()
|
|
{
|
|
var assignedTo = $('[name=assignedTo]').val();
|
|
if(assignedTo != userAccount || todoAccount != userAccount)
|
|
{
|
|
$('#private').prop('disabled', true);
|
|
$('#private').closest('.checkbox-primary').addClass('disabled');
|
|
$('#private')[0].value = '0';
|
|
}
|
|
else
|
|
{
|
|
$('#private').prop('disabled', false);
|
|
$('#private').closest('.checkbox-primary').removeClass('disabled');
|
|
$('#private')[0].value = 'on';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 切换日期待定复选框。
|
|
* Toggle date pending checkbox.
|
|
*
|
|
* @param object switcher
|
|
* @return void
|
|
*/
|
|
function togglePending()
|
|
{
|
|
$date = $("[name='date']").zui('datePicker');
|
|
options = $date.options;
|
|
options.disabled = false;
|
|
|
|
if($('#switchDate').prop('checked')) options.disabled = true;
|
|
$date.render(options);
|
|
}
|
|
|
|
/**
|
|
* 加载不同类型数据列表，从而更改待办名称控件。
|
|
* Load different types of list to change the name control.
|
|
*
|
|
* @param string type Type of selected todo.
|
|
* @param string id ID of selected todo.
|
|
* @param string defaultType Default type of selected todo.
|
|
* @param int objectID ID of the closed todo type.
|
|
* @return void
|
|
*/
|
|
function loadList(type, id, todoDefaultType, objectID)
|
|
{
|
|
let nameBoxClass = '.name-box';
|
|
let nameBoxID = '#nameBox';
|
|
if(id)
|
|
{
|
|
nameBoxClass = '.name-box' + id;
|
|
nameBoxID = '#nameBox' + id;
|
|
}
|
|
|
|
id = id ? id : '';
|
|
var param = 'userID=' + userID + '&id=' + id;
|
|
if(type == 'task') param += '&status=wait,doing';
|
|
if(type == 'risk') param += '&status=active,hangup';
|
|
|
|
if(todoDefaultType && type == todoDefaultType && objectID != 0) param += '&objectID=' + objectID;
|
|
|
|
if(moduleList.indexOf(type) !== -1)
|
|
{
|
|
let link = $.createLink(type, objectsMethod[type], param);
|
|
$.get(link, function(data)
|
|
{
|
|
data = JSON.parse(data);
|
|
if(todoDefaultType && type == todoDefaultType && objectID != 0) data.defaultValue = objectID;
|
|
$(nameBoxClass).find('#nameInputBox').html("<div class='picker-box' id='" + type + "'></div>");
|
|
const $typePicker = $('#nameInputBox #' + type).picker(data);
|
|
});
|
|
}
|
|
else
|
|
{
|
|
$(nameBoxClass).find('#nameInputBox').html(nameDefaultHtml);
|
|
}
|
|
|
|
if(nameBoxLabel) return;
|
|
|
|
var formLabel = type == 'custom' || (vision && vision == 'rnd') ? nameBoxLabel.custom : nameBoxLabel.objectID;
|
|
$('#nameBox .form-label').text(formLabel);
|
|
}
|
|
|
|
/**
|
|
* 选择开始时间后，自动给出默认终止时间。
|
|
* After selecting the start time, the default end time is automatically given.
|
|
*
|
|
* @return void
|
|
*/
|
|
function selectNext()
|
|
{
|
|
if($('#begin').length == 0 || $('#end').length == 0) return;
|
|
|
|
$begin = $("[name='begin']").zui('picker');
|
|
$end = $("[name='end']").zui('picker');
|
|
|
|
beginValue = $begin.$.value;
|
|
endValue = $end.$.value;
|
|
$end.options.items.forEach(function(item, index)
|
|
{
|
|
if(item.value == beginValue)
|
|
{
|
|
endValue = $end.options.items[index + 3].value;
|
|
return;
|
|
}
|
|
})
|
|
$end.$.setValue(endValue);
|
|
}
|
|
|
|
/**
|
|
* 切换起止时间的禁用状态。
|
|
* Switch the disabled state of start and end time.
|
|
*
|
|
* @param object switcher
|
|
* @return void
|
|
*/
|
|
function switchDateFeature(e)
|
|
{
|
|
$begin = $("[name='begin']").zui('picker');
|
|
$end = $("[name='end']").zui('picker');
|
|
$begin.options.disabled = false;
|
|
$end.options.disabled = false;
|
|
|
|
if($(e.target).prop('checked'))
|
|
{
|
|
$begin.options.disabled = true;
|
|
$end.options.disabled = true;
|
|
}
|
|
$begin.render($begin.options);
|
|
$end.render($end.options);
|
|
}
|
|
|
|
/**
|
|
* 切换周期复选框的回调函数，用于页面交互展示。
|
|
* Switch the cycle checkbox for page interactive display.
|
|
*
|
|
* @param object switcher
|
|
* @return void
|
|
*/
|
|
function showEvery(switcher)
|
|
{
|
|
if(switcher.checked)
|
|
{
|
|
$('#spaceDay').removeAttr('disabled');
|
|
$('.specify').addClass('hidden');
|
|
$('.every').removeClass('hidden');
|
|
$('#cycleYear').removeAttr('checked');
|
|
$('#configSpecify, #configEvery').prop('checked', false);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 周期设置为天并为指定时，更改月份时获取天数。
|
|
* When the cycle is set to days and specified, obtain the number of days when changing the month.
|
|
*
|
|
* @param int specifiedMonth
|
|
* @return void
|
|
*/
|
|
function setDays(e)
|
|
{
|
|
var specifiedMonth = $(e.target).val()
|
|
|
|
/* Get last day in specified month. */
|
|
var date = new Date();
|
|
date.setMonth(specifiedMonth);
|
|
var month = date.getMonth() + 1;
|
|
date.setMonth(month);
|
|
date.setDate(0);
|
|
var specifiedMonthLastDay = date.getDate();
|
|
|
|
const dayPicker = $('#specifiedDay').zui('picker');
|
|
|
|
let dayItems = [];
|
|
for(var i = 1; i <= specifiedMonthLastDay; i++) dayItems.push({'text': i + dayLang, 'value': i});
|
|
dayPicker.render({items: dayItems});
|
|
}
|
|
|
|
/**
|
|
* 更改日期。
|
|
* Change date.
|
|
*
|
|
* @param object dateInput
|
|
* @return void
|
|
*/
|
|
function changeDate(event)
|
|
{
|
|
$('#switchDate').prop('checked', !event.target.value);
|
|
}
|
|
|
|
/**
|
|
* 验证间隔天数是否为空。
|
|
* Verify if the sapceDay value is empty.
|
|
*
|
|
* @return void
|
|
*/
|
|
function verifySpaceDay()
|
|
{
|
|
if($('#spaceDay').length > 0 && !$('#spaceDay').val()) $(this).closest('.input-control').addClass('has-error');
|
|
}
|
|
|
|
/**
|
|
* 验证周期类型为天的日期是否为空。
|
|
* Verify if the date with a cycle type of days is empty.
|
|
*
|
|
* @param object dateInput
|
|
* @return void
|
|
*/
|
|
function verifyCycleDate(event)
|
|
{
|
|
if(!event.target.value) $(event.target).closest('.input-group').addClass('has-error');
|
|
}
|
|
|
|
/**
|
|
* 验证结束时间是否正确。
|
|
* Verify if the end time is correct.
|
|
*
|
|
* @param object time
|
|
* @return void
|
|
*/
|
|
function verifyEndTime(event)
|
|
{
|
|
let end = $(event.target).zui('picker').$.value;
|
|
if(end < $('#begin').zui('picker').$.value) $(event.target).closest('.picker-box').addClass('has-error');
|
|
}
|