310 lines
9.3 KiB
JavaScript
310 lines
9.3 KiB
JavaScript
|
export class ReCalculateAccrualWizardController extends BaseWizardController {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
el: '.wizard-bg',
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init( options ) {
|
||
|
|
//this._super('initialize', options );
|
||
|
|
|
||
|
|
this.title = $.i18n._( 'Accrual ReCalculation Wizard' );
|
||
|
|
this.steps = 3;
|
||
|
|
this.current_step = 1;
|
||
|
|
|
||
|
|
this.render();
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
super.render();
|
||
|
|
|
||
|
|
this.initCurrentStep();
|
||
|
|
}
|
||
|
|
|
||
|
|
//Create each page UI
|
||
|
|
buildCurrentStepUI() {
|
||
|
|
|
||
|
|
this.content_div.empty();
|
||
|
|
var $this = this;
|
||
|
|
this.stepsWidgetDic[this.current_step] = {};
|
||
|
|
switch ( this.current_step ) {
|
||
|
|
case 1:
|
||
|
|
var label = this.getLabel();
|
||
|
|
label.text( $.i18n._( 'Select one or more accrual policies' ) );
|
||
|
|
|
||
|
|
var a_combobox = this.getAComboBox( TTAPI.APIAccrualPolicy, true, 'global_accrual', 'accrual_policy_id' );
|
||
|
|
var div = $( '<div class=\'wizard-acombobox-div\'></div>' );
|
||
|
|
div.append( a_combobox );
|
||
|
|
|
||
|
|
this.stepsWidgetDic[this.current_step][a_combobox.getField()] = a_combobox;
|
||
|
|
|
||
|
|
this.content_div.append( label );
|
||
|
|
this.content_div.append( div );
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
label = this.getLabel();
|
||
|
|
label.text( $.i18n._( 'Select the date range' ) );
|
||
|
|
|
||
|
|
this.content_div.append( label );
|
||
|
|
|
||
|
|
var form_item = $( Global.loadWidget( 'global/widgets/wizard_form_item/WizardFormItem.html' ) );
|
||
|
|
var form_item_label = form_item.find( '.form-item-label' );
|
||
|
|
var form_item_input_div = form_item.find( '.form-item-input-div' );
|
||
|
|
|
||
|
|
var combobox = this.getComboBox( 'time_period', true );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( 'Time Period' ) );
|
||
|
|
form_item_input_div.append( combobox );
|
||
|
|
|
||
|
|
this.content_div.append( form_item );
|
||
|
|
|
||
|
|
form_item = $( Global.loadWidget( 'global/widgets/wizard_form_item/WizardFormItem.html' ) );
|
||
|
|
form_item_label = form_item.find( '.form-item-label' );
|
||
|
|
form_item_input_div = form_item.find( '.form-item-input-div' );
|
||
|
|
|
||
|
|
var start_picker = this.getDatePicker( 'start_date' );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( 'Start Date' ) );
|
||
|
|
form_item_input_div.append( start_picker );
|
||
|
|
|
||
|
|
this.content_div.append( form_item );
|
||
|
|
|
||
|
|
form_item = $( Global.loadWidget( 'global/widgets/wizard_form_item/WizardFormItem.html' ) );
|
||
|
|
form_item_label = form_item.find( '.form-item-label' );
|
||
|
|
form_item_input_div = form_item.find( '.form-item-input-div' );
|
||
|
|
|
||
|
|
var end_picker = this.getDatePicker( 'end_date' );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( 'End Date' ) );
|
||
|
|
form_item_input_div.append( end_picker );
|
||
|
|
|
||
|
|
this.content_div.append( form_item );
|
||
|
|
|
||
|
|
form_item = $( Global.loadWidget( 'global/widgets/wizard_form_item/WizardFormItem.html' ) );
|
||
|
|
form_item_label = form_item.find( '.form-item-label' );
|
||
|
|
form_item_input_div = form_item.find( '.form-item-input-div' );
|
||
|
|
|
||
|
|
var pay_period = this.getAComboBox( TTAPI.APIPayPeriod, true, 'global_Pay_period', 'pay_period_id' );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( 'Pay Period' ) );
|
||
|
|
form_item_input_div.append( pay_period );
|
||
|
|
|
||
|
|
this.content_div.append( form_item );
|
||
|
|
|
||
|
|
form_item = $( Global.loadWidget( 'global/widgets/wizard_form_item/WizardFormItem.html' ) );
|
||
|
|
form_item_label = form_item.find( '.form-item-label' );
|
||
|
|
form_item_input_div = form_item.find( '.form-item-input-div' );
|
||
|
|
|
||
|
|
var pay_period_schedule = this.getAComboBox( TTAPI.APIPayPeriodSchedule, true, 'global_pay_period_schedule', 'pay_period_schedule_id' );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( 'Pay Period Schedule' ) );
|
||
|
|
form_item_input_div.append( pay_period_schedule );
|
||
|
|
|
||
|
|
this.content_div.append( form_item );
|
||
|
|
|
||
|
|
combobox.bind( 'formItemChange', function( e, target ) {
|
||
|
|
$this.onTimePeriodChange( target );
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.stepsWidgetDic[this.current_step][combobox.getField()] = combobox;
|
||
|
|
|
||
|
|
this.stepsWidgetDic[this.current_step][start_picker.getField()] = start_picker;
|
||
|
|
this.stepsWidgetDic[this.current_step][end_picker.getField()] = end_picker;
|
||
|
|
this.stepsWidgetDic[this.current_step][pay_period.getField()] = pay_period;
|
||
|
|
this.stepsWidgetDic[this.current_step][pay_period_schedule.getField()] = pay_period_schedule;
|
||
|
|
|
||
|
|
$this.onTimePeriodChange( combobox );
|
||
|
|
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
label = this.getLabel();
|
||
|
|
label.text( $.i18n._( 'Select one or more employees' ) );
|
||
|
|
|
||
|
|
a_combobox = this.getAComboBox( TTAPI.APIUser, true, 'global_user', 'user_id', true );
|
||
|
|
div = $( '<div class=\'wizard-acombobox-div\'></div>' );
|
||
|
|
div.append( a_combobox );
|
||
|
|
|
||
|
|
this.stepsWidgetDic[this.current_step] = {};
|
||
|
|
this.stepsWidgetDic[this.current_step][a_combobox.getField()] = a_combobox;
|
||
|
|
|
||
|
|
this.content_div.append( label );
|
||
|
|
this.content_div.append( div );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onTimePeriodChange( target ) {
|
||
|
|
var value = target.getValue();
|
||
|
|
|
||
|
|
var start_date_div = this.stepsWidgetDic[this.current_step]['start_date'].parent().parent();
|
||
|
|
var end_date_div = this.stepsWidgetDic[this.current_step]['end_date'].parent().parent();
|
||
|
|
var pay_period_div = this.stepsWidgetDic[this.current_step]['pay_period_id'].parent().parent();
|
||
|
|
var pay_period_schedule_div = this.stepsWidgetDic[this.current_step]['pay_period_schedule_id'].parent().parent();
|
||
|
|
|
||
|
|
if ( value === 'custom_date' ) {
|
||
|
|
start_date_div.css( 'display', 'block' );
|
||
|
|
end_date_div.css( 'display', 'block' );
|
||
|
|
pay_period_div.css( 'display', 'none' );
|
||
|
|
pay_period_schedule_div.css( 'display', 'none' );
|
||
|
|
} else if ( value === 'custom_pay_period' ) {
|
||
|
|
start_date_div.css( 'display', 'none' );
|
||
|
|
end_date_div.css( 'display', 'none' );
|
||
|
|
pay_period_div.css( 'display', 'block' );
|
||
|
|
pay_period_schedule_div.css( 'display', 'none' );
|
||
|
|
} else if ( value === 'this_pay_period' || value === 'last_pay_period' || value === 'to_last_pay_period' || value === 'to_this_pay_period' ) {
|
||
|
|
start_date_div.css( 'display', 'none' );
|
||
|
|
end_date_div.css( 'display', 'none' );
|
||
|
|
pay_period_div.css( 'display', 'none' );
|
||
|
|
pay_period_schedule_div.css( 'display', 'block' );
|
||
|
|
} else {
|
||
|
|
start_date_div.css( 'display', 'none' );
|
||
|
|
end_date_div.css( 'display', 'none' );
|
||
|
|
pay_period_div.css( 'display', 'none' );
|
||
|
|
pay_period_schedule_div.css( 'display', 'none' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onDoneClick() {
|
||
|
|
var $this = this;
|
||
|
|
super.onDoneClick();
|
||
|
|
this.saveCurrentStep();
|
||
|
|
var accrual_policy_id = this.stepsDataDic[1].accrual_policy_id;
|
||
|
|
var user_ids = this.stepsDataDic[3].user_id;
|
||
|
|
|
||
|
|
var time_period = {};
|
||
|
|
time_period.time_period = this.stepsDataDic[2].time_period;
|
||
|
|
|
||
|
|
for ( var key in this.stepsDataDic[2] ) {
|
||
|
|
if ( !this.stepsDataDic[2].hasOwnProperty( [key] ) || key === 'time_period' || key === 'effective_date' ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
time_period[key] = this.stepsDataDic[2][key];
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
var accrual_policy_api = TTAPI.APIAccrualPolicy;
|
||
|
|
|
||
|
|
accrual_policy_api.recalculateAccrual( accrual_policy_id, time_period, user_ids, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onCloseClick();
|
||
|
|
|
||
|
|
if ( $this.call_back ) {
|
||
|
|
$this.call_back();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildCurrentStepData() {
|
||
|
|
var $this = this;
|
||
|
|
var current_step_data = this.stepsDataDic[this.current_step];
|
||
|
|
var current_step_ui = this.stepsWidgetDic[this.current_step];
|
||
|
|
switch ( this.current_step ) {
|
||
|
|
case 1:
|
||
|
|
if ( current_step_data ) {
|
||
|
|
for ( var key in current_step_data ) {
|
||
|
|
if ( !current_step_data.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
current_step_ui[key].setValue( current_step_data[key] );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
TTAPI.APITimesheetSummaryReport.getOptions( 'time_period', {
|
||
|
|
onResult: function( result ) {
|
||
|
|
|
||
|
|
current_step_ui['time_period'].setSourceData( Global.buildRecordArray( result.getResult() ) );
|
||
|
|
|
||
|
|
if ( !current_step_data ) {
|
||
|
|
var date = new Date();
|
||
|
|
current_step_ui.time_period.setValue( 'last_month' );
|
||
|
|
} else {
|
||
|
|
for ( var key in current_step_data ) {
|
||
|
|
if ( !current_step_data.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
current_step_ui[key].setValue( current_step_data[key] );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.onTimePeriodChange( current_step_ui['time_period'] );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
|
||
|
|
if ( !current_step_data ) {
|
||
|
|
current_step_ui['user_id'].setValue( TTUUID.not_exist_id );
|
||
|
|
} else {
|
||
|
|
for ( var key in current_step_data ) {
|
||
|
|
if ( !current_step_data.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
current_step_ui[key].setValue( current_step_data[key] );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
for ( var key in current_step_data ) {
|
||
|
|
if ( !current_step_data.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
current_step_ui[key].setValue( current_step_data[key] );
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
saveCurrentStep() {
|
||
|
|
this.stepsDataDic[this.current_step] = {};
|
||
|
|
var current_step_data = this.stepsDataDic[this.current_step];
|
||
|
|
var current_step_ui = this.stepsWidgetDic[this.current_step];
|
||
|
|
switch ( this.current_step ) {
|
||
|
|
case 1:
|
||
|
|
current_step_data.accrual_policy_id = current_step_ui.accrual_policy_id.getValue();
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
for ( var key in current_step_ui ) {
|
||
|
|
if ( !current_step_ui.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( current_step_ui[key].is( ':visible' ) ) {
|
||
|
|
current_step_data[key] = current_step_ui[key].getValue();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
current_step_data.user_id = current_step_ui.user_id.getValue();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDefaultDataToSteps() {
|
||
|
|
|
||
|
|
if ( !this.default_data ) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.stepsDataDic[1] = {};
|
||
|
|
|
||
|
|
if ( this.getDefaultData( 'accrual_policy_id' ) ) {
|
||
|
|
this.stepsDataDic[1].accrual_policy_id = this.getDefaultData( 'accrual_policy_id' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|