371 lines
13 KiB
JavaScript
371 lines
13 KiB
JavaScript
export class GeneratePayStubWizardController extends BaseWizardController {
|
|
constructor( options = {} ) {
|
|
_.defaults( options, {
|
|
el: '.wizard-bg'
|
|
} );
|
|
|
|
super( options );
|
|
}
|
|
|
|
init( options ) {
|
|
//this._super('initialize', options );
|
|
|
|
this.title = $.i18n._( 'Generate Pay Stub Wizard' );
|
|
this.steps = 3;
|
|
this.current_step = 1;
|
|
|
|
this.render();
|
|
}
|
|
|
|
render() {
|
|
super.render();
|
|
|
|
this.initCurrentStep();
|
|
}
|
|
|
|
buildCurrentStepUI() {
|
|
var $this = this;
|
|
this.content_div.empty();
|
|
|
|
this.stepsWidgetDic[this.current_step] = {};
|
|
|
|
switch ( this.current_step ) {
|
|
case 1:
|
|
var label = this.getLabel();
|
|
label.text( $.i18n._( 'Generate pay stubs for individual employees when manual modifications or a termination occurs. Use Payroll -> Process Payroll if you wish to generate pay stubs for all employees instead.' ) );
|
|
|
|
this.content_div.append( label );
|
|
break;
|
|
case 2:
|
|
|
|
label = this.getLabel();
|
|
label.text( $.i18n._( 'Select one or more pay periods and choose a payroll run type' ) );
|
|
this.content_div.append( label );
|
|
// Pay period
|
|
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 a_combobox = this.getAComboBox( TTAPI.APIPayPeriod, true, 'global_Pay_period', 'pay_period_id' );
|
|
a_combobox.unbind( 'formItemChange' ).bind( 'formItemChange', function( e, target ) {
|
|
$this.saveCurrentStep();
|
|
$this.onPayPeriodChange( true );
|
|
$this.setPayRun( target.getValue() );
|
|
} );
|
|
form_item_label.text( $.i18n._( 'Pay Period' ) );
|
|
form_item_input_div.append( a_combobox );
|
|
this.content_div.append( form_item );
|
|
this.stepsWidgetDic[this.current_step][a_combobox.getField()] = a_combobox;
|
|
|
|
// Payroll Run Type
|
|
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 combobox = this.getComboBox( 'type_id', false );
|
|
form_item_label.text( $.i18n._( 'Payroll Run Type' ) );
|
|
form_item_input_div.append( combobox );
|
|
this.content_div.append( form_item );
|
|
this.stepsWidgetDic[this.current_step][combobox.getField()] = combobox;
|
|
|
|
combobox.unbind( 'formItemChange' ).bind( 'formItemChange', function( e, target ) {
|
|
$this.saveCurrentStep();
|
|
$this.onPayrollTypeChange( true );
|
|
} );
|
|
|
|
//Carry Forward to Date
|
|
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 date_picker = this.getDatePicker( 'carry_forward_to_date' );
|
|
form_item_label.text( $.i18n._( 'Carry Forward Adjustments to' ) );
|
|
form_item_input_div.append( date_picker );
|
|
this.content_div.append( form_item );
|
|
this.stepsWidgetDic[this.current_step][date_picker.getField()] = date_picker;
|
|
this.stepsWidgetDic[this.current_step][date_picker.getField() + '_row'] = form_item;
|
|
|
|
form_item.hide();
|
|
|
|
//Transaction Date
|
|
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' );
|
|
date_picker = this.getDatePicker( 'transaction_date' );
|
|
form_item_label.text( $.i18n._( 'Transaction Date' ) );
|
|
form_item_input_div.append( date_picker );
|
|
this.content_div.append( form_item );
|
|
this.stepsWidgetDic[this.current_step][date_picker.getField()] = date_picker;
|
|
this.stepsWidgetDic[this.current_step][date_picker.getField() + '_row'] = form_item;
|
|
|
|
form_item.hide();
|
|
|
|
//Payroll Run #
|
|
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 textInput = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
|
textInput = textInput.TTextInput( {
|
|
field: 'run_id',
|
|
width: 20
|
|
} );
|
|
form_item_label.text( $.i18n._( 'Payroll Run' ) );
|
|
form_item_input_div.append( textInput );
|
|
this.content_div.append( form_item );
|
|
this.stepsWidgetDic[this.current_step][textInput.getField()] = textInput;
|
|
this.stepsWidgetDic[this.current_step][textInput.getField() + '_row'] = form_item;
|
|
|
|
form_item.hide();
|
|
|
|
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 );
|
|
var 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;
|
|
}
|
|
}
|
|
|
|
setPayRun( pay_period_id ) {
|
|
var api = TTAPI.APIPayStub;
|
|
var step_2_ui = this.stepsWidgetDic[2];
|
|
api.getCurrentPayRun( pay_period_id, {
|
|
onResult: function( result ) {
|
|
var data = result.getResult();
|
|
step_2_ui.run_id.setValue( data );
|
|
}
|
|
} );
|
|
}
|
|
|
|
buildCurrentStepData() {
|
|
var $this = this;
|
|
|
|
var current_step_data = this.stepsDataDic[this.current_step];
|
|
var current_step_ui = this.stepsWidgetDic[this.current_step];
|
|
|
|
if ( current_step_data && current_step_ui ) {
|
|
switch ( this.current_step ) {
|
|
case 2:
|
|
if ( current_step_data.pay_period_id ) {
|
|
var pay_period_ids = current_step_data.pay_period_id;
|
|
pay_period_ids = Global.array_unique( pay_period_ids );
|
|
|
|
if ( current_step_data ) {
|
|
current_step_ui.pay_period_id.setValue( pay_period_ids );
|
|
}
|
|
$this.setPayRun( pay_period_ids );
|
|
}
|
|
this.onPayPeriodChange();
|
|
break;
|
|
case 3:
|
|
if ( current_step_data.user_id ) {
|
|
var user_ids = current_step_data.user_id;
|
|
user_ids = Global.array_unique( user_ids );
|
|
current_step_ui.user_id.setValue( user_ids );
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
onDoneClick() {
|
|
var $this = this;
|
|
super.onDoneClick();
|
|
this.saveCurrentStep();
|
|
|
|
// Function called stacks: TypeError: Cannot read property 'pay_period_id' of undefined
|
|
if ( !this.stepsDataDic || !this.stepsDataDic[2] || !this.stepsDataDic[3] ) {
|
|
TAlertManager.showAlert( $.i18n._( 'Wizard data is not correct on step 2 or step 3, please open wizard and try again' ) );
|
|
$this.onCloseClick();
|
|
}
|
|
|
|
var api = TTAPI.APIPayStub;
|
|
var pay_period_ids = this.stepsDataDic[2].pay_period_id;
|
|
var user_ids = this.stepsDataDic[3].user_id;
|
|
var type_id = this.stepsDataDic[2].type_id;
|
|
var run_id = this.stepsDataDic[2].run_id;
|
|
var transaction_date = null;
|
|
var cal_pay_stub_amendment = false;
|
|
if ( type_id == 5 ) {
|
|
transaction_date = this.stepsDataDic[2].carry_forward_to_date;
|
|
cal_pay_stub_amendment = true;
|
|
} else {
|
|
transaction_date = this.stepsDataDic[2].transaction_date;
|
|
}
|
|
|
|
api.setIsIdempotent( true ); //Force to idempotent API call to avoid duplicate network requests from causing errors displayed to the user.
|
|
api.generatePayStubs( pay_period_ids, user_ids, cal_pay_stub_amendment, run_id, type_id, transaction_date, { onResult: onDoneResult } );
|
|
|
|
function onDoneResult( result ) {
|
|
if ( result.isValid() ) {
|
|
var user_generic_status_batch_id = result.getAttributeInAPIDetails( 'user_generic_status_batch_id' );
|
|
|
|
if ( user_generic_status_batch_id && TTUUID.isUUID( user_generic_status_batch_id ) && user_generic_status_batch_id != TTUUID.zero_id && user_generic_status_batch_id != TTUUID.not_exist_id ) {
|
|
UserGenericStatusWindowController.open( user_generic_status_batch_id, user_ids, function() {
|
|
if ( cal_pay_stub_amendment ) {
|
|
var filter = { filter_data: {} };
|
|
var users = { value: user_ids };
|
|
filter.filter_data.user_id = users;
|
|
filter.filter_data.status_id = 50; //active
|
|
IndexViewController.goToView( 'PayStubAmendment', filter );
|
|
}
|
|
|
|
} );
|
|
}
|
|
}
|
|
|
|
$this.onCloseClick();
|
|
|
|
if ( $this.call_back ) {
|
|
$this.call_back();
|
|
}
|
|
}
|
|
|
|
$this.onCloseClick();
|
|
}
|
|
|
|
onPayrollTypeChange( refresh ) {
|
|
var current_step_ui = this.stepsWidgetDic[this.current_step];
|
|
var current_step_data = this.stepsDataDic[this.current_step];
|
|
//Error: Uncaught TypeError: Cannot read property 'hide' of undefined in /interface/html5/index.php#!m=PayStub line 221
|
|
if ( !current_step_ui ||
|
|
!current_step_ui['run_id_row'] ||
|
|
!current_step_ui['carry_forward_to_date_row'] ||
|
|
!current_step_ui['transaction_date_row'] ) {
|
|
return;
|
|
}
|
|
current_step_ui['run_id_row'].hide();
|
|
current_step_ui['carry_forward_to_date_row'].hide();
|
|
current_step_ui['transaction_date_row'].hide();
|
|
var newest_pay_period = this.getNewestPayPeriod( this.selected_pay_periods );
|
|
if ( current_step_data.type_id == 20 ) {
|
|
current_step_ui['run_id_row'].show();
|
|
}
|
|
|
|
if ( current_step_data.type_id != 5 ) {
|
|
current_step_ui['transaction_date_row'].show();
|
|
if ( !refresh ) {
|
|
if ( current_step_data.transaction_date ) {
|
|
current_step_ui['transaction_date'].setValue( Global.strToDateTime( current_step_data.transaction_date ).format() );
|
|
} else {
|
|
current_step_ui['transaction_date'].setValue( newest_pay_period ? Global.strToDateTime( newest_pay_period.transaction_date ).format() : null );
|
|
}
|
|
} else {
|
|
current_step_ui['transaction_date'].setValue( newest_pay_period ? Global.strToDateTime( newest_pay_period.transaction_date ).format() : null );
|
|
}
|
|
}
|
|
|
|
if ( current_step_data.type_id == 5 ) {
|
|
current_step_ui['carry_forward_to_date_row'].show();
|
|
if ( !refresh ) {
|
|
current_step_ui['carry_forward_to_date'].setValue( current_step_data.carry_forward_to_date || new Date().format() );
|
|
} else {
|
|
current_step_ui['carry_forward_to_date'].setValue( new Date().format() );
|
|
}
|
|
}
|
|
}
|
|
|
|
buildPayPeriodStatusIdArray( pay_periods ) {
|
|
var result = [];
|
|
for ( var i = 0; i < pay_periods.length; i++ ) {
|
|
var item = pay_periods[i];
|
|
result.push( item.status_id );
|
|
}
|
|
return result;
|
|
}
|
|
|
|
getNewestPayPeriod( pay_periods ) {
|
|
var result;
|
|
for ( var i = 0; i < pay_periods.length; i++ ) {
|
|
var item = pay_periods[i];
|
|
var date = Global.strToDateTime( item.transaction_date ).getTime();
|
|
if ( !result || date > result ) {
|
|
result = item;
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
|
|
onPayPeriodChange( refresh ) {
|
|
var $this = this;
|
|
var current_step_ui = this.stepsWidgetDic[this.current_step];
|
|
var current_step_data = this.stepsDataDic[this.current_step];
|
|
var api = TTAPI.APIPayStub;
|
|
var api_pay_period = TTAPI.APIPayPeriod;
|
|
var args = {};
|
|
args.filter_data = {};
|
|
args.filter_data.id = current_step_data.pay_period_id;
|
|
if ( !current_step_data.pay_period_id || current_step_data.pay_period_id.length === 0 ) {
|
|
args.filter_data.id = [0];
|
|
}
|
|
api_pay_period.getPayPeriod( args, {
|
|
onResult: function( result ) {
|
|
$this.selected_pay_periods = result.getResult();
|
|
var status_id_array = $this.buildPayPeriodStatusIdArray( $this.selected_pay_periods );
|
|
api.getOptions( 'payroll_run_type', status_id_array, {
|
|
onResult: function( result ) {
|
|
var result_data = result.getResult();
|
|
var type_array = Global.buildRecordArray( result_data );
|
|
current_step_ui['type_id'].setSourceData( type_array );
|
|
if ( !refresh ) {
|
|
if ( !current_step_data.type_id ) {
|
|
current_step_data.type_id = type_array && type_array[0].value;
|
|
}
|
|
current_step_ui['type_id'].setValue( current_step_data.type_id );
|
|
} else {
|
|
current_step_data.type_id = type_array && type_array[0].value;
|
|
current_step_ui['type_id'].setValue( current_step_data.type_id );
|
|
}
|
|
$this.onPayrollTypeChange( refresh );
|
|
}
|
|
} );
|
|
}
|
|
} );
|
|
}
|
|
|
|
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:
|
|
break;
|
|
case 2:
|
|
current_step_data.pay_period_id = current_step_ui.pay_period_id.getValue();
|
|
current_step_data.transaction_date = current_step_ui.transaction_date.getValue();
|
|
current_step_data.carry_forward_to_date = current_step_ui.carry_forward_to_date.getValue();
|
|
current_step_data.type_id = current_step_ui.type_id.getValue();
|
|
current_step_data.run_id = current_step_ui.run_id.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[2] = {};
|
|
this.stepsDataDic[3] = {};
|
|
|
|
if ( this.getDefaultData( 'user_id' ) ) {
|
|
this.stepsDataDic[3].user_id = this.getDefaultData( 'user_id' );
|
|
}
|
|
|
|
if ( this.getDefaultData( 'pay_period_id' ) ) {
|
|
this.stepsDataDic[2].pay_period_id = this.getDefaultData( 'pay_period_id' );
|
|
}
|
|
}
|
|
|
|
}
|