* update create page.
This commit is contained in:
wangzemei
@@ -1,10 +1,13 @@
|
||||
.private-row .checkbox-primary {margin-top: 5px;}
|
||||
.every-checkbox .checkbox-primary {width: 50px;}
|
||||
.cycle-config .tab-content>.tab-pane {padding-left: 0; padding-right: 0;}
|
||||
.cycle-config .tab-content>.tab-pane:first-child,
|
||||
.cycle-config .tab-content>.input-group {width: 44.5%;}
|
||||
.switch-time {min-height: 32px;}
|
||||
.form-row .form-group.align-center {align-items: center;}
|
||||
.form-row .form-group.items-center {align-items: center;}
|
||||
#nameInputBox {width: 80%;}
|
||||
#nameInputBox .form-control {width: 99.8%;}
|
||||
|
||||
.have-fix .input-control-prefix {width: 42px; background: #f6f7f9; opacity: 1;}
|
||||
.have-fix .input-group-addon {width: 42px;}
|
||||
.highlight-suffix .input-control-suffix,
|
||||
.highlight-prefix .input-control-prefix {opacity: 1;}
|
||||
.config-day {width: 114px;}
|
||||
.form-row .tooltip-btn::before {background: #fff;}
|
||||
.form-row .tooltip-btn {box-shadow: none;}
|
||||
.form-row .tooltip-btn:hover:before {opacity: 0;}
|
||||
.input-control > .form-control.before-days {padding-left: 50px;}
|
||||
.form .label-id {height: 20px; border-color: #D8DBDE; border-radius: 10px;}
|
||||
|
||||
+78
-19
@@ -1,13 +1,70 @@
|
||||
var nameDefaultHtml = $('#nameInputBox').html();
|
||||
|
||||
/**
|
||||
* 切换日期选择的禁用状态。
|
||||
* Toggle the disabled state of the date select.
|
||||
* 切换周期类型。
|
||||
* Toggle cycle type.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function changeCycleType()
|
||||
{
|
||||
var cycleType = $('#cycleType input[type=radio]:checked').val();
|
||||
toggleCycleConfig(cycleType);
|
||||
}
|
||||
|
||||
/**
|
||||
* 切换周期设置的展示。
|
||||
* 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 toggleDateTodo(switcher)
|
||||
function togglePrivate(switcher)
|
||||
{
|
||||
$('.date').prop('disabled', switcher.checked);
|
||||
$('#assignedTo').prop('disabled', switcher.checked);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更改指派给时。
|
||||
* change assignedTo.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function changeAssignedTo()
|
||||
{
|
||||
var assignedTo = $('#assignedTo').val();
|
||||
$('#private').prop('disabled', assignedTo !== userAccount);
|
||||
}
|
||||
|
||||
/**
|
||||
* 切换日期待定复选框。
|
||||
* Toggle date pending checkbox.
|
||||
*
|
||||
* @param object switcher
|
||||
* @return void
|
||||
*/
|
||||
function togglePending(switcher)
|
||||
{
|
||||
if(switcher.checked)
|
||||
{
|
||||
$('.date').removeAttr('disabled');
|
||||
$('.date').prop('value','');
|
||||
if($('#cycle')) $('#cycle').prop('checked', false);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -31,9 +88,11 @@ function loadList(type, id, objectID)
|
||||
divClass = '.name-box';
|
||||
divID = '#nameBox';
|
||||
}
|
||||
|
||||
id = id ? id : '';
|
||||
var param = 'userID=' + userID + '&id=' + id;
|
||||
if(type == "task") param += '&status=wait,doing';
|
||||
if(type == 'task') param += '&status=wait,doing';
|
||||
|
||||
if(defaultType && type == defaultType && objectID != 0) param += '&objectID=' + objectID;
|
||||
|
||||
if(moduleList.indexOf(type) !== -1)
|
||||
@@ -43,19 +102,19 @@ function loadList(type, id, objectID)
|
||||
{
|
||||
if(data.length != 0)
|
||||
{
|
||||
$(divClass).find('#nameInputBox').html(data).find('select').chosen();
|
||||
if($(divClass).find('#nameInputBox').html(data).find('select').chosen) $(divClass).find('#nameInputBox').html(data).find('select').chosen();
|
||||
if(config.currentMethod == 'edit' || type == 'feedback') $(divClass).find('select').val(objectID).trigger('chosen:updated');
|
||||
if($(divClass + " select").val() == null) $(divClass + " select").attr("data-placeholder", noOptions.replace("%s", chosenType[type])).trigger('chosen:updated');
|
||||
if($(divClass + ' select').val() == null) $(divClass + ' select').attr('data-placeholder', noOptions.replace('%s', chosenType[type])).trigger('chosen:updated');
|
||||
}
|
||||
else
|
||||
{
|
||||
$(divClass).find('#nameInputBox').html("<select id="+ type +" class='form-control'></select>").find('select').chosen();
|
||||
if($(divClass).find('#nameInputBox').html("<select id="+ type +" class='form-control'></select>").find('select').chosen) $(divClass).find('#nameInputBox').html("<select id="+ type +" class='form-control'></select>").find('select').chosen();
|
||||
}
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
$(divClass).html($(divID).html());
|
||||
$(divClass).find('#nameInputBox').html(nameDefaultHtml);
|
||||
}
|
||||
|
||||
if(nameBoxLabel) return;
|
||||
@@ -71,8 +130,8 @@ function loadList(type, id, objectID)
|
||||
*/
|
||||
function selectNext()
|
||||
{
|
||||
if(!$("#begin ")[0] || !$("#end ")[0]) return;
|
||||
$("#end ")[0].selectedIndex = $("#begin ")[0].selectedIndex + 3;
|
||||
if(!$('#begin ')[0] || !$('#end ')[0]) return;
|
||||
$('#end ')[0].selectedIndex = $('#begin ')[0].selectedIndex + 3;
|
||||
$('#end').trigger('chosen:updated');
|
||||
}
|
||||
|
||||
@@ -82,26 +141,26 @@ function setBeginsAndEnds(i, beginOrEnd)
|
||||
{
|
||||
for(j = 0; j < batchCreateNum; j++)
|
||||
{
|
||||
if(j != 0) $("#begins" + j)[0].selectedIndex = $("#ends" + (j - 1))[0].selectedIndex;
|
||||
$("#ends" + j)[0].selectedIndex = $("#begins" + j)[0].selectedIndex + 3;
|
||||
$("#begins" + j, "#ends" + j).trigger('chosen:updated');
|
||||
if(j != 0) $('#begins' + j)[0].selectedIndex = $('#ends' + (j - 1))[0].selectedIndex;
|
||||
$('#ends' + j)[0].selectedIndex = $('#begins' + j)[0].selectedIndex + 3;
|
||||
$('#begins' + j, '#ends' + j).trigger('chosen:updated');
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
if(beginOrEnd == 'begin')
|
||||
{
|
||||
$("#ends" + i)[0].selectedIndex = $("#begins" + i)[0].selectedIndex + 3;
|
||||
$("#ends" + i).trigger('chosen:updated');
|
||||
$('#ends' + i)[0].selectedIndex = $('#begins' + i)[0].selectedIndex + 3;
|
||||
$('#ends' + i).trigger('chosen:updated');
|
||||
}
|
||||
|
||||
if(batchCreateNum)
|
||||
{
|
||||
for(j = i+1; j < batchCreateNum; j++)
|
||||
{
|
||||
$("#begins" + j)[0].selectedIndex = $("#ends" + (j - 1))[0].selectedIndex;
|
||||
$("#ends" + j)[0].selectedIndex = $("#begins" + j)[0].selectedIndex + 3;
|
||||
$("#begins" + j, "#ends" + j).trigger('chosen:updated');
|
||||
$('#begins' + j)[0].selectedIndex = $('#ends' + (j - 1))[0].selectedIndex;
|
||||
$('#ends' + j)[0].selectedIndex = $('#begins' + j)[0].selectedIndex + 3;
|
||||
$('#begins' + j, '#ends' + j).trigger('chosen:updated');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,8 +12,9 @@ function toggleCycle(switcher)
|
||||
if(switcher.checked)
|
||||
{
|
||||
$('.date').attr('disabled','disabled');
|
||||
$('.cycle-config').removeClass('hidden');
|
||||
$('#switchDate').closest('.checkbox-primary').addClass('hidden');
|
||||
$('.date').prop('value','');
|
||||
$('.cycle-config:not(.type-week,.type-month,.type-year)').removeClass('hidden');
|
||||
$('#switchDate').prop('checked', false);
|
||||
$('#type').closest('.form-row').addClass('hidden');
|
||||
$('#type').val('custom');
|
||||
loadList('custom'); //Fix bug 3278.
|
||||
@@ -22,7 +23,6 @@ function toggleCycle(switcher)
|
||||
{
|
||||
$('.date').removeAttr('disabled');
|
||||
$('.cycle-config').addClass('hidden');
|
||||
$('#switchDate').closest('.checkbox-primary').removeClass('hidden');
|
||||
$('#type').closest('.form-row').removeClass('hidden');
|
||||
}
|
||||
}
|
||||
@@ -36,26 +36,13 @@ function toggleCycle(switcher)
|
||||
*/
|
||||
function changeCreateDate(dateInput)
|
||||
{
|
||||
$('#switchDate').prop('checked', !$(dateInput).val());
|
||||
var selectTime = $(dateInput).val() != today ? start : nowTime;
|
||||
$('#begin').val(selectTime);
|
||||
$('#begin').trigger("chosen:updated");
|
||||
$('#begin').trigger('chosen:updated');
|
||||
selectNext();
|
||||
}
|
||||
|
||||
/**
|
||||
* 切换标签页，用于更新标签页的样式和更新类型。
|
||||
* Toggle tabs to update the style and type.
|
||||
*
|
||||
* @param object tab
|
||||
* @return void
|
||||
*/
|
||||
function toggleNavTabs(tab)
|
||||
{
|
||||
$(tab).parent().siblings().find('a').prop('class', '');
|
||||
$(tab).addClass('active');
|
||||
if($(tab).data('type'))$('input[id*=type][id*=config]').val($(tab).data('type'));
|
||||
}
|
||||
|
||||
/**
|
||||
* 更改待办类型。
|
||||
* Change todo type.
|
||||
@@ -65,5 +52,5 @@ function toggleNavTabs(tab)
|
||||
*/
|
||||
function changeType(typeSelect)
|
||||
{
|
||||
loadList($(typeSelect).find('select').val(), '');
|
||||
loadList($(typeSelect).find('select').val(), '');
|
||||
}
|
||||
|
||||
+387
-351
@@ -23,340 +23,378 @@ jsVar('nowTime', $time);
|
||||
jsVar('start', key($times));
|
||||
jsVar('userID', $app->user->id);
|
||||
jsVar('defaultType', '');
|
||||
jsVar('userAccount', $app->user->account);
|
||||
|
||||
/**
|
||||
* 构建周期设置的天的标签内容，待办为周期类型进行展示。
|
||||
* Build tab-pane content of day.
|
||||
*
|
||||
* @return mixed Any type supported by zin widget function 任何 zin 部件函数参数支持的类型。
|
||||
*/
|
||||
function buildDayPane(): mixed
|
||||
{
|
||||
global $lang, $app;
|
||||
|
||||
return fragment
|
||||
(
|
||||
inputGroup
|
||||
(
|
||||
set::class('every'),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->every
|
||||
),
|
||||
|
||||
input
|
||||
(
|
||||
set::id('everyInput'),
|
||||
set::name('config[day]')
|
||||
),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->cycleDay
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('pl-3 flex items-center input-group-addon every-checkbox'),
|
||||
checkbox
|
||||
(
|
||||
set::id('configSpecify'),
|
||||
set::name('config[specifiedDate]'),
|
||||
set::text($lang->todo->specify),
|
||||
set::value(1),
|
||||
on::change('showSpecifiedDate(this)')
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
inputGroup
|
||||
(
|
||||
set::class('specify hidden'),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->specify
|
||||
),
|
||||
select
|
||||
(
|
||||
set::id('config[specify][month]'),
|
||||
set::name('config[specify][month]'),
|
||||
set::items($lang->datepicker->monthNames),
|
||||
set::value(0),
|
||||
set::multiple(false),
|
||||
on::change('setDays(this.value)')
|
||||
),
|
||||
select
|
||||
(
|
||||
set::id('specifiedDay'),
|
||||
set::name('config[specify][day]'),
|
||||
set::items($lang->todo->specifiedDay),
|
||||
set::multiple(false),
|
||||
set::value(1)
|
||||
),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon', strpos($app->getClientLang(), 'zh') !== false ? '' : 'hidden'),
|
||||
$lang->todo->day
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('w-36 pl-3 flex items-center gap-3 input-group-addon'),
|
||||
checkbox
|
||||
(
|
||||
set::id('cycleYear'),
|
||||
set::name('config[cycleYear]'),
|
||||
set::value(1),
|
||||
set::text($lang->todo->everyYear)
|
||||
),
|
||||
checkbox
|
||||
(
|
||||
set::id('configEvery'),
|
||||
set::name('configEvery'),
|
||||
set::value(1),
|
||||
set::text($lang->todo->every),
|
||||
on::change('showEvery(this)')
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建月的标签页，用于周期设置。
|
||||
* Build tab-pane content of month.
|
||||
*
|
||||
* @return mixed Any type supported by zin widget function 任何 zin 部件函数参数支持的类型。
|
||||
*/
|
||||
|
||||
function buildMonthDays(): mixed
|
||||
{
|
||||
$days = array_combine(range(1,31), range(1,31));
|
||||
|
||||
return checkList
|
||||
(
|
||||
set::class('flex-wrap gap-4'),
|
||||
set::name('config[month]'),
|
||||
set::inline(true),
|
||||
set::items($days),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建周期设置的标签导航，待办为周期类型进行展示。
|
||||
* Build navTabs header for cycle.
|
||||
*
|
||||
* @return mixed Any type supported by zin widget function 任何 zin 部件函数参数支持的类型。
|
||||
*/
|
||||
|
||||
function buildNavTabsBar(): mixed
|
||||
{
|
||||
global $lang;
|
||||
|
||||
$navTabs = [
|
||||
[
|
||||
'type' => 'day',
|
||||
'text' => $lang->todo->cycleDay,
|
||||
'class' => ' active'
|
||||
],
|
||||
[
|
||||
'type' => 'week',
|
||||
'text' => $lang->todo->cycleWeek,
|
||||
'class' => ''
|
||||
],
|
||||
[
|
||||
'type' => 'month',
|
||||
'text' => $lang->todo->cycleMonth,
|
||||
'class' => '',
|
||||
],
|
||||
];
|
||||
|
||||
$nav = ul(set::class('nav nav-tabs'));
|
||||
foreach($navTabs as $tab)
|
||||
{
|
||||
$nav->add(
|
||||
li
|
||||
(
|
||||
set::class('nav-item'. $tab['class']),
|
||||
a
|
||||
(
|
||||
set::href('#' . $tab['type']),
|
||||
set::class($tab['class']),
|
||||
set('data-toggle', 'tab'),
|
||||
$tab['text'],
|
||||
on::click('toggleNavTabs(this)')
|
||||
)
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return $nav;
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建周期设置的标签页，当待办为周期时进行展示。
|
||||
* Build navTabs for cycle.
|
||||
*
|
||||
* @return mixed Any type supported by zin widget function 任何 zin 部件函数参数支持的类型。
|
||||
*/
|
||||
function buildNavTabs(): mixed
|
||||
{
|
||||
global $lang;
|
||||
|
||||
return div
|
||||
(
|
||||
set::class('w-full'),
|
||||
buildNavTabsBar(),
|
||||
div
|
||||
(
|
||||
set::class('tab-content'),
|
||||
div
|
||||
(
|
||||
set::class('tab-pane active'),
|
||||
set::id('day'),
|
||||
buildDayPane(),
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('tab-pane'),
|
||||
set::id('week'),
|
||||
checkList
|
||||
(
|
||||
set::primary(true),
|
||||
set::id('config[week]'),
|
||||
set::name('config[week]'),
|
||||
set::inline(true),
|
||||
set::items($lang->todo->dayNames),
|
||||
),
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('tab-pane h-28'),
|
||||
set::id('month'),
|
||||
buildMonthDays(),
|
||||
),
|
||||
inputGroup
|
||||
(
|
||||
div
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
'提前',
|
||||
),
|
||||
input
|
||||
(
|
||||
set::id('name'),
|
||||
set::name('config[beforeDays]'),
|
||||
set::value(0),
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
'天生成待办',
|
||||
),
|
||||
),
|
||||
|
||||
),
|
||||
);
|
||||
}
|
||||
$cycleTypeOptions = array
|
||||
(
|
||||
array('text' => $lang->todo->cycleDay, 'value' => 'day'),
|
||||
array('text' => $lang->todo->cycleWeek, 'value' => 'week'),
|
||||
array('text' => $lang->todo->cycleMonth, 'value' => 'month'),
|
||||
array('text' => $lang->todo->cycleYear, 'value' => 'year')
|
||||
);
|
||||
$days = array();
|
||||
for($day = 1; $day <= 31; $day ++) $days[$day] = $day . $lang->todo->day;
|
||||
|
||||
formPanel
|
||||
(
|
||||
set::title(''),
|
||||
div
|
||||
(
|
||||
set::class('text-lg pb-2.5'),
|
||||
$lang->todo->create
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('items-center'),
|
||||
formGroup
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::label($lang->todo->date),
|
||||
set::strong(true),
|
||||
set::class('align-center'),
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->date,
|
||||
'class' => 'items-center',
|
||||
'width' => '1/3',
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
input
|
||||
set::class('input-control has-suffix'),
|
||||
control
|
||||
(
|
||||
set::class('date'),
|
||||
set::name('date'),
|
||||
set::value(date('Y-m-d')),
|
||||
set::type('date'),
|
||||
set::width('1/3'),
|
||||
set(array
|
||||
(
|
||||
'name' => 'date',
|
||||
'class' => 'date',
|
||||
'value' => date('Y-m-d'),
|
||||
'type' => 'date',
|
||||
'width' => '1/4',
|
||||
)),
|
||||
on::change('changeCreateDate(this)')
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('flex items-center gap-3 pl-3 input-group-addon'),
|
||||
set::class('input-control-suffix opacity-100 bg-white z-10'),
|
||||
checkbox
|
||||
(
|
||||
set::id('switchDate'),
|
||||
set::name('switchDate'),
|
||||
set::text($lang->todo->periods['future']),
|
||||
set::width('100px'),
|
||||
on::change('toggleDateTodo(this)')
|
||||
),
|
||||
checkbox
|
||||
(
|
||||
set::id('cycle'),
|
||||
set::name('cycle'),
|
||||
set::value(1),
|
||||
set::text($lang->todo->cycle),
|
||||
on::change('toggleCycle(this)')
|
||||
set(array
|
||||
(
|
||||
'id' => 'switchDate',
|
||||
'name' => 'switchDate',
|
||||
'text' => $lang->todo->periods['future'],
|
||||
'width' => '100px',
|
||||
)),
|
||||
on::change('togglePending(this)')
|
||||
)
|
||||
)
|
||||
|
||||
)
|
||||
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config hidden'),
|
||||
),
|
||||
formGroup
|
||||
(
|
||||
set::label($lang->todo->cycleConfig),
|
||||
set::strong(true),
|
||||
buildNavTabs()
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config hidden'),
|
||||
formGroup
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::label($lang->todo->deadline),
|
||||
set::strong(true),
|
||||
input
|
||||
set::class('items-center ml-3'),
|
||||
checkbox
|
||||
(
|
||||
set::type('date'),
|
||||
set::name('config[end]')
|
||||
set(array
|
||||
(
|
||||
'id' => 'cycle',
|
||||
'name' => 'cycle',
|
||||
'value' => 1,
|
||||
'text' => $lang->todo->cycle
|
||||
)),
|
||||
on::change('toggleCycle(this)')
|
||||
)
|
||||
)
|
||||
|
||||
),
|
||||
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config hidden'),
|
||||
formGroup
|
||||
(
|
||||
set::label($lang->todo->cycleType),
|
||||
set::required(true),
|
||||
radioList
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'name' => 'cycleType',
|
||||
'id' => 'cycleType',
|
||||
'value' => 'day',
|
||||
'inline' => true,
|
||||
'items' => $cycleTypeOptions,
|
||||
)),
|
||||
on::change('changeCycleType')
|
||||
)
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config cycle-type-detail type-day hidden'),
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->cycleConfig,
|
||||
'required' => true,
|
||||
'width' => '1/3'
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
set::class('have-fix'),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon justify-center'),
|
||||
$lang->todo->from
|
||||
),
|
||||
input(set(array
|
||||
(
|
||||
'name' => 'date',
|
||||
'type' => 'date',
|
||||
'value' => date('Y-m-d')
|
||||
))),
|
||||
)
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('config-day flex items-center highlight-suffix'),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon ring-0 bg-white'),
|
||||
$lang->todo->every
|
||||
),
|
||||
|
||||
inputControl
|
||||
(
|
||||
set::suffix($lang->todo->cycleDay),
|
||||
set::suffixWidth('30'),
|
||||
input
|
||||
(
|
||||
set::id('everyInput'),
|
||||
set::name('config[day]')
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config cycle-type-detail type-week hidden'),
|
||||
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->cycleConfig,
|
||||
'required' => true,
|
||||
'width' => '1/2'
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
set::class('have-fix'),
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->weekly
|
||||
),
|
||||
select(set(array
|
||||
(
|
||||
'id' => 'config[week]',
|
||||
'name' => 'config[week]',
|
||||
'items' => $lang->todo->dayNames
|
||||
)))
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config cycle-type-detail type-month hidden'),
|
||||
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->cycleConfig,
|
||||
'required' => true,
|
||||
'class' => 'have-fix',
|
||||
'width' => '1/2'
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->monthly
|
||||
),
|
||||
select(set(array
|
||||
(
|
||||
'id' => 'config[month]',
|
||||
'name' => 'config[month]',
|
||||
'items' => $days
|
||||
)))
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config cycle-type-detail type-year hidden'),
|
||||
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->cycleConfig,
|
||||
'required' => true,
|
||||
'class' => 'have-fix',
|
||||
'width' => '1/2'
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
span
|
||||
(
|
||||
set::class('input-group-addon'),
|
||||
$lang->todo->specify
|
||||
),
|
||||
select
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'id' => 'config[specify][month]',
|
||||
'name' => 'config[specify][month]',
|
||||
'items' => $lang->datepicker->monthNames,
|
||||
'multiple' => false,
|
||||
'value' => 0
|
||||
)),
|
||||
on::change('setDays(this.value)')
|
||||
),
|
||||
select(set(array
|
||||
(
|
||||
'id' => 'specifiedDay',
|
||||
'name' => 'config[specify][day]',
|
||||
'items' => $days,
|
||||
'multiple' => false,
|
||||
'value' => 1
|
||||
)))
|
||||
)
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config hidden'),
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->generate,
|
||||
'class' => 'have-fix highlight-suffix',
|
||||
'width' => '1/3'
|
||||
)),
|
||||
inputControl
|
||||
(
|
||||
set::prefix($lang->todo->advance),
|
||||
set::prefixWidth('42'),
|
||||
input(set(array
|
||||
(
|
||||
'class' => 'before-days',
|
||||
'name' => 'config[beforeDays]'
|
||||
))),
|
||||
to::suffix($lang->todo->cycleDay),
|
||||
set::suffixWidth('30')
|
||||
)
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
set::class('cycle-config hidden'),
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->deadline,
|
||||
'width' => '1/3',
|
||||
)),
|
||||
input(set(array
|
||||
(
|
||||
'type' => 'date',
|
||||
'name' => 'config[end]'
|
||||
)))
|
||||
)
|
||||
),
|
||||
formGroup
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::name('type'),
|
||||
set::strong(true),
|
||||
set::label($lang->todo->type),
|
||||
set::items($lang->todo->typeList),
|
||||
set(array
|
||||
(
|
||||
'label' => $lang->todo->type,
|
||||
'name' => 'type',
|
||||
'width' => '1/3',
|
||||
'items' => $lang->todo->typeList,
|
||||
|
||||
)),
|
||||
on::change('changeType(this)'),
|
||||
),
|
||||
formGroup
|
||||
formRow
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::name('assignedTo'),
|
||||
set::strong(true),
|
||||
set::label($lang->todo->assignTo),
|
||||
set::items($users),
|
||||
set::value($app->user->account)
|
||||
formGroup
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'width' => '1/3',
|
||||
'label' => $lang->todo->assignTo,
|
||||
)),
|
||||
select
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'items' => $users,
|
||||
'value' => $app->user->account,
|
||||
'id' => 'assignedTo',
|
||||
'name' => 'assignedTo',
|
||||
)),
|
||||
on::change('changeAssignedTo()')
|
||||
)
|
||||
),
|
||||
formGroup
|
||||
(
|
||||
set::class('items-center ml-3'),
|
||||
checkbox
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'id' => 'private',
|
||||
'name' => 'private',
|
||||
'text' => $lang->todo->private,
|
||||
'value' => 1,
|
||||
)),
|
||||
on::change('togglePrivate(this)')
|
||||
),
|
||||
btn(set(array
|
||||
(
|
||||
'icon' => 'help',
|
||||
'data-toggle' => 'tooltip',
|
||||
'data-placement' => 'top-start',
|
||||
'href' => 'privateTip',
|
||||
'square' => true,
|
||||
'class' => 'ghost h-6 tooltip-btn'
|
||||
))),
|
||||
div
|
||||
(
|
||||
set::id('privateTip'),
|
||||
set::class('tooltip darker'),
|
||||
$lang->todo->privateTip
|
||||
)
|
||||
)
|
||||
),
|
||||
formRow
|
||||
(
|
||||
formGroup
|
||||
(
|
||||
set::id('nameBox'),
|
||||
set::class('name-box'),
|
||||
set::label($lang->todo->name),
|
||||
set::strong(true),
|
||||
set::required(true),
|
||||
set(array
|
||||
(
|
||||
'id' => 'nameBox',
|
||||
'class' => 'name-box',
|
||||
'required' => true,
|
||||
'label' => $lang->todo->name
|
||||
)),
|
||||
inputGroup
|
||||
(
|
||||
set::class('title-group'),
|
||||
@@ -374,83 +412,81 @@ formPanel
|
||||
set::class('input-group-addon fix-border br-0'),
|
||||
$lang->todo->pri
|
||||
),
|
||||
select
|
||||
select(set(array
|
||||
(
|
||||
set::class('w-20'),
|
||||
set::id('pri'),
|
||||
set::name('pri'),
|
||||
set::items($lang->todo->priList),
|
||||
set::value(3)
|
||||
)
|
||||
'class' => 'w-20',
|
||||
'id' => 'pri',
|
||||
'name' => 'pri',
|
||||
'items' => $lang->todo->priList,
|
||||
'value' => 3
|
||||
)))
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
formGroup
|
||||
formGroup(set(array
|
||||
(
|
||||
set::name('desc'),
|
||||
set::strong(true),
|
||||
set::type('textarea'),
|
||||
set::label($lang->todo->desc)
|
||||
),
|
||||
formGroup
|
||||
'name' => 'desc',
|
||||
'type' => 'editor',
|
||||
'label' => $lang->todo->desc,
|
||||
'value' => isset($desc) ? $desc : ''
|
||||
))),
|
||||
formGroup(set(array
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::id('status'),
|
||||
set::name('status'),
|
||||
set::items($lang->todo->statusList),
|
||||
set::label($lang->todo->status),
|
||||
set::strong(true)
|
||||
),
|
||||
'width' => '1/3',
|
||||
'id' => 'status',
|
||||
'name' => 'status',
|
||||
'items' => $lang->todo->statusList,
|
||||
'label' => $lang->todo->status,
|
||||
))),
|
||||
formRow
|
||||
(
|
||||
set::class('items-center'),
|
||||
formGroup
|
||||
(
|
||||
set::width('1/2'),
|
||||
set::label($lang->todo->beginAndEnd),
|
||||
set::strong(true),
|
||||
set::width('1/3'),
|
||||
inputGroup
|
||||
(
|
||||
select
|
||||
(
|
||||
set::id('begin'),
|
||||
set::name('begin'),
|
||||
set::items($times),
|
||||
set::value(date('Y-m-d') != $date ? key($times) : $time),
|
||||
set(array
|
||||
(
|
||||
'id' => 'begin',
|
||||
'name' => 'begin',
|
||||
'items' => $times,
|
||||
'value' => date('Y-m-d') != $date ? key($times) : $time,
|
||||
)),
|
||||
on::change('selectNext()')
|
||||
),
|
||||
select
|
||||
|
||||
span
|
||||
(
|
||||
set::id('end'),
|
||||
set::name('end'),
|
||||
set::items($times)
|
||||
)
|
||||
),
|
||||
div
|
||||
(
|
||||
set::class('ml-3 flex items-center switch-time'),
|
||||
checkbox
|
||||
set::class('input-group-addon ring-0'),
|
||||
$lang->todo->to
|
||||
),
|
||||
select(set(array
|
||||
(
|
||||
set::id('switchTime'),
|
||||
set::name('switchTime'),
|
||||
set::text($lang->todo->lblDisableDate),
|
||||
on::change('switchDateFeature(this)')
|
||||
)
|
||||
'id' => 'end',
|
||||
'name' => 'end',
|
||||
'items' => $times
|
||||
)))
|
||||
)
|
||||
|
||||
)
|
||||
),
|
||||
formGroup
|
||||
(
|
||||
set::label($lang->todo->private),
|
||||
set::strong(true),
|
||||
set::class('private-row'),
|
||||
checkbox
|
||||
),
|
||||
div
|
||||
(
|
||||
set::id('private'),
|
||||
set::name('private'),
|
||||
set::value(1)
|
||||
set::class('ml-3 flex items-center'),
|
||||
checkbox
|
||||
(
|
||||
set(array
|
||||
(
|
||||
'id' => 'switchTime',
|
||||
'name' => 'switchTime',
|
||||
'text' => $lang->todo->periods['future'],
|
||||
)),
|
||||
on::change('switchDateFeature(this)')
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user