290 lines
9.0 KiB
JavaScript
290 lines
9.0 KiB
JavaScript
|
import { Wizard } from '@/global/widgets/wizard/Wizard';
|
||
|
|
|
||
|
|
export class PayrollRemittanceAgencyEventWizard extends Wizard {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
current_step: false,
|
||
|
|
wizard_name: $.i18n._( 'Tax Wizard' ),
|
||
|
|
|
||
|
|
selected_remittance_agency_event: null,
|
||
|
|
selected_remittance_agency_event_id: null,
|
||
|
|
payroll_remittance_agency_event_block: null,
|
||
|
|
|
||
|
|
wizard_id: 'PayrollRemittanceAgencyEventWizardController',
|
||
|
|
_step_map: {
|
||
|
|
'home': { // TODO: Webpack: Investigate how this works/does not work with Webpack
|
||
|
|
script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepHome.js',
|
||
|
|
object_name: 'PayrollRemittanceAgencyEventWizardStepHome'
|
||
|
|
},
|
||
|
|
'review': {
|
||
|
|
script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepReview.js',
|
||
|
|
object_name: 'PayrollRemittanceAgencyEventWizardStepReview'
|
||
|
|
},
|
||
|
|
'submit': {
|
||
|
|
script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepSubmit.js',
|
||
|
|
object_name: 'PayrollRemittanceAgencyEventWizardStepSubmit'
|
||
|
|
},
|
||
|
|
'publish': {
|
||
|
|
script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepPublish.js',
|
||
|
|
object_name: 'PayrollRemittanceAgencyEventWizardStepPublish'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init() {
|
||
|
|
var $this = this;
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
//do render stuff
|
||
|
|
}
|
||
|
|
|
||
|
|
onNextClick( e ) {
|
||
|
|
//Get selected row data so we can determine the time period.
|
||
|
|
if ( this.getStepObject().grid ) {
|
||
|
|
var row_data = this.getStepObject().grid.getRowData( this.getStepObject().grid.getSelectedRow() );
|
||
|
|
|
||
|
|
if ( row_data['in_time_period'] && row_data['in_time_period'] == true ) {
|
||
|
|
TAlertManager.showConfirmAlert( $.i18n._( 'Time period for this event has not ended yet, are you sure you want to process this event early?' ), null, ( flag ) => {
|
||
|
|
if ( flag === true ) {
|
||
|
|
super.onNextClick( e );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
super.onNextClick( e );
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
super.onNextClick( e );
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* builds the event data block used on several steps in this wizard.
|
||
|
|
* @param container_id
|
||
|
|
* @param data
|
||
|
|
*/
|
||
|
|
buildEventDataBlock( container_id, data ) {
|
||
|
|
$( '#' + container_id ).remove(); //never allow this to duplicate on the wizard.
|
||
|
|
var div = $( '<div id=\'' + container_id + '\' class=\'payroll_remittance_agency_event_wizard_event_details\'><table></table></div>' );
|
||
|
|
var step_obj = this.getStepObject( this.getCurrentStepName() );
|
||
|
|
step_obj.append( div );
|
||
|
|
|
||
|
|
var even = false;
|
||
|
|
var td_label, td_value;
|
||
|
|
|
||
|
|
if ( this.payroll_remittance_agency_event_block == null ) {
|
||
|
|
|
||
|
|
var column_one_keys = [
|
||
|
|
{ key: 'legal_entity_legal_name', title: $.i18n._( 'Legal Entity' ) },
|
||
|
|
{ key: 'payroll_remittance_agency_name', title: $.i18n._( 'Agency' ) },
|
||
|
|
{ key: 'type', title: $.i18n._( 'Event' ) }
|
||
|
|
];
|
||
|
|
|
||
|
|
var column_two_keys = [
|
||
|
|
{ key: 'frequency', title: $.i18n._( 'Frequency' ) },
|
||
|
|
{ key: 'time_period', title: $.i18n._( 'Time Period' ) },
|
||
|
|
{ key: 'due_date_display', title: $.i18n._( 'Due Date' ) }
|
||
|
|
];
|
||
|
|
|
||
|
|
var upper_bound = ( column_one_keys.length > column_two_keys.length ) ? column_one_keys.length : column_two_keys.length;
|
||
|
|
|
||
|
|
for ( var i = 0; i < upper_bound; i++ ) {
|
||
|
|
var tr = $( '<tr></tr>' );
|
||
|
|
|
||
|
|
if ( column_one_keys.length > i ) {
|
||
|
|
var label = $( '<td class="label col1"></td>' );
|
||
|
|
label.text( column_one_keys[i].title );
|
||
|
|
|
||
|
|
var value = $( '<td class="value"></td>' );
|
||
|
|
value.text( data[column_one_keys[i].key] );
|
||
|
|
|
||
|
|
tr.append( label );
|
||
|
|
tr.append( value );
|
||
|
|
} else {
|
||
|
|
tr.append( $( '<td></td>' ) );
|
||
|
|
tr.append( $( '<td></td>' ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( column_two_keys.length > i ) {
|
||
|
|
var label = $( '<td class="label col2"></td>' );
|
||
|
|
label.text( column_two_keys[i].title );
|
||
|
|
|
||
|
|
var value = $( '<td class="value"></td>' );
|
||
|
|
if ( column_two_keys[i].key == 'time_period' ) {
|
||
|
|
value.text( data.start_date_display + ' - ' + data.end_date_display );
|
||
|
|
} else {
|
||
|
|
value.text( data[column_two_keys[i].key] );
|
||
|
|
}
|
||
|
|
|
||
|
|
tr.append( label );
|
||
|
|
tr.append( value );
|
||
|
|
} else {
|
||
|
|
|
||
|
|
tr.append( $( '<td></td>' ) );
|
||
|
|
tr.append( $( '<td></td>' ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
$( '#' + container_id + ' table' ).append( tr );
|
||
|
|
}
|
||
|
|
|
||
|
|
//Show warning if still inside time period.
|
||
|
|
if ( data['in_time_period'] && data['in_time_period'] == true ) {
|
||
|
|
var tr = $( '<tr></tr>' );
|
||
|
|
|
||
|
|
var row_contents = $( '<td align="center" style="font-weight: bold; color: red;" colspan="4"></td>' );
|
||
|
|
row_contents.html( $.i18n._( 'WARNING: Time period has not ended yet, you may be processing early.' ) );
|
||
|
|
|
||
|
|
tr.append( row_contents );
|
||
|
|
|
||
|
|
$( '#' + container_id + ' table' ).append( tr );
|
||
|
|
}
|
||
|
|
|
||
|
|
//Show warning if still inside time period.
|
||
|
|
if ( data['is_split_time_period'] && data['is_split_time_period'] == true ) {
|
||
|
|
var tr = $( '<tr></tr>' );
|
||
|
|
|
||
|
|
var row_contents = $( '<td align="center" style="font-weight: bold; color: red;" colspan="4"></td>' );
|
||
|
|
row_contents.html( $.i18n._( 'NOTICE: Time Period has been split into two, due to crossing into a new quarter.<br>This event will now need to be processed twice, once for each part of the time period.' ) );
|
||
|
|
|
||
|
|
tr.append( row_contents );
|
||
|
|
|
||
|
|
$( '#' + container_id + ' table' ).append( tr );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.payroll_remittance_agency_event_block = $( '#' + container_id + ' table' ).html();
|
||
|
|
} else {
|
||
|
|
$( '#' + container_id + ' table' ).html( this.payroll_remittance_agency_event_block );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* both args required.
|
||
|
|
* @param id
|
||
|
|
* @param callback
|
||
|
|
*/
|
||
|
|
getPayrollRemittanceAgencyEventById( id, columns, callback ) {
|
||
|
|
//Stright to the callback if nothing has changed. if ( this.selected_remittance_agency_event.id != id) {
|
||
|
|
if ( typeof callback == 'function' && this.selected_remittance_agency_event && this.selected_remittance_agency_event.id == id ) {
|
||
|
|
callback( this.selected_remittance_agency_event );
|
||
|
|
} else {
|
||
|
|
var filter = {
|
||
|
|
filter_data: {
|
||
|
|
id: this.selected_remittance_agency_event_id
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
if ( columns == null || typeof columns == 'undefined' ) {
|
||
|
|
filter.filter_columns = {
|
||
|
|
'payroll_remittance_agency_id': true,
|
||
|
|
'legal_entity_legal_name': true,
|
||
|
|
'payroll_remittance_agency_name': true,
|
||
|
|
'user_report_data_id': true,
|
||
|
|
'status': true,
|
||
|
|
'status_id': true,
|
||
|
|
'type': true,
|
||
|
|
'type_id': true,
|
||
|
|
'frequency': true,
|
||
|
|
'start_date_display': true,
|
||
|
|
'end_date_display': true,
|
||
|
|
'due_date_display': true,
|
||
|
|
'in_time_period': true,
|
||
|
|
'is_split_time_period': true,
|
||
|
|
'event_data': true,
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
filter.columns = columns;
|
||
|
|
}
|
||
|
|
var $this = this;
|
||
|
|
var api_payroll_remittance_agency_event = TTAPI.APIPayrollRemittanceAgencyEvent;
|
||
|
|
api_payroll_remittance_agency_event.getPayrollRemittanceAgencyEvent( filter, {
|
||
|
|
onResult: function( event_result ) {
|
||
|
|
var event_result = event_result.getResult()[0];
|
||
|
|
|
||
|
|
var api_payroll_remittance_agency = TTAPI.APIPayrollRemittanceAgency;
|
||
|
|
api_payroll_remittance_agency.getPayrollRemittanceAgency( { filter_data: { id: event_result.payroll_remittance_agency_id } }, {
|
||
|
|
onResult: function( agency_result ) {
|
||
|
|
event_result.payroll_remittance_agency_obj = agency_result.getResult()[0]; //Merge Event and Agency data together.
|
||
|
|
|
||
|
|
if ( typeof callback == 'function' ) {
|
||
|
|
callback( event_result );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Allows us to open reports to give us access to their context menu code from within wizards.
|
||
|
|
*
|
||
|
|
* @param report_type
|
||
|
|
* @param report_obj
|
||
|
|
* @param callback
|
||
|
|
*/
|
||
|
|
getReport( render_type, post_data ) {
|
||
|
|
if ( !post_data ) {
|
||
|
|
post_data = {
|
||
|
|
0: this.selected_remittance_agency_event_id,
|
||
|
|
1: render_type
|
||
|
|
};
|
||
|
|
}
|
||
|
|
Global.APIFileDownload( 'APIPayrollRemittanceAgencyEvent', 'getReportData', post_data );
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Displays html report. Does not close wizard, but leaves it up in the background.
|
||
|
|
* @param report_name
|
||
|
|
* @param post_data
|
||
|
|
*/
|
||
|
|
showHTMLReport( report_name, new_window ) {
|
||
|
|
ProgressBar.showOverlay();
|
||
|
|
var api = TTAPI.APIPayrollRemittanceAgencyEvent;
|
||
|
|
api['getReportData']( this.selected_remittance_agency_event_id, 'html', {
|
||
|
|
onResult: function( res ) {
|
||
|
|
ProgressBar.closeOverlay();
|
||
|
|
|
||
|
|
if ( res.isValid() ) {
|
||
|
|
var result = res.getResult();
|
||
|
|
if ( new_window ) {
|
||
|
|
var w = window.open();
|
||
|
|
w.document.writeln( result.api_retval );
|
||
|
|
w.document.close();
|
||
|
|
} else if ( result ) {
|
||
|
|
IndexViewController.openWizard( 'ReportViewWizard', result.api_retval );
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
TAlertManager.showErrorAlert( res );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param e
|
||
|
|
*/
|
||
|
|
onDoneComplete( e ) {
|
||
|
|
var $this = this;
|
||
|
|
this.getPayrollRemittanceAgencyEventById( this.selected_remittance_agency_event_id, {}, function( result ) {
|
||
|
|
if ( result ) {
|
||
|
|
result.enable_recalculate_dates = 1;
|
||
|
|
result.last_due_date = result.due_date;
|
||
|
|
|
||
|
|
var api_payroll_remittance_agency_event = TTAPI.APIPayrollRemittanceAgencyEvent;
|
||
|
|
api_payroll_remittance_agency_event.setPayrollRemittanceAgencyEvent( result, false, true, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.cleanUp();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|