428 lines
14 KiB
JavaScript
428 lines
14 KiB
JavaScript
|
import { WizardStep } from '@/global/widgets/wizard/WizardStep';
|
||
|
|
|
||
|
|
export class PayrollRemittanceAgencyEventWizardStepReview extends WizardStep {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
name: 'review',
|
||
|
|
api: null,
|
||
|
|
|
||
|
|
el: $( '.wizard.process_transactions_wizard' )
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init() {
|
||
|
|
this.api = TTAPI.APIPayrollRemittanceAgencyEvent;
|
||
|
|
this.render();
|
||
|
|
}
|
||
|
|
|
||
|
|
getPreviousStepName() {
|
||
|
|
return 'home';
|
||
|
|
}
|
||
|
|
|
||
|
|
getNextStepName() {
|
||
|
|
return 'submit';
|
||
|
|
}
|
||
|
|
|
||
|
|
_render() {
|
||
|
|
this.setTitle( $.i18n._( 'Review and Verify Information' ) );
|
||
|
|
this.setInstructions( $.i18n._( 'Review and verify all necessary information' ) + ': ' );
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
this.getWizardObject().getPayrollRemittanceAgencyEventById( this.getWizardObject().selected_remittance_agency_event_id, null, function( result ) {
|
||
|
|
$this.getWizardObject().selected_remittance_agency_event = result;
|
||
|
|
|
||
|
|
$this.getWizardObject().buildEventDataBlock( 'payroll_remittance_agency_event_wizard-review-event_details', result );
|
||
|
|
$this.initCardsBlock();
|
||
|
|
|
||
|
|
Debug.Text( 'Selected tax report type: ' + $this.getWizardObject().selected_remittance_agency_event.type_id, null, null, null, 10 );
|
||
|
|
var tax_button = false;
|
||
|
|
|
||
|
|
switch ( $this.getWizardObject().selected_remittance_agency_event.type_id ) {
|
||
|
|
//Canada
|
||
|
|
case 'T4':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'GovernmentT4',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( 'T4 Forms' ),
|
||
|
|
$.i18n._( 'Generate T4 forms to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'T4FormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the T4 report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'T4A':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'GovernmentT4A',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( 'T4A Forms' ),
|
||
|
|
$.i18n._( 'Generate T4A forms to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'T4AFormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the T4A report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
|
||
|
|
//US
|
||
|
|
case 'FW2':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'GovernmentW2',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( 'W2 Forms' ),
|
||
|
|
$.i18n._( 'Generate W2 forms to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'W2FormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the W2 report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'F1099NEC':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'Government1099Nec',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( '1099-NEC Forms' ),
|
||
|
|
$.i18n._( 'Generate 1099-NEC forms to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( '1099NecFormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the 1099-NEC report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'F940':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'Government940',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( '940 Form' ),
|
||
|
|
$.i18n._( 'Generate the 940 form to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( '940FormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the 940 report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'F941':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'Government941',
|
||
|
|
'view_detail-35x35.png',
|
||
|
|
$.i18n._( '941 Form' ),
|
||
|
|
$.i18n._( 'Generate the 941 form to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( '941FormSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Form Setup' ) + ' (' + $.i18n._( 'Optional' ) + ')',
|
||
|
|
$.i18n._( 'In the event that the 941 report or forms are not showing the correct information, use this Form Setup icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'PBJ':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$this.addButton( 'PBJExportSetup',
|
||
|
|
'save_setup-35x35.png',
|
||
|
|
$.i18n._( 'Export Setup' ),
|
||
|
|
$.i18n._( 'In the event that the export format is not showing the correct information, use this icon to make adjustments and try again.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 'ROE':
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'view-35x35.png',
|
||
|
|
$.i18n._( 'ROE Forms' ),
|
||
|
|
$.i18n._( 'View ROE forms to review and verify that all necessary boxes are properly filled out.' )
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
tax_button = $this.addButton( 'taxReportsIcon',
|
||
|
|
'tax_reports-35x35.png',
|
||
|
|
$.i18n._( 'Summary Report' ),
|
||
|
|
$.i18n._( 'View a summary report to quickly review and verify information for each employee.' )
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( tax_button != false ) {
|
||
|
|
$this.initRightClickMenuForTaxReportViewButton();
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.getWizardObject().enableButtons();
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
_onNavigationClick( icon ) {
|
||
|
|
//When navigating away, link the wizard.
|
||
|
|
var $this = this;
|
||
|
|
switch ( $this.getWizardObject().selected_remittance_agency_event.type_id ) {
|
||
|
|
//Canada
|
||
|
|
case 'T4':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'GovernmentT4':
|
||
|
|
Global.loadScript( 'views/reports/t4_summary/T4SummaryReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form_government' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'T4Summary', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'T4Summary' );
|
||
|
|
break;
|
||
|
|
case 'T4FormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'T4SummaryReport', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'T4A':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'GovernmentT4A':
|
||
|
|
Global.loadScript( 'views/reports/t4a_summary/T4ASummaryReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form_government' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'T4ASummary', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'T4ASummary' );
|
||
|
|
break;
|
||
|
|
case 'T4AFormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'T4ASummaryReport', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
|
||
|
|
//US
|
||
|
|
case 'FW2':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'GovernmentW2':
|
||
|
|
Global.loadScript( 'views/reports/formw2/FormW2ReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form_government' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'FormW2Report', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'FormW2Report' );
|
||
|
|
break;
|
||
|
|
case 'W2FormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'FormW2Report', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'F1099NEC':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'Government1099Nec':
|
||
|
|
Global.loadScript( 'views/reports/form1099/Form1099NecReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form_government' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form1099NecReport', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form1099NecReport' );
|
||
|
|
break;
|
||
|
|
case '1099NecFormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'Form1099NecReport', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'F940':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'Government940':
|
||
|
|
Global.loadScript( 'views/reports/form940/Form940ReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form940', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form940' );
|
||
|
|
break;
|
||
|
|
case '940FormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'Form940Report', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'F941':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'Government941':
|
||
|
|
Global.loadScript( 'views/reports/form941/Form941ReportViewController', function() {
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form' );
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form941', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'Form941' );
|
||
|
|
break;
|
||
|
|
case '941FormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'Form941Report', null, 'FormSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'PBJ':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'PayrollExportReport', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'PayrollExportReport' );
|
||
|
|
break;
|
||
|
|
case 'PBJExportSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'PayrollExportReport', null, 'ExportSetup' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'ROE':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
$this.getWizardObject().getReport( 'pdf_form' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'NEWHIRE':
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'UserSummaryReport' );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'UserSummaryReport', true );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
if ( $this.getWizardObject().selected_remittance_agency_event.payroll_remittance_agency_obj.type_id == 20 ) {
|
||
|
|
//US State Unemployment
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'USStateUnemployment', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'USStateUnemployment' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'taxReportsIcon_new_window':
|
||
|
|
this.getWizardObject().showHTMLReport( 'TaxSummary', true );
|
||
|
|
break;
|
||
|
|
case 'taxReportsIcon':
|
||
|
|
this.getWizardObject().showHTMLReport( 'TaxSummary' );
|
||
|
|
break;
|
||
|
|
case 'TaxSummaryFormSetup':
|
||
|
|
this.getWizardObject().minimize();
|
||
|
|
IndexViewController.openReport( LocalCacheData.current_open_primary_controller, 'TaxSummaryReport' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initRightClickMenuForTaxReportViewButton() {
|
||
|
|
var $this = this;
|
||
|
|
var selector = '#taxReportsIcon';
|
||
|
|
if ( $( selector ).length == 0 ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var items = this.getViewButtonRightClickItems();
|
||
|
|
|
||
|
|
if ( !items || $.isEmptyObject( items ) ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$.contextMenu( 'destroy', selector );
|
||
|
|
$.contextMenu( {
|
||
|
|
selector: selector,
|
||
|
|
callback: function( key, options ) {
|
||
|
|
$this.onNavigationClick( null, key );
|
||
|
|
},
|
||
|
|
|
||
|
|
onContextMenu: function() {
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
items: items,
|
||
|
|
zIndex: 50
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
getViewButtonRightClickItems() {
|
||
|
|
var $this = this;
|
||
|
|
var items = {};
|
||
|
|
|
||
|
|
items['taxReportsIcon'] = {
|
||
|
|
name: $.i18n._( 'View' ), icon: 'viewIcon', disabled: function() {
|
||
|
|
return isDisabled();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
items['taxReportsIcon_new_window'] = {
|
||
|
|
name: $.i18n._( 'View in New Window' ), icon: 'viewIcon', disabled: function() {
|
||
|
|
return isDisabled();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function isDisabled() {
|
||
|
|
if ( $( '#taxReportsIcon' ).parent().hasClass( 'disable-image' ) ) {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return items;
|
||
|
|
}
|
||
|
|
}
|