2327 lines
78 KiB
JavaScript
2327 lines
78 KiB
JavaScript
|
import { Global } from '@/global/Global';
|
||
|
|
|
||
|
|
export class CompanyTaxDeductionViewController extends BaseViewController {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
el: '#company_tax_deduction_view_container', //Must set el here and can only set string, so events can work
|
||
|
|
|
||
|
|
type_array: null,
|
||
|
|
status_array: null,
|
||
|
|
tax_formula_type_array: null,
|
||
|
|
calculation_array: null,
|
||
|
|
account_amount_type_array: null,
|
||
|
|
yes_no_array: null,
|
||
|
|
apply_frequency_array: null,
|
||
|
|
apply_payroll_run_type_array: null,
|
||
|
|
length_of_service_unit_array: null,
|
||
|
|
month_of_year_array: null,
|
||
|
|
day_of_month_array: null,
|
||
|
|
month_of_quarter_array: null,
|
||
|
|
country_array: null,
|
||
|
|
province_array: null,
|
||
|
|
e_province_array: null,
|
||
|
|
company_api: null,
|
||
|
|
date_api: null,
|
||
|
|
user_deduction_api: null,
|
||
|
|
user_api: null,
|
||
|
|
payroll_remittance_agency_api: null,
|
||
|
|
employee_setting_grid: null,
|
||
|
|
employee_setting_result: null,
|
||
|
|
show_c: false,
|
||
|
|
show_p: false,
|
||
|
|
show_dc: false,
|
||
|
|
|
||
|
|
province_district_array: null,
|
||
|
|
|
||
|
|
original_current_record: null, //set when setCurrentEditRecordData, to keep the original data of the edit record
|
||
|
|
|
||
|
|
length_dates: null,
|
||
|
|
start_dates: null,
|
||
|
|
end_dates: null,
|
||
|
|
|
||
|
|
grid_parent: '.grid-div'
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init( options ) {
|
||
|
|
|
||
|
|
//this._super('initialize', options );
|
||
|
|
this.edit_view_tpl = 'CompanyTaxDeductionEditView.html';
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
this.permission_id = 'user_tax_deduction';
|
||
|
|
} else {
|
||
|
|
this.permission_id = 'company_tax_deduction';
|
||
|
|
}
|
||
|
|
this.viewId = 'CompanyTaxDeduction';
|
||
|
|
this.script_name = 'CompanyTaxDeductionView';
|
||
|
|
this.table_name_key = 'company_deduction';
|
||
|
|
this.context_menu_name = $.i18n._( 'Tax / Deductions' );
|
||
|
|
this.navigation_label = $.i18n._( 'Tax / Deductions' );
|
||
|
|
this.api = TTAPI.APICompanyDeduction;
|
||
|
|
this.date_api = TTAPI.APITTDate;
|
||
|
|
this.company_api = TTAPI.APICompany;
|
||
|
|
this.user_deduction_api = TTAPI.APIUserDeduction;
|
||
|
|
this.user_api = TTAPI.APIUser;
|
||
|
|
this.payroll_remittance_agency_api = TTAPI.APIPayrollRemittanceAgency;
|
||
|
|
this.month_of_quarter_array = Global.buildRecordArray( { 1: 1, 2: 2, 3: 3 } );
|
||
|
|
this.document_object_type_id = 300;
|
||
|
|
|
||
|
|
this.render();
|
||
|
|
|
||
|
|
//Load the FormulaBuilder as early as possible to help avoid some race conditions with input box not appearing, or appearing out of order when clicking "new" after a fresh reload.
|
||
|
|
if ( ( Global.getProductEdition() >= 15 ) ) {
|
||
|
|
Global.loadScript( 'global/widgets/formula_builder/FormulaBuilder.js' );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
this.buildContextMenu( true );
|
||
|
|
} else {
|
||
|
|
this.buildContextMenu();
|
||
|
|
}
|
||
|
|
|
||
|
|
//call init data in parent view
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
this.initData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
getCustomContextMenuModel() {
|
||
|
|
var context_menu_model = {
|
||
|
|
exclude: ['mass_edit'],
|
||
|
|
include: []
|
||
|
|
};
|
||
|
|
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
context_menu_model.exclude.push(
|
||
|
|
'view',
|
||
|
|
'save_and_new',
|
||
|
|
'save_and_copy',
|
||
|
|
'copy_as_new',
|
||
|
|
'copy'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return context_menu_model;
|
||
|
|
}
|
||
|
|
|
||
|
|
initOptions() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var options = [
|
||
|
|
{ option_name: 'type', api: this.api },
|
||
|
|
{ option_name: 'status', api: this.api },
|
||
|
|
{ option_name: 'calculation', api: this.api },
|
||
|
|
{ option_name: 'apply_frequency', api: this.api },
|
||
|
|
{ option_name: 'apply_payroll_run_type', api: this.api },
|
||
|
|
{ option_name: 'account_amount_type', api: this.api },
|
||
|
|
{ option_name: 'length_of_service_unit', api: this.api },
|
||
|
|
{ option_name: 'look_back_unit', api: this.api },
|
||
|
|
{ option_name: 'country', field_name: 'country', api: this.company_api },
|
||
|
|
{ option_name: 'apply_payroll_run_type', api: this.api },
|
||
|
|
{ option_name: 'yes_no', api: this.api },
|
||
|
|
|
||
|
|
{ option_name: 'tax_formula_type', api: this.api },
|
||
|
|
];
|
||
|
|
|
||
|
|
this.initDropDownOptions( options );
|
||
|
|
|
||
|
|
this.company_api.getOptions( 'district', {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.district_array = res;
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.date_api.getMonthOfYearArray( false, {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.month_of_year_array = Global.buildRecordArray( res );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
this.date_api.getDayOfMonthArray( {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.day_of_month_array = Global.buildRecordArray( res );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
//Override for: Do not show a few of the default columns when in Edit Employee sub-view "Tax" tab.
|
||
|
|
setSelectLayout() {
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
super.setSelectLayout( ['legal_entity_legal_name', 'total_users'] );
|
||
|
|
} else {
|
||
|
|
super.setSelectLayout();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuSaveAndContinueIcon( context_btn, pId ) {
|
||
|
|
this.saveAndContinueValidate( context_btn, pId );
|
||
|
|
|
||
|
|
if ( this.is_mass_editing || this.is_viewing || ( this.sub_view_mode && ( !this.current_edit_record || !this.current_edit_record.id ) ) ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuAddIcon( context_btn, pId ) {
|
||
|
|
if ( !this.addPermissionValidate( pId ) || this.edit_only_mode ) {
|
||
|
|
ContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false )
|
||
|
|
}
|
||
|
|
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
|
||
|
|
// The following functions are to disable various buttons on Employee Settings tab.
|
||
|
|
// This was due to users getting confused as to what they were deleting (employee entry in table vs tax/deduc record). See issue #2688
|
||
|
|
disableIconOnEmployeeSettingsTab( context_btn ) {
|
||
|
|
if ( this.getEditViewActiveTabName() === 'tab_employee_setting' ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuDeleteIcon( context_btn ) {
|
||
|
|
this.disableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuDeleteAndNextIcon( context_btn ) {
|
||
|
|
this.disableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuCopyIcon( context_btn ) {
|
||
|
|
this.disableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuCopyAndAddIcon( context_btn ) {
|
||
|
|
this.disableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuSaveAndCopyIcon( context_btn ) {
|
||
|
|
this.disableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
enableIconOnEmployeeSettingsTab( context_btn ) {
|
||
|
|
if ( this.getEditViewActiveTabName() === 'tab_employee_setting' ) {
|
||
|
|
ContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditMenuExportIcon( context_btn ) {
|
||
|
|
this.enableIconOnEmployeeSettingsTab( context_btn );
|
||
|
|
}
|
||
|
|
|
||
|
|
onExportClick() {
|
||
|
|
if ( this.is_edit == true && this.getEditViewActiveTabName() === 'tab_employee_setting' ) {
|
||
|
|
this.employee_setting_grid.grid2csv( 'export_user_deduction' );
|
||
|
|
} else {
|
||
|
|
super.onExportClick( 'export' + this.api.key_name );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
saveInsideEditorData( callBack ) {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
// #2764 do not check for this.sub_view_mode as Save icon will fail to save. Save and Save&Continue should have the same logic regardless of sub_view. See issue or commit ee0102be0f45f954a78b7f96b6cf2f2350b73dd7 context on this.sub_view_mode and save&continue.
|
||
|
|
// if ( !this.current_edit_record || !this.current_edit_record.id || this.sub_view_mode ) {
|
||
|
|
if ( !this.current_edit_record || !this.current_edit_record.id ) {
|
||
|
|
if ( Global.isSet( callBack ) ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !this.employee_setting_grid ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var data = this.employee_setting_grid.getGridParam( 'data' );
|
||
|
|
var columns = this.employee_setting_grid.getGridParam( 'colModel' );
|
||
|
|
|
||
|
|
for ( var i = 0; i < data.length; i++ ) {
|
||
|
|
var item = data[i];
|
||
|
|
if ( this.start_dates && this.start_dates.length > 0 ) {
|
||
|
|
item.start_date = this.start_dates[i].getValue();
|
||
|
|
}
|
||
|
|
if ( this.length_dates && this.length_dates.length > 0 ) {
|
||
|
|
item.length_of_service_date = this.length_dates[i].getValue();
|
||
|
|
}
|
||
|
|
if ( this.end_dates && this.end_dates.length > 0 ) {
|
||
|
|
item.end_date = this.end_dates[i].getValue();
|
||
|
|
}
|
||
|
|
for ( var j = 1; j < columns.length; j++ ) {
|
||
|
|
var column = columns[j];
|
||
|
|
if ( item[column.name] === this.original_current_record[column.name] ) {
|
||
|
|
item[column.name] = false; //Default column setting
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( data && data.length > 0 ) {
|
||
|
|
//Only send data from the Employee Settings tab to the API that has changed.
|
||
|
|
let changed_data = this.getChangedRecords( data, this.employee_setting_result, [] );
|
||
|
|
|
||
|
|
if ( Array.isArray( changed_data ) && changed_data.length > 0 ) {
|
||
|
|
this.user_deduction_api.setUserDeduction( changed_data, {
|
||
|
|
onResult: function() {
|
||
|
|
if ( Global.isSet( callBack ) ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
//Still execute the callback so Save & Next can move to the next record when there is no Employees assigned to it
|
||
|
|
if ( Global.isSet( callBack ) ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
//Still execute the callback so Save & Next can move to the next record when there is no Employees assigned to it
|
||
|
|
if ( Global.isSet( callBack ) ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onContextMenuClick( context_btn, menu_name ) {
|
||
|
|
if ( this.select_grid_last_row ) {
|
||
|
|
this.employee_setting_grid.grid.jqGrid( 'saveRow', this.select_grid_last_row );
|
||
|
|
this.setDateCellsEnabled( false, this.select_grid_last_row );
|
||
|
|
this.select_grid_last_row = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
return super.onContextMenuClick( context_btn, menu_name );
|
||
|
|
}
|
||
|
|
|
||
|
|
getDeleteSelectedRecordId() {
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
return super.getDeleteSelectedRecordId();
|
||
|
|
} else {
|
||
|
|
var retval = [];
|
||
|
|
|
||
|
|
if ( this.edit_view ) {
|
||
|
|
retval.push( this.employee_setting_result[0].id );
|
||
|
|
} else {
|
||
|
|
var args = { filter_data: {} };
|
||
|
|
var tax_ids = this.getGridSelectIdArray().slice();
|
||
|
|
args.filter_data.company_deduction_id = tax_ids;
|
||
|
|
args.filter_data.user_id = this.parent_value;
|
||
|
|
|
||
|
|
var res = this.user_deduction_api.getUserDeduction( args, true, { async: false } ).getResult();
|
||
|
|
|
||
|
|
for ( var i = 0; i < res.length; i++ ) {
|
||
|
|
var item = res[i];
|
||
|
|
retval.push( item.id );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return retval;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
doDeleteAPICall( remove_ids, callback ) {
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
return super.doDeleteAPICall( remove_ids, callback );
|
||
|
|
} else {
|
||
|
|
if ( !callback ) {
|
||
|
|
callback = {
|
||
|
|
onResult: function( result ) {
|
||
|
|
this.onDeleteResult( result, remove_ids );
|
||
|
|
}.bind( this )
|
||
|
|
};
|
||
|
|
}
|
||
|
|
// return this.api['delete' + this.api.key_name]( remove_ids, callback );
|
||
|
|
return this.user_deduction_api.deleteUserDeduction( remove_ids, callback );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveClick( ignoreWarning ) {
|
||
|
|
var $this = this;
|
||
|
|
var record;
|
||
|
|
if ( !Global.isSet( ignoreWarning ) ) {
|
||
|
|
ignoreWarning = false;
|
||
|
|
}
|
||
|
|
//Setting is_add false too early can cause determineContextMenuMountAttributes() to have unexpected side effects. However not setting it here might have other side effects.
|
||
|
|
//this.is_add = false;
|
||
|
|
LocalCacheData.current_doing_context_action = 'save';
|
||
|
|
if ( this.is_mass_editing ) {
|
||
|
|
var changed_fields = this.getChangedFields();
|
||
|
|
record = this.buildMassEditSaveRecord( this.mass_edit_record_ids, changed_fields );
|
||
|
|
// var check_fields = {};
|
||
|
|
// for ( var key in this.edit_view_ui_dic ) {
|
||
|
|
// var widget = this.edit_view_ui_dic[key];
|
||
|
|
//
|
||
|
|
// if ( Global.isSet( widget.isChecked ) ) {
|
||
|
|
// if ( widget.isChecked() ) {
|
||
|
|
// check_fields[key] = this.current_edit_record[key];
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// record = [];
|
||
|
|
// $.each( this.mass_edit_record_ids, function( index, value ) {
|
||
|
|
// var common_record = Global.clone( check_fields );
|
||
|
|
// common_record.id = value;
|
||
|
|
// record.push( common_record );
|
||
|
|
//
|
||
|
|
// } );
|
||
|
|
} else {
|
||
|
|
record = this.current_edit_record;
|
||
|
|
}
|
||
|
|
record = this.uniformVariable( record );
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
this.api['set' + this.api.key_name]( record, false, ignoreWarning, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onSaveResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
if ( !this.current_edit_record.id ) {
|
||
|
|
this.user_deduction_api.setUserDeduction( record, false, ignoreWarning, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onSaveResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
$this.saveInsideEditorData( function() {
|
||
|
|
$this.refresh_id = $this.current_edit_record.id; // as add
|
||
|
|
$this.search();
|
||
|
|
|
||
|
|
$this.removeEditView();
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveAndContinue( ignoreWarning ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( !Global.isSet( ignoreWarning ) ) {
|
||
|
|
ignoreWarning = false;
|
||
|
|
}
|
||
|
|
this.is_changed = false;
|
||
|
|
this.is_add = false;
|
||
|
|
LocalCacheData.current_doing_context_action = 'save_and_continue';
|
||
|
|
var record = this.current_edit_record;
|
||
|
|
record = this.uniformVariable( record );
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
this.api['set' + this.api.key_name]( record, false, ignoreWarning, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onSaveAndContinueResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
// Only edit record can go here
|
||
|
|
$this.saveInsideEditorData( function() {
|
||
|
|
$this.refresh_id = $this.current_edit_record.id;
|
||
|
|
$this.search( false );
|
||
|
|
$this.onEditClick( $this.refresh_id, true );
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveAndNextClick( ignoreWarning ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( !Global.isSet( ignoreWarning ) ) {
|
||
|
|
ignoreWarning = false;
|
||
|
|
}
|
||
|
|
this.is_add = false;
|
||
|
|
this.is_changed = false;
|
||
|
|
|
||
|
|
var record = this.current_edit_record;
|
||
|
|
LocalCacheData.current_doing_context_action = 'save_and_next';
|
||
|
|
record = this.uniformVariable( record );
|
||
|
|
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
this.api['set' + this.api.key_name]( record, false, ignoreWarning, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onSaveAndNextResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
// Only edit record can go here
|
||
|
|
$this.saveInsideEditorData( function() {
|
||
|
|
$this.refresh_id = $this.current_edit_record.id;
|
||
|
|
$this.onRightArrowClick();
|
||
|
|
$this.search( false );
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//Make sure this.current_edit_record is updated before validate
|
||
|
|
validate() {
|
||
|
|
var $this = this;
|
||
|
|
var record = {};
|
||
|
|
if ( this.is_mass_editing ) {
|
||
|
|
for ( var key in this.edit_view_ui_dic ) {
|
||
|
|
if ( !this.edit_view_ui_dic.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
var widget = this.edit_view_ui_dic[key];
|
||
|
|
if ( Global.isSet( widget.isChecked ) ) {
|
||
|
|
if ( widget.isChecked() && widget.getEnabled() ) {
|
||
|
|
record[key] = widget.getValue();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
record = this.current_edit_record;
|
||
|
|
}
|
||
|
|
record = this.uniformVariable( record );
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
this.api['validate' + this.api.key_name]( record, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.validateResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
this.user_deduction_api.validateUserDeduction( record, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.validateResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
uniformVariable( record ) {
|
||
|
|
if ( this.sub_view_mode && ( !this.current_edit_record || !this.current_edit_record.id ) ) {
|
||
|
|
|
||
|
|
record = [];
|
||
|
|
|
||
|
|
var selected_items = this.edit_view_ui_dic.company_tax_deduction_ids.getValue();
|
||
|
|
for ( var i = 0; i < selected_items.length; i++ ) {
|
||
|
|
var new_record = {};
|
||
|
|
new_record.user_id = this.parent_value;
|
||
|
|
new_record.company_deduction_id = selected_items[i].id;
|
||
|
|
record.push( new_record );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return record;
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveResult( result ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( result.isValid() ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
if ( result_data === true ) {
|
||
|
|
$this.refresh_id = $this.current_edit_record.id; // as add
|
||
|
|
} else if ( TTUUID.isUUID( result_data ) && result_data != TTUUID.zero_id && result_data != TTUUID.not_exist_id ) { // as new
|
||
|
|
$this.refresh_id = result_data;
|
||
|
|
}
|
||
|
|
$this.saveInsideEditorData( function() {
|
||
|
|
$this.search();
|
||
|
|
$this.onSaveDone( result );
|
||
|
|
|
||
|
|
$this.removeEditView();
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
$this.refresh_id = null;
|
||
|
|
$this.search();
|
||
|
|
$this.onSaveDone( result );
|
||
|
|
|
||
|
|
$this.removeEditView();
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
$this.setErrorMenu();
|
||
|
|
$this.setErrorTips( result );
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveAndCopyResult( result ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( result.isValid() ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
if ( result_data === true ) {
|
||
|
|
$this.refresh_id = $this.current_edit_record.id;
|
||
|
|
|
||
|
|
} else if ( TTUUID.isUUID( result_data ) && result_data != TTUUID.zero_id && result_data != TTUUID.not_exist_id ) {
|
||
|
|
$this.refresh_id = result_data;
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.saveInsideEditorData( function() {
|
||
|
|
$this.search( false );
|
||
|
|
$this.onCopyAsNewClick();
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
$this.setErrorTips( result );
|
||
|
|
$this.setErrorMenu();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_continueDoCopyAsNew() {
|
||
|
|
this.setCurrentEditViewState( 'new' );
|
||
|
|
LocalCacheData.current_doing_context_action = 'copy_as_new';
|
||
|
|
|
||
|
|
if ( Global.isSet( this.edit_view ) ) {
|
||
|
|
this.employee_setting_grid.clearGridData();
|
||
|
|
this.edit_view_ui_dic.calculation_id.setEnabled( true );
|
||
|
|
}
|
||
|
|
super._continueDoCopyAsNew();
|
||
|
|
}
|
||
|
|
|
||
|
|
clearEditViewData() {
|
||
|
|
|
||
|
|
for ( var key in this.edit_view_ui_dic ) {
|
||
|
|
|
||
|
|
if ( !this.edit_view_ui_dic.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.edit_view_ui_dic[key].setValue( null );
|
||
|
|
this.edit_view_ui_dic[key].clearErrorStyle();
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.employee_setting_grid ) {
|
||
|
|
this.employee_setting_grid.clearGridData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
checkTabPermissions( tab ) {
|
||
|
|
var retval = false;
|
||
|
|
|
||
|
|
switch ( tab ) {
|
||
|
|
case 'tab_attachment':
|
||
|
|
if ( this.subDocumentValidate() ) {
|
||
|
|
retval = !this.sub_view_mode;
|
||
|
|
} else {
|
||
|
|
retval = false;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'tab_tax_deductions':
|
||
|
|
case 'tab_eligibility':
|
||
|
|
case 'tab_employee_setting':
|
||
|
|
case 'tab_audit':
|
||
|
|
//Don't show these tabs when under Edit Employee, Tax tab.
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
if ( tab == 'tab_employee_setting' && this.current_edit_record.id ) {
|
||
|
|
retval = true;
|
||
|
|
} else {
|
||
|
|
retval = false;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
retval = true;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'tab5':
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
if ( tab == 'tab5' && this.current_edit_record.id ) {
|
||
|
|
retval = false;
|
||
|
|
} else {
|
||
|
|
retval = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
retval = super.checkTabPermissions( tab );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
return retval;
|
||
|
|
}
|
||
|
|
|
||
|
|
setProvince( val, m ) {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
if ( !val || val === '-1' || val === '0' ) {
|
||
|
|
$this.province_array = [];
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
this.company_api.getOptions( 'province', val, {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
if ( !res ) {
|
||
|
|
res = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.province_array = Global.buildRecordArray( res );
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
eSetProvince( val, refresh ) {
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
var province_widget = $this.edit_view_ui_dic['province'];
|
||
|
|
|
||
|
|
if ( !val || val === '-1' || val === '0' ) {
|
||
|
|
$this.e_province_array = [];
|
||
|
|
province_widget.setSourceData( [] );
|
||
|
|
} else {
|
||
|
|
this.company_api.getOptions( 'province', val, {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
if ( !res ) {
|
||
|
|
res = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.e_province_array = Global.buildRecordArray( res );
|
||
|
|
province_widget.setSourceData( $this.e_province_array );
|
||
|
|
$this.setProvinceVisibility();
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onFormItemChange( target, doNotValidate ) {
|
||
|
|
|
||
|
|
this.setIsChanged( target );
|
||
|
|
this.setMassEditingFieldsWhenFormChange( target );
|
||
|
|
var key = target.getField();
|
||
|
|
var c_value = target.getValue();
|
||
|
|
this.current_edit_record[key] = c_value;
|
||
|
|
|
||
|
|
switch ( key ) {
|
||
|
|
|
||
|
|
case 'country':
|
||
|
|
var widget = this.edit_view_ui_dic['province'];
|
||
|
|
var widget_2 = this.edit_view_ui_dic['district'];
|
||
|
|
widget.setValue( null );
|
||
|
|
widget_2.setValue( null );
|
||
|
|
this.current_edit_record.province = false;
|
||
|
|
this.current_edit_record.district = false;
|
||
|
|
this.setDynamicFields( null, true );
|
||
|
|
break;
|
||
|
|
case 'province':
|
||
|
|
widget_2 = this.edit_view_ui_dic['district'];
|
||
|
|
this.setDistrict( this.current_edit_record['country'] );
|
||
|
|
widget_2.setValue( null );
|
||
|
|
this.setDynamicFields( null, true );
|
||
|
|
break;
|
||
|
|
case 'calculation_id':
|
||
|
|
this.setDynamicFields();
|
||
|
|
break;
|
||
|
|
case 'apply_frequency_id':
|
||
|
|
this.onApplyFrequencyChange();
|
||
|
|
break;
|
||
|
|
case 'minimum_length_of_service_unit_id':
|
||
|
|
case 'maximum_length_of_service_unit_id':
|
||
|
|
this.onLengthOfServiceChange();
|
||
|
|
break;
|
||
|
|
case 'start_date':
|
||
|
|
case 'end_date':
|
||
|
|
case 'minimum_length_of_service':
|
||
|
|
case 'maximum_length_of_service':
|
||
|
|
this.resetEmployeeSettingGridColumns();
|
||
|
|
break;
|
||
|
|
case 'legal_entity_id':
|
||
|
|
this.onLegalEntityChange();
|
||
|
|
this.updateEmployeeData();
|
||
|
|
break;
|
||
|
|
case 'user_value10':
|
||
|
|
this.onFormW4VersionChange();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( key === 'country' ) {
|
||
|
|
this.onCountryChange();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !doNotValidate ) {
|
||
|
|
this.validate();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setCurrentEditRecordData() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
this.original_current_record = Global.clone( this.current_edit_record );
|
||
|
|
//Set current edit record data to all widgets
|
||
|
|
for ( var key in this.current_edit_record ) {
|
||
|
|
|
||
|
|
if ( !this.current_edit_record.hasOwnProperty( key ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
var widget = this.edit_view_ui_dic[key];
|
||
|
|
if ( Global.isSet( widget ) ) {
|
||
|
|
switch ( key ) {
|
||
|
|
case 'country':
|
||
|
|
this.eSetProvince( this.current_edit_record[key] );
|
||
|
|
this.setDistrict( this.current_edit_record[key] );
|
||
|
|
widget.setValue( this.current_edit_record[key] );
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
widget.setValue( this.current_edit_record[key] );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.id ) {
|
||
|
|
$this.edit_view_ui_dic.calculation_id.setEnabled( false );
|
||
|
|
} else {
|
||
|
|
$this.edit_view_ui_dic.calculation_id.setEnabled( true );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.setDynamicFields( function() {
|
||
|
|
$this.collectUIDataToCurrentEditRecord();
|
||
|
|
$this.onLengthOfServiceChange();
|
||
|
|
$this.setEditViewDataDone();
|
||
|
|
$this.edit_view_ui_dic.company_tax_deduction_ids.setGridColumnsWidths();
|
||
|
|
$this.onLegalEntityChange();
|
||
|
|
} );
|
||
|
|
|
||
|
|
if ( this.sub_view_mode && ( !this.current_edit_record || !this.current_edit_record.id ) ) {
|
||
|
|
this.initCompanyTaxDeductionData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onLegalEntityChange() {
|
||
|
|
var pra_value = this.edit_view_ui_dic.payroll_remittance_agency_id.getValue();
|
||
|
|
var new_arg = {};
|
||
|
|
new_arg.filter_data = { legal_entity_id: this.edit_view_ui_dic.legal_entity_id.getValue() };
|
||
|
|
new_arg.filter_columns = this.edit_view_ui_dic.payroll_remittance_agency_id.getColumnFilter();
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
if ( this.edit_view_ui_dic.legal_entity_id.getValue() != TTUUID.zero_id ) {
|
||
|
|
this.payroll_remittance_agency_api.getPayrollRemittanceAgency( new_arg, {
|
||
|
|
onResult: function( task_result ) {
|
||
|
|
var data = task_result.getResult();
|
||
|
|
|
||
|
|
if ( $this.edit_view_ui_dic.payroll_remittance_agency_id ) {
|
||
|
|
if ( data.length > 0 ) {
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setSourceData( data );
|
||
|
|
|
||
|
|
var id_in_result = false;
|
||
|
|
for ( var i in data ) {
|
||
|
|
if ( data[i].id == pra_value ) {
|
||
|
|
id_in_result = true;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( id_in_result === false ) {
|
||
|
|
pra_value = TTUUID.zero_id;
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.current_edit_record.payroll_remittance_agency_id = pra_value;
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setValue( pra_value );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setValue( TTUUID.zero_id );
|
||
|
|
}
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setEnabled( true );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
pra_value = TTUUID.zero_id;
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setSourceData( [TTUUID.zero_id] ); //wipe the box
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setValue( pra_value );
|
||
|
|
$this.edit_view_ui_dic.payroll_remittance_agency_id.setEnabled( false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
updateEmployeeData() {
|
||
|
|
var request_data = { filter_data: {} };
|
||
|
|
if ( this.edit_view_ui_dic && this.edit_view_ui_dic.legal_entity_id && this.edit_view_ui_dic.legal_entity_id.getValue() && this.edit_view_ui_dic.legal_entity_id.getValue() != TTUUID.zero_id ) {
|
||
|
|
request_data.filter_data.legal_entity_id = this.edit_view_ui_dic.legal_entity_id.getValue();
|
||
|
|
}
|
||
|
|
if ( this.edit_view_ui_dic.user ) {
|
||
|
|
this.edit_view_ui_dic.user.setDefaultArgs( request_data );
|
||
|
|
this.edit_view_ui_dic.user.setSourceData( null );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onLengthOfServiceChange() {
|
||
|
|
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.current_edit_record['minimum_length_of_service_unit_id'] == 50 || this.current_edit_record['maximum_length_of_service_unit_id'] == 50 ) {
|
||
|
|
this.attachElement( 'length_of_service_contributing_pay_code_policy_id' );
|
||
|
|
} else {
|
||
|
|
this.detachElement( 'length_of_service_contributing_pay_code_policy_id' );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.editFieldResize();
|
||
|
|
}
|
||
|
|
|
||
|
|
initCompanyTaxDeductionData() {
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var request_data = {
|
||
|
|
filter_data: {
|
||
|
|
legal_entity_id: [this.parent_edit_record.legal_entity_id, TTUUID.zero_id, TTUUID.not_exist_id],
|
||
|
|
exclude_user_id: this.parent_edit_record.id //Don't show records the employee is already assinged to. Helps prevent duplicate mappings.
|
||
|
|
},
|
||
|
|
filter_columns: { //Make sure we limit the columns, otherwise this can be slow to load since it tries to count the number of employees assigned to each Tax/Deduction record.
|
||
|
|
id: true,
|
||
|
|
name: true,
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.api.getCompanyDeduction( request_data, true, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
$this.edit_view_ui_dic.company_tax_deduction_ids.setUnselectedGridData( result_data );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewDataDone() {
|
||
|
|
super.setEditViewDataDone();
|
||
|
|
this.onApplyFrequencyChange();
|
||
|
|
this.initEmployeeSetting();
|
||
|
|
this.updateEmployeeData();
|
||
|
|
}
|
||
|
|
|
||
|
|
setDistrict( c ) {
|
||
|
|
var $this = this;
|
||
|
|
var district_widget = $this.edit_view_ui_dic['district'];
|
||
|
|
|
||
|
|
$this.province_district_array = [];
|
||
|
|
district_widget.setSourceData( $this.province_district_array );
|
||
|
|
if ( c ) {
|
||
|
|
var pd_array = this.district_array[c];
|
||
|
|
|
||
|
|
if ( pd_array ) {
|
||
|
|
var pd_array_item = pd_array[$this.current_edit_record.province];
|
||
|
|
|
||
|
|
if ( pd_array_item ) {
|
||
|
|
$this.province_district_array = Global.buildRecordArray( pd_array_item );
|
||
|
|
district_widget.setSourceData( $this.province_district_array );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.setDistrictVisibility();
|
||
|
|
}
|
||
|
|
|
||
|
|
hideAllDynamicFields( keepC, keepP ) {
|
||
|
|
|
||
|
|
if ( !this.edit_view ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !keepC ) {
|
||
|
|
this.show_c = false;
|
||
|
|
this.detachElement( 'country' );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !keepP ) {
|
||
|
|
this.show_p = false;
|
||
|
|
this.show_dc = false;
|
||
|
|
this.detachElement( 'province' );
|
||
|
|
this.detachElement( 'district' );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.detachElement( 'df_0' );
|
||
|
|
this.detachElement( 'df_1' );
|
||
|
|
this.detachElement( 'df_2' );
|
||
|
|
this.detachElement( 'df_3' );
|
||
|
|
this.detachElement( 'df_4' );
|
||
|
|
this.detachElement( 'df_5' );
|
||
|
|
this.detachElement( 'df_6' );
|
||
|
|
this.detachElement( 'df_7' );
|
||
|
|
this.detachElement( 'df_8' );
|
||
|
|
this.detachElement( 'df_9' );
|
||
|
|
this.detachElement( 'df_10' );
|
||
|
|
this.detachElement( 'df_11' );
|
||
|
|
this.detachElement( 'df_12' );
|
||
|
|
this.detachElement( 'df_14' );
|
||
|
|
this.detachElement( 'df_15' );
|
||
|
|
|
||
|
|
this.detachElement( 'df_20' );
|
||
|
|
this.detachElement( 'df_21' );
|
||
|
|
this.detachElement( 'df_22' );
|
||
|
|
this.detachElement( 'df_23' );
|
||
|
|
this.detachElement( 'df_24' );
|
||
|
|
this.detachElement( 'df_25' );
|
||
|
|
|
||
|
|
if ( !( Global.getProductEdition() >= 15 ) ) {
|
||
|
|
this.detachElement( 'df_100' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initEmployeeSetting() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
if ( !$this.edit_view ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !this.current_edit_record || !this.current_edit_record.id ) {
|
||
|
|
$this.employee_setting_result = [];
|
||
|
|
//Don't display the Employee Settings grid headers when its a new record.
|
||
|
|
//$this.setEmployeeSettingGridData( $this.buildEmployeeSettingGrid() );
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Specify which menu to use for Employee Settings tab, and use disableIconOnEmployeeSettingsTab() to disable certain icons. Related to #2688
|
||
|
|
this.buildContextMenu( true );
|
||
|
|
this.setEditMenu();
|
||
|
|
var context_menu_array = ContextMenuManager.getMenuModelByMenuId( this.determineContextMenuMountAttributes().id );
|
||
|
|
var len = context_menu_array.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
let context_btn = context_menu_array[i];
|
||
|
|
let id = context_menu_array[i].id;
|
||
|
|
|
||
|
|
if ( id === 'export_excel' ) {
|
||
|
|
this.setEditMenuExportIcon( context_btn );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var args = { filter_data: {} };
|
||
|
|
|
||
|
|
args.filter_data.company_deduction_id = this.current_edit_record.id;
|
||
|
|
|
||
|
|
if ( this.sub_view_mode ) {
|
||
|
|
args.filter_data.user_id = this.parent_value;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.user_deduction_api.getUserDeduction( args, true, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
|
||
|
|
if ( !$this.edit_view ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.employee_setting_result = result.getResult();
|
||
|
|
$this.setEmployeeSettingGridData( $this.buildEmployeeSettingGrid() );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
resetEmployeeSettingGridColumns() {
|
||
|
|
if ( this.employee_setting_grid ) {
|
||
|
|
var data = this.employee_setting_grid.getGridParam( 'data' );
|
||
|
|
Global.formatGridData( data, this.api.key_name );
|
||
|
|
this.buildEmployeeSettingGrid();
|
||
|
|
this.employee_setting_grid.setData( data );
|
||
|
|
this.removeEmployeeSettingNoResultCover();
|
||
|
|
this.setEmployeeGridDateColumns();
|
||
|
|
this.setEmployeeGridSize();
|
||
|
|
if ( data.length < 1 && this.current_edit_record.id ) {
|
||
|
|
this.showEmployeeSettingNoResultCover();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
getColumnOptionsString( column_options_arr ) {
|
||
|
|
var column_options_string = '';
|
||
|
|
for ( var i = 0; i < column_options_arr.length; i++ ) {
|
||
|
|
if ( i !== column_options_arr.length - 1 ) {
|
||
|
|
column_options_string += column_options_arr[i].fullValue + ':' + column_options_arr[i].label + ';';
|
||
|
|
} else {
|
||
|
|
column_options_string += column_options_arr[i].fullValue + ':' + column_options_arr[i].label;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return column_options_string;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* jshint ignore:start */
|
||
|
|
buildEmployeeSettingGrid() {
|
||
|
|
var $this = this;
|
||
|
|
var column_info_array = [];
|
||
|
|
|
||
|
|
var column_info = {
|
||
|
|
name: 'employee_number',
|
||
|
|
index: 'employee_number',
|
||
|
|
label: $.i18n._( 'Employee Number' ),
|
||
|
|
width: 100,
|
||
|
|
sortable: false,
|
||
|
|
title: false
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
|
||
|
|
var column_info = {
|
||
|
|
name: 'user_name',
|
||
|
|
index: 'user_name',
|
||
|
|
label: $.i18n._( 'Employee' ),
|
||
|
|
width: 100,
|
||
|
|
sortable: false,
|
||
|
|
title: false
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
|
||
|
|
$this.api.getOptions( 'calculation_type_column_meta_data', {
|
||
|
|
'calculation_id': $this.current_edit_record.calculation_id,
|
||
|
|
'country': $this.current_edit_record.country,
|
||
|
|
'province': $this.current_edit_record.province
|
||
|
|
}, {
|
||
|
|
//Issue #3302 - Opening tax/deduction record on Employee -> Employees would not always show correct data on first opening the record. (Only after this call was cached)
|
||
|
|
//This call needs to be synchronous so that the column_info_array is populated with all relevant data before the grid is built and function returns.
|
||
|
|
async: false,
|
||
|
|
onResult: function( result ) {
|
||
|
|
result = result.getResult();
|
||
|
|
|
||
|
|
for ( var key in result ) {
|
||
|
|
let meta_data = result[key];
|
||
|
|
let dynamic_field_id = meta_data['dynamic_field_id'];
|
||
|
|
|
||
|
|
if ( meta_data.type_id == 2100 ) {
|
||
|
|
//$this.edit_view_ui_dic[dynamic_field_id].setSourceData( Global.buildRecordArray( meta_data.multi_select_items ) );
|
||
|
|
column_info = {
|
||
|
|
name: key,
|
||
|
|
index: key,
|
||
|
|
label: meta_data.name,
|
||
|
|
width: meta_data.width,
|
||
|
|
sortable: false,
|
||
|
|
formatter: 'select',
|
||
|
|
editable: true,
|
||
|
|
title: false,
|
||
|
|
edittype: 'select',
|
||
|
|
editoptions: {
|
||
|
|
defaultValue: meta_data.default_value, //This is required to prevent a blank cell from appearing if they haven't saved the Tax/Deduction record since the upgrade.
|
||
|
|
value: $this.getColumnOptionsString( Global.buildRecordArray( meta_data.multi_select_items ) ),
|
||
|
|
//dataEvents: [ {type: 'change', fn:function(e) { $this.onFormItemChange( e.target, true )}} ],
|
||
|
|
}
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
column_info = {
|
||
|
|
name: key,
|
||
|
|
index: key,
|
||
|
|
label: meta_data.name,
|
||
|
|
width: meta_data.width,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
editable: true,
|
||
|
|
edittype: 'text'
|
||
|
|
};
|
||
|
|
}
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
if ( ( this.current_edit_record.minimum_length_of_service && this.current_edit_record.minimum_length_of_service != 0 ) ||
|
||
|
|
( this.current_edit_record.maximum_length_of_service && this.current_edit_record.maximum_length_of_service ) != 0 ) {
|
||
|
|
column_info = {
|
||
|
|
name: 'length_of_service_date',
|
||
|
|
index: 'length_of_service_date',
|
||
|
|
label: $.i18n._( 'Length of Service Date' ),
|
||
|
|
width: 110,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
editable: false,
|
||
|
|
formatter: this.onLengthDateCellFormat
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
} else {
|
||
|
|
$( '.row-date-picker-length-of-service-date' ).remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.current_edit_record.start_date || this.current_edit_record.end_date ) {
|
||
|
|
column_info = {
|
||
|
|
name: 'start_date',
|
||
|
|
index: 'start_date',
|
||
|
|
label: $.i18n._( 'Start Date' ),
|
||
|
|
width: 110,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
editable: false,
|
||
|
|
formatter: this.onStartDateCellFormat
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
|
||
|
|
column_info = {
|
||
|
|
name: 'end_date',
|
||
|
|
index: 'end_date',
|
||
|
|
label: $.i18n._( 'End Date' ),
|
||
|
|
width: 110,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
editable: false,
|
||
|
|
formatter: this.onEndDateCellFormat
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
} else {
|
||
|
|
$( '.row-date-picker-start-date' ).remove();
|
||
|
|
$( '.row-date-picker-end-date' ).remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
//Add Exempt column to all Federal/Provincial/State/District taxes.
|
||
|
|
if ( ( this.current_edit_record.calculation_id == 100 || this.current_edit_record.calculation_id == 200 || this.current_edit_record.calculation_id == 300 ) && this.current_edit_record.country == 'US' ) {
|
||
|
|
column_info = {
|
||
|
|
name: 'user_value10',
|
||
|
|
index: 'user_value10',
|
||
|
|
label: $.i18n._( 'Exempt' ),
|
||
|
|
width: 30,
|
||
|
|
sortable: false,
|
||
|
|
formatter: 'select',
|
||
|
|
editable: true,
|
||
|
|
title: false,
|
||
|
|
edittype: 'select',
|
||
|
|
editoptions: { value: this.getColumnOptionsString( this.yes_no_array ) }
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.employee_setting_grid ) {
|
||
|
|
this.employee_setting_grid.grid.jqGrid( 'GridUnload' );
|
||
|
|
this.employee_setting_grid = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.employee_setting_grid = new TTGrid( 'employee_setting_grid', {
|
||
|
|
container_selector: '.edit-view-tab',
|
||
|
|
multiselect: false,
|
||
|
|
winMultiSelect: false,
|
||
|
|
colModel: column_info_array,
|
||
|
|
editurl: 'clientArray',
|
||
|
|
onSelectRow: function( id ) {
|
||
|
|
if ( id && !$this.is_viewing ) {
|
||
|
|
|
||
|
|
if ( $this.select_grid_last_row ) {
|
||
|
|
$this.employee_setting_grid.grid.jqGrid( 'saveRow', $this.select_grid_last_row );
|
||
|
|
$this.setDateCellsEnabled( false, $this.select_grid_last_row );
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.employee_setting_grid.grid.jqGrid( 'editRow', id, true );
|
||
|
|
$this.setDateCellsEnabled( true, id );
|
||
|
|
$this.select_grid_last_row = id;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onEndEditRow: function( id ) {
|
||
|
|
$this.setDateCellsEnabled( false, id );
|
||
|
|
},
|
||
|
|
gridComplete: function() {
|
||
|
|
$this.setEmployeeGridSize();
|
||
|
|
}
|
||
|
|
}, column_info_array );
|
||
|
|
|
||
|
|
return column_info_array;
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewTabSize() {
|
||
|
|
super.setEditViewTabSize();
|
||
|
|
this.setEmployeeGridSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
setDateCellsEnabled( flag, row_id ) {
|
||
|
|
this.length_dates_dic[row_id] && this.length_dates_dic[row_id].setEnabled( flag );
|
||
|
|
this.start_dates_dic[row_id] && this.start_dates_dic[row_id].setEnabled( flag );
|
||
|
|
this.end_dates_dic[row_id] && this.end_dates_dic[row_id].setEnabled( flag );
|
||
|
|
}
|
||
|
|
|
||
|
|
onLengthDateCellFormat( cell_value, related_data, row ) {
|
||
|
|
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
form_item_input.addClass( 'row-date-picker-length-of-service-date' );
|
||
|
|
form_item_input.attr( 'widget-value', cell_value );
|
||
|
|
return form_item_input.get( 0 ).outerHTML;
|
||
|
|
}
|
||
|
|
|
||
|
|
onStartDateCellFormat( cell_value, related_data, row ) {
|
||
|
|
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
form_item_input.addClass( 'row-date-picker-start-date' );
|
||
|
|
form_item_input.attr( 'widget-value', cell_value );
|
||
|
|
return form_item_input.get( 0 ).outerHTML;
|
||
|
|
}
|
||
|
|
|
||
|
|
onEndDateCellFormat( cell_value, related_data, row ) {
|
||
|
|
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
form_item_input.addClass( 'row-date-picker-end-date' );
|
||
|
|
form_item_input.attr( 'widget-value', cell_value );
|
||
|
|
return form_item_input.get( 0 ).outerHTML;
|
||
|
|
}
|
||
|
|
|
||
|
|
setEmployeeSettingGridData( column_info_array ) {
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
var grid_source = [];
|
||
|
|
if ( $.type( this.employee_setting_result ) === 'array' ) {
|
||
|
|
grid_source = this.employee_setting_result.slice();
|
||
|
|
}
|
||
|
|
|
||
|
|
var len = grid_source.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
var item = grid_source[i];
|
||
|
|
item.user_name = ( ( item.user_status_id != 10 ) ? '(' + item.user_status + ') ' : '' ) + item.full_name;
|
||
|
|
for ( var j = 1; j < column_info_array.length; j++ ) {
|
||
|
|
|
||
|
|
var column = column_info_array[j];
|
||
|
|
if ( !item[column.name] ) {
|
||
|
|
item[column.name] = ( this.current_edit_record.hasOwnProperty( column.name ) && this.current_edit_record[column.name] !== false ) ? this.current_edit_record[column.name] : '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.employee_setting_grid.setData( grid_source );
|
||
|
|
this.removeEmployeeSettingNoResultCover();
|
||
|
|
this.setEmployeeGridDateColumns();
|
||
|
|
|
||
|
|
this.setEmployeeGridSize();
|
||
|
|
|
||
|
|
if ( grid_source.length < 1 && this.current_edit_record.id ) {
|
||
|
|
this.showEmployeeSettingNoResultCover();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEmployeeGridDateColumns() {
|
||
|
|
var i, date_picker;
|
||
|
|
this.length_dates = [];
|
||
|
|
this.start_dates = [];
|
||
|
|
this.end_dates = [];
|
||
|
|
this.length_dates_dic = {};
|
||
|
|
this.start_dates_dic = {};
|
||
|
|
this.end_dates_dic = {};
|
||
|
|
var date_pickers = $( '.row-date-picker-length-of-service-date' );
|
||
|
|
for ( var i = 0; i < date_pickers.length; i++ ) {
|
||
|
|
date_picker = $( date_pickers[i] ).TDatePicker( { field: 'length_of_service_date' + i } );
|
||
|
|
date_picker.setEnabled( false );
|
||
|
|
this.length_dates.push( date_picker );
|
||
|
|
this.length_dates_dic[date_picker.parent().parent().attr( 'id' )] = date_picker;
|
||
|
|
}
|
||
|
|
date_pickers = $( '.row-date-picker-start-date' );
|
||
|
|
for ( var i = 0; i < date_pickers.length; i++ ) {
|
||
|
|
date_picker = $( date_pickers[i] ).TDatePicker( { field: 'start_date' + i } );
|
||
|
|
date_picker.setEnabled( false );
|
||
|
|
this.start_dates.push( date_picker );
|
||
|
|
this.start_dates_dic[date_picker.parent().parent().attr( 'id' )] = date_picker;
|
||
|
|
}
|
||
|
|
date_pickers = $( '.row-date-picker-end-date' );
|
||
|
|
for ( var i = 0; i < date_pickers.length; i++ ) {
|
||
|
|
date_picker = $( date_pickers[i] ).TDatePicker( { field: 'end_date' + i } );
|
||
|
|
date_picker.setEnabled( false );
|
||
|
|
this.end_dates.push( date_picker );
|
||
|
|
this.end_dates_dic[date_picker.parent().parent().attr( 'id' )] = date_picker;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
showEmployeeSettingNoResultCover() {
|
||
|
|
|
||
|
|
this.removeEmployeeSettingNoResultCover();
|
||
|
|
this.employee_setting_no_result_box = Global.loadWidgetByName( WidgetNamesDic.NO_RESULT_BOX );
|
||
|
|
this.employee_setting_no_result_box.NoResultBox( { related_view_controller: this, is_new: false } );
|
||
|
|
this.employee_setting_no_result_box.attr( 'id', this.ui_id + 'employee_setting_no_result_box' );
|
||
|
|
var grid_div = this.edit_view.find( '.employee-setting-grid-div' );
|
||
|
|
|
||
|
|
grid_div.append( this.employee_setting_no_result_box );
|
||
|
|
}
|
||
|
|
|
||
|
|
removeEmployeeSettingNoResultCover() {
|
||
|
|
if ( this.employee_setting_no_result_box && this.employee_setting_no_result_box.length > 0 ) {
|
||
|
|
this.employee_setting_no_result_box.remove();
|
||
|
|
}
|
||
|
|
this.employee_setting_no_result_box = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
setEmployeeGridSize() {
|
||
|
|
if ( !this.employee_setting_grid ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var tab_employee_setting = this.edit_view.find( '#tab_employee_setting_content_div' );
|
||
|
|
this.employee_setting_grid.grid.setGridWidth( tab_employee_setting.width() );
|
||
|
|
this.employee_setting_grid.grid.setGridHeight( tab_employee_setting.height() );
|
||
|
|
}
|
||
|
|
|
||
|
|
setCountryVisibility() {
|
||
|
|
|
||
|
|
if ( this.show_c ) {
|
||
|
|
this.attachElement( 'country' );
|
||
|
|
} else {
|
||
|
|
this.detachElement( 'country' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setProvinceVisibility() {
|
||
|
|
if ( this.show_p && this.e_province_array && this.e_province_array.length > 1 ) {
|
||
|
|
this.attachElement( 'province' );
|
||
|
|
} else {
|
||
|
|
this.detachElement( 'province' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDistrictVisibility() {
|
||
|
|
|
||
|
|
if ( this.show_dc && this.province_district_array && this.province_district_array.length > 0 ) {
|
||
|
|
this.attachElement( 'district' );
|
||
|
|
} else {
|
||
|
|
this.detachElement( 'district' );
|
||
|
|
this.current_edit_record.district = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDynamicFields( callBack, countryOrP ) {
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
if ( !this.current_edit_record.calculation_id ) {
|
||
|
|
this.current_edit_record.calculation_id = '10';
|
||
|
|
this.edit_view_ui_dic.calculation_id.setValue( 10 );
|
||
|
|
}
|
||
|
|
|
||
|
|
var c_id = this.current_edit_record.calculation_id;
|
||
|
|
|
||
|
|
if ( c_id == 20 ) {
|
||
|
|
this.detachElement( 'include_account_amount_type_id' );
|
||
|
|
this.detachElement( 'exclude_account_amount_type_id' );
|
||
|
|
} else {
|
||
|
|
this.attachElement( 'include_account_amount_type_id' );
|
||
|
|
this.attachElement( 'exclude_account_amount_type_id' );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !countryOrP ) {
|
||
|
|
this.hideAllDynamicFields();
|
||
|
|
this.api.isCountryCalculationID( c_id, {
|
||
|
|
onResult: function( result_1 ) {
|
||
|
|
var res_data_1 = result_1.getResult();
|
||
|
|
|
||
|
|
if ( res_data_1 === true ) {
|
||
|
|
$this.show_c = true;
|
||
|
|
$this.setCountryVisibility();
|
||
|
|
$this.api.isProvinceCalculationID( c_id, {
|
||
|
|
onResult: function( result_2 ) {
|
||
|
|
var res_data_2 = result_2.getResult();
|
||
|
|
if ( res_data_2 === true ) {
|
||
|
|
$this.show_p = true;
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.country ) {
|
||
|
|
$this.eSetProvince( $this.current_edit_record.country );
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.api.isDistrictCalculationID( c_id, {
|
||
|
|
onResult: function( result_3 ) {
|
||
|
|
var res_data_3 = result_3.getResult();
|
||
|
|
|
||
|
|
if ( res_data_3 === true ) {
|
||
|
|
$this.show_dc = true;
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.country ) {
|
||
|
|
$this.setDistrict( $this.current_edit_record.country );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
handleDynamicFields();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if ( $this.current_edit_record ) {
|
||
|
|
handleDynamicFields();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
$this.hideAllDynamicFields();
|
||
|
|
handleDynamicFields();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
if ( !this.show_p ) {
|
||
|
|
$this.hideAllDynamicFields( true, false );
|
||
|
|
handleDynamicFields();
|
||
|
|
} else {
|
||
|
|
$this.hideAllDynamicFields( true, true );
|
||
|
|
handleDynamicFields();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleDynamicFields() {
|
||
|
|
if ( !$this.edit_view ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.calculation_id == '100' || $this.current_edit_record.calculation_id == '200' || $this.current_edit_record.calculation_id == '300' ) {
|
||
|
|
$this.attachElement( 'df_15' );
|
||
|
|
$this.edit_view_form_item_dic.df_15.find( '.edit-view-form-item-label' ).text( $.i18n._( 'Formula Type' ) );
|
||
|
|
$this.edit_view_ui_dic.df_15.setField( 'company_value1' );
|
||
|
|
$this.edit_view_ui_dic.df_15.setValue( $this.current_edit_record.company_value1 );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.calculation_id == '69' && Global.getProductEdition() == 10 ) {
|
||
|
|
$this.attachElement( 'df_100' );
|
||
|
|
$this.edit_view_ui_dic.df_100.html( Global.getUpgradeMessage() );
|
||
|
|
} else {
|
||
|
|
$this.api.getOptions( 'calculation_type_column_meta_data', {
|
||
|
|
'calculation_id': $this.current_edit_record.calculation_id,
|
||
|
|
'country': $this.current_edit_record.country,
|
||
|
|
'province': $this.current_edit_record.province,
|
||
|
|
|
||
|
|
}, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
result = result.getResult();
|
||
|
|
|
||
|
|
for ( var key in result ) {
|
||
|
|
let meta_data = result[key];
|
||
|
|
let dynamic_field_id = meta_data['dynamic_field_id'];
|
||
|
|
|
||
|
|
$this.attachElement( dynamic_field_id );
|
||
|
|
$this.edit_view_form_item_dic[dynamic_field_id].find( '.edit-view-form-item-label' ).text( meta_data.name.replace('<br>', ' ') );
|
||
|
|
if ( meta_data.type_id == 2100 ) {
|
||
|
|
$this.edit_view_ui_dic[dynamic_field_id].setSourceData( Global.buildRecordArray( meta_data.multi_select_items ) );
|
||
|
|
}
|
||
|
|
$this.edit_view_ui_dic[dynamic_field_id].setField( key );
|
||
|
|
$this.edit_view_ui_dic[dynamic_field_id].setValue( $this.current_edit_record[key] );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $this.current_edit_record.calculation_id == '69' ) { //69=Custom Formula.
|
||
|
|
$this.attachElement( 'df_11' );
|
||
|
|
$this.edit_view_form_item_dic.df_11.find( '.edit-view-form-item-label' ).text( $.i18n._( 'Formula' ) );
|
||
|
|
$this.edit_view_ui_dic.df_11.setField( 'company_value1' );
|
||
|
|
$this.edit_view_ui_dic.df_11.setValue( $this.current_edit_record.company_value1 );
|
||
|
|
|
||
|
|
$this.attachElement( 'df_12' );
|
||
|
|
$this.edit_view_form_item_dic.df_12.find( '.edit-view-form-item-label' ).text( $.i18n._( 'Look Back Period' ) );
|
||
|
|
$this.edit_view_ui_dic.df_12.setField( 'company_value2' );
|
||
|
|
$this.edit_view_ui_dic.df_12.setValue( $this.current_edit_record.company_value2 );
|
||
|
|
$this.edit_view_ui_dic.df_13.setField( 'company_value3' );
|
||
|
|
$this.edit_view_ui_dic.df_13.setValue( $this.current_edit_record.company_value3 );
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.editFieldResize( $this.getEditViewTabIndex() );
|
||
|
|
if ( callBack ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//When its a 2020 or later Form W4, try to disable the Allowance field as its not on the form.
|
||
|
|
// This is most important when using the Employee Settings tab though.
|
||
|
|
onFormW4VersionChange() {
|
||
|
|
if ( this.current_edit_record.calculation_id == 100 && this.current_edit_record.country == 'US' ) {
|
||
|
|
// if ( this.edit_view_ui_dic.df_20.getValue() == 2020 ) {
|
||
|
|
// this.edit_view_ui_dic.df_1.setEnabled( false );
|
||
|
|
// this.edit_view_ui_dic.df_21.setEnabled( true );
|
||
|
|
// this.edit_view_ui_dic.df_22.setEnabled( true );
|
||
|
|
// this.edit_view_ui_dic.df_23.setEnabled( true );
|
||
|
|
// this.edit_view_ui_dic.df_24.setEnabled( true );
|
||
|
|
// this.edit_view_ui_dic.df_25.setEnabled( true );
|
||
|
|
// } else {
|
||
|
|
// this.edit_view_ui_dic.df_1.setEnabled( true );
|
||
|
|
// this.edit_view_ui_dic.df_21.setEnabled( false );
|
||
|
|
// this.edit_view_ui_dic.df_22.setEnabled( false );
|
||
|
|
// this.edit_view_ui_dic.df_23.setEnabled( false );
|
||
|
|
// this.edit_view_ui_dic.df_24.setEnabled( false );
|
||
|
|
// this.edit_view_ui_dic.df_25.setEnabled( false );
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onApplyFrequencyChange() {
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month1'].parent().parent().css( 'display', 'none' ); //Special fields for Semi-Monthly
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month2'].parent().parent().css( 'display', 'none' ); //Special fields for Semi-Monthly
|
||
|
|
|
||
|
|
if ( this.current_edit_record.apply_frequency_id == 10 ||
|
||
|
|
this.current_edit_record.apply_frequency_id == 100 ||
|
||
|
|
this.current_edit_record.apply_frequency_id == 110 ||
|
||
|
|
this.current_edit_record.apply_frequency_id == 120 ||
|
||
|
|
this.current_edit_record.apply_frequency_id == 130 ) {
|
||
|
|
|
||
|
|
this.edit_view_ui_dic['apply_frequency_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_quarter_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
} else if ( this.current_edit_record.apply_frequency_id == 20 ) {
|
||
|
|
this.edit_view_ui_dic['apply_frequency_month'].parent().parent().css( 'display', 'block' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month'].parent().parent().css( 'display', 'block' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_quarter_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
} else if ( this.current_edit_record.apply_frequency_id == 25 ) {
|
||
|
|
this.edit_view_ui_dic['apply_frequency_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month'].parent().parent().css( 'display', 'block' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_quarter_month'].parent().parent().css( 'display', 'block' );
|
||
|
|
} else if ( this.current_edit_record.apply_frequency_id == 30 ) {
|
||
|
|
this.edit_view_ui_dic['apply_frequency_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month'].parent().parent().css( 'display', 'block' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_quarter_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
} else if ( this.current_edit_record.apply_frequency_id == 35 ) {
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month1'].parent().parent().css( 'display', 'block' ); //Special fields for Semi-Monthly
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month2'].parent().parent().css( 'display', 'block' ); //Special fields for Semi-Monthly
|
||
|
|
|
||
|
|
this.edit_view_ui_dic['apply_frequency_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_day_of_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
this.edit_view_ui_dic['apply_frequency_quarter_month'].parent().parent().css( 'display', 'none' );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.editFieldResize();
|
||
|
|
}
|
||
|
|
|
||
|
|
onCalculationChange() {
|
||
|
|
}
|
||
|
|
|
||
|
|
buildEditViewUI() {
|
||
|
|
TTPromise.add( 'CompanyTaxDeduction', 'buildEditViewUI' );
|
||
|
|
|
||
|
|
super.buildEditViewUI();
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var tab_model = {
|
||
|
|
'tab_tax_deductions': {
|
||
|
|
'label': $.i18n._( 'Tax / Deductions' )
|
||
|
|
},
|
||
|
|
'tab_eligibility': { 'label': $.i18n._( 'Eligibility' ) },
|
||
|
|
'tab_employee_setting': {
|
||
|
|
'label': $.i18n._( 'Employee Settings' ),
|
||
|
|
'init_callback': 'initEmployeeSetting',
|
||
|
|
'display_on_mass_edit': false,
|
||
|
|
'html_template': this.getCompanyTaxDeductionEmployeeSettingTabHtml()
|
||
|
|
}, //Callback was: setEmployeeGridSize
|
||
|
|
'tab5': {
|
||
|
|
'label': $.i18n._( 'Tax / Deductions' ),
|
||
|
|
'display_on_mass_edit': false
|
||
|
|
},
|
||
|
|
'tab_attachment': true,
|
||
|
|
'tab_audit': true,
|
||
|
|
};
|
||
|
|
this.setTabModel( tab_model );
|
||
|
|
|
||
|
|
this.edit_view.children().eq( 0 ).css( 'min-width', 1170 );
|
||
|
|
|
||
|
|
this.navigation.AComboBox( {
|
||
|
|
id: this.script_name + '_navigation',
|
||
|
|
api_class: TTAPI.APICompanyDeduction,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_deduction',
|
||
|
|
navigation_mode: true,
|
||
|
|
show_search_inputs: true
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.setNavigation();
|
||
|
|
|
||
|
|
//Tab 0 start
|
||
|
|
|
||
|
|
var tab_tax_deductions = this.edit_view_tab.find( '#tab_tax_deductions' );
|
||
|
|
|
||
|
|
var tab_tax_deductions_column1 = tab_tax_deductions.find( '.first-column' );
|
||
|
|
this.edit_view_tabs[0] = [];
|
||
|
|
|
||
|
|
this.edit_view_tabs[0].push( tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
var form_item_input;
|
||
|
|
var widgetContainer;
|
||
|
|
var label;
|
||
|
|
|
||
|
|
// Status
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'status_id', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.status_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Status' ), form_item_input, tab_tax_deductions_column1, '' );
|
||
|
|
|
||
|
|
// Type
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'type_id', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.type_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Type' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
//Legal entity
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.TText( { field: 'legal_entity_id' } );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APILegalEntity,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_legal_entity',
|
||
|
|
show_search_inputs: false,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'legal_entity_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Legal Entity' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
//Payroll Remittance Agency
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIPayrollRemittanceAgency,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_payroll_remittance_agency',
|
||
|
|
set_empty: true,
|
||
|
|
field: 'payroll_remittance_agency_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Remittance Agency' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
//Name
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'name', width: '100%' } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Name' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
form_item_input.parent().width( '45%' );
|
||
|
|
|
||
|
|
// Description
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );
|
||
|
|
form_item_input.TTextArea( { field: 'description', width: '100%' } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Description' ), form_item_input, tab_tax_deductions_column1, '', null, null, true );
|
||
|
|
form_item_input.parent().width( '45%' );
|
||
|
|
|
||
|
|
//Pay Stub Note (Public)
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'pay_stub_entry_description', width: 300 } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Pay Stub Note (Public)' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
//Calculation Settings label
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.SEPARATED_BOX );
|
||
|
|
form_item_input.SeparatedBox( { label: $.i18n._( 'Calculation Settings' ) } );
|
||
|
|
this.addEditFieldToColumn( null, form_item_input, tab_tax_deductions_column1, '', null, true, false, 'separated_2' );
|
||
|
|
|
||
|
|
//Calculation
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'calculation_id', set_empty: false, width: 400 } );
|
||
|
|
form_item_input.setSourceData( $this.calculation_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Calculation' ), form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 15
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'df_15', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.tax_formula_type_array );
|
||
|
|
this.addEditFieldToColumn( 'df_15', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Country
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'country', set_empty: true } );
|
||
|
|
form_item_input.setSourceData( $this.country_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Country' ), form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Province
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'province' } );
|
||
|
|
form_item_input.setSourceData( [] );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Province/State' ), form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// District
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'district', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( [] );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'District' ), form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 0
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_0' } );
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'> %</span>' );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
this.addEditFieldToColumn( 'df_0', form_item_input, tab_tax_deductions_column1, '', widgetContainer, true );
|
||
|
|
|
||
|
|
//Dynamic Field 20 -- Form W-4 Version (Should go above Filing Status)
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'df_20', set_empty: false } );
|
||
|
|
this.addEditFieldToColumn( 'df_20', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
//Dynamic Field 14 -- Filing Status
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'df_14', set_empty: false } ); //Don't show empty value (NONE), so a filing status will always selected.
|
||
|
|
this.addEditFieldToColumn( 'df_14', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 1
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_1' } );
|
||
|
|
this.addEditFieldToColumn( 'df_1', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 2
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_2' } );
|
||
|
|
this.addEditFieldToColumn( 'df_2', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 3
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_3' } );
|
||
|
|
this.addEditFieldToColumn( 'df_3', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 4
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_4' } );
|
||
|
|
this.addEditFieldToColumn( 'df_4', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 5
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_5' } );
|
||
|
|
this.addEditFieldToColumn( 'df_5', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 6
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_6' } );
|
||
|
|
this.addEditFieldToColumn( 'df_6', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 7
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_7' } );
|
||
|
|
this.addEditFieldToColumn( 'df_7', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 8
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_8' } );
|
||
|
|
this.addEditFieldToColumn( 'df_8', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 9
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_9' } );
|
||
|
|
this.addEditFieldToColumn( 'df_9', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 10
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_10' } );
|
||
|
|
this.addEditFieldToColumn( 'df_10', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
if ( ( Global.getProductEdition() >= 15 ) ) {
|
||
|
|
TTPromise.add( 'CompanyTaxDeduction', 'df_11' );
|
||
|
|
Global.loadScript( 'global/widgets/formula_builder/FormulaBuilder.js', function() {
|
||
|
|
// Dynamic Field 11
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.FORMULA_BUILDER );
|
||
|
|
form_item_input.FormulaBuilder( {
|
||
|
|
field: 'df_11', width: '100%', onFormulaBtnClick: function() {
|
||
|
|
|
||
|
|
var custom_column_api = TTAPI.APIReportCustomColumn;
|
||
|
|
|
||
|
|
custom_column_api.getOptions( 'formula_functions', {
|
||
|
|
onResult: function( fun_result ) {
|
||
|
|
var fun_res_data = fun_result.getResult();
|
||
|
|
|
||
|
|
$this.api.getOptions( 'formula_variables', { onResult: onColumnsResult } );
|
||
|
|
|
||
|
|
function onColumnsResult( col_result ) {
|
||
|
|
var col_res_data = col_result.getResult();
|
||
|
|
|
||
|
|
var default_args = {};
|
||
|
|
default_args.functions = Global.buildRecordArray( fun_res_data );
|
||
|
|
default_args.variables = Global.buildRecordArray( col_res_data );
|
||
|
|
default_args.formula = $this.current_edit_record.company_value1;
|
||
|
|
default_args.current_edit_record = Global.clone( $this.current_edit_record );
|
||
|
|
default_args.api = $this.api;
|
||
|
|
|
||
|
|
IndexViewController.openWizard( 'FormulaBuilderWizard', default_args, function( val ) {
|
||
|
|
$this.current_edit_record.company_value1 = val;
|
||
|
|
$this.edit_view_ui_dic.df_11.setValue( val );
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
$this.addEditFieldToColumn( 'df_11', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
$this.detachElement( 'df_11' );
|
||
|
|
form_item_input.parent().width( '45%' );
|
||
|
|
TTPromise.resolve( 'CompanyTaxDeduction', 'df_11' );
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );
|
||
|
|
form_item_input.TTextInput( { field: 'df_11' } );
|
||
|
|
this.addEditFieldToColumn( 'df_11', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT );
|
||
|
|
form_item_input.TText( { field: 'df_100' } );
|
||
|
|
this.addEditFieldToColumn( 'Warning', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
}
|
||
|
|
|
||
|
|
//Dynamic Field 12,13
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_12', width: 30 } );
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'> ' + ' ' + ' </span>' );
|
||
|
|
|
||
|
|
var widget_combo_box = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
widget_combo_box.TComboBox( { field: 'df_13' } );
|
||
|
|
widget_combo_box.setSourceData( $this.look_back_unit_array );
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
widgetContainer.append( widget_combo_box );
|
||
|
|
this.addEditFieldToColumn( 'df_12', [form_item_input, widget_combo_box], tab_tax_deductions_column1, '', widgetContainer, true );
|
||
|
|
|
||
|
|
//Dynamic Field 21 -- Multiple Jobs or Spouse Works
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'df_21', set_empty: false } );
|
||
|
|
this.addEditFieldToColumn( 'df_21', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 22
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_22' } );
|
||
|
|
this.addEditFieldToColumn( 'df_22', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 23
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_23' } );
|
||
|
|
this.addEditFieldToColumn( 'df_23', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 24
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_24' } );
|
||
|
|
this.addEditFieldToColumn( 'df_24', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
// Dynamic Field 25
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'df_25' } );
|
||
|
|
this.addEditFieldToColumn( 'df_25', form_item_input, tab_tax_deductions_column1, '', null, true );
|
||
|
|
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
//Pay Stub Account
|
||
|
|
|
||
|
|
var default_args = {};
|
||
|
|
default_args.filter_data = {};
|
||
|
|
default_args.filter_data.type_id = [10, 20, 30, 50, 80];
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIPayStubEntryAccount,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_PayStubAccount',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'pay_stub_entry_account_id'
|
||
|
|
|
||
|
|
} );
|
||
|
|
form_item_input.setDefaultArgs( default_args );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Pay Stub Account' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
}
|
||
|
|
|
||
|
|
// Calculation Order
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'calculation_order', width: 30 } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Calculation Order' ), form_item_input, tab_tax_deductions_column1 );
|
||
|
|
|
||
|
|
// Include Pay Stub Accounts
|
||
|
|
var v_box = $( '<div class=\'v-box\'></div>' );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'include_account_amount_type_id', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.account_amount_type_array );
|
||
|
|
|
||
|
|
var form_item = this.putInputToInsideFormItem( form_item_input, $.i18n._( 'Pay Stub Account Value' ) );
|
||
|
|
|
||
|
|
v_box.append( form_item );
|
||
|
|
v_box.append( '<div class=\'clear-both-div\'></div>' );
|
||
|
|
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
var form_item_input_1 = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
|
||
|
|
form_item_input_1.AComboBox( {
|
||
|
|
api_class: TTAPI.APIPayStubEntryAccount,
|
||
|
|
allow_multiple_selection: true,
|
||
|
|
layout_name: 'global_PayStubAccount',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'include_pay_stub_entry_account'
|
||
|
|
} );
|
||
|
|
form_item = this.putInputToInsideFormItem( form_item_input_1, $.i18n._( 'Selection' ) );
|
||
|
|
v_box.append( form_item );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Include Pay Stub Accounts' ), [form_item_input, form_item_input_1], tab_tax_deductions_column1, null, v_box, true, true );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// Exclude Pay Stub Accounts
|
||
|
|
v_box = $( '<div class=\'v-box\'></div>' );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'exclude_account_amount_type_id', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.account_amount_type_array );
|
||
|
|
|
||
|
|
form_item = this.putInputToInsideFormItem( form_item_input, $.i18n._( 'Pay Stub Account Value' ) );
|
||
|
|
|
||
|
|
v_box.append( form_item );
|
||
|
|
v_box.append( '<div class=\'clear-both-div\'></div>' );
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
form_item_input_1 = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input_1.AComboBox( {
|
||
|
|
api_class: TTAPI.APIPayStubEntryAccount,
|
||
|
|
allow_multiple_selection: true,
|
||
|
|
layout_name: 'global_PayStubAccount',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'exclude_pay_stub_entry_account'
|
||
|
|
} );
|
||
|
|
|
||
|
|
form_item = this.putInputToInsideFormItem( form_item_input_1, $.i18n._( 'Selection' ) );
|
||
|
|
v_box.append( form_item );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Exclude Pay Stub Accounts' ), [form_item_input, form_item_input_1], tab_tax_deductions_column1, null, v_box, true, true );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
// employees
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
allow_multiple_selection: true,
|
||
|
|
layout_name: 'global_user',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'user'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Employees' ), form_item_input, tab_tax_deductions_column1, '' );
|
||
|
|
}
|
||
|
|
// Tab1 start
|
||
|
|
|
||
|
|
var tab_eligibility = this.edit_view_tab.find( '#tab_eligibility' );
|
||
|
|
|
||
|
|
var tab_eligibility_column1 = tab_eligibility.find( '.first-column' );
|
||
|
|
|
||
|
|
this.edit_view_tabs[1] = [];
|
||
|
|
|
||
|
|
this.edit_view_tabs[1].push( tab_eligibility_column1 );
|
||
|
|
|
||
|
|
// Apply Frequency
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_id', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.apply_frequency_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Apply Frequency' ), form_item_input, tab_eligibility_column1, '' );
|
||
|
|
|
||
|
|
// Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_month', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.month_of_year_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Month' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
|
||
|
|
// Day of Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_day_of_month', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.day_of_month_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Day of Month' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
|
||
|
|
// Semi-Monthly: Primary Day of Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_day_of_month1', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.day_of_month_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Primary Day of Month' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
|
||
|
|
// Semi-Monthly: Secondary Day of Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_day_of_month2', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.day_of_month_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Secondary Day of Month' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
|
||
|
|
// Month of Quarter
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'apply_frequency_quarter_month', set_empty: false } );
|
||
|
|
form_item_input.setSourceData( $this.month_of_quarter_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Month of Quarter' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
|
||
|
|
// Payroll Run Type
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( {
|
||
|
|
field: 'apply_payroll_run_type_id',
|
||
|
|
set_empty: true,
|
||
|
|
customFirstItemLabel: Global.any_item
|
||
|
|
} );
|
||
|
|
form_item_input.setSourceData( $this.apply_payroll_run_type_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Payroll Run Type' ), form_item_input, tab_eligibility_column1, '' );
|
||
|
|
|
||
|
|
// Start Date
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
|
||
|
|
form_item_input.TDatePicker( { field: 'start_date' } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'>' + $.i18n._( '(Leave blank for no start date)' ) + '</span>' );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Start Date' ), form_item_input, tab_eligibility_column1, '', widgetContainer );
|
||
|
|
|
||
|
|
// End Date
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
|
||
|
|
form_item_input.TDatePicker( { field: 'end_date' } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'>' + $.i18n._( '(Leave blank for no end date)' ) + '</span>' );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'End Date' ), form_item_input, tab_eligibility_column1, '', widgetContainer );
|
||
|
|
|
||
|
|
// Minimum Length Of Service
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'minimum_length_of_service', width: 30 } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'> ' + ' ' + ' </span>' );
|
||
|
|
|
||
|
|
widget_combo_box = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
widget_combo_box.TComboBox( { field: 'minimum_length_of_service_unit_id' } );
|
||
|
|
widget_combo_box.setSourceData( $this.length_of_service_unit_array );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
widgetContainer.append( widget_combo_box );
|
||
|
|
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Minimum Length Of Service' ), [form_item_input, widget_combo_box], tab_eligibility_column1, '', widgetContainer );
|
||
|
|
|
||
|
|
// Maximum Length Of Service
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'maximum_length_of_service', width: 30 } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'> ' + ' ' + ' </span>' );
|
||
|
|
|
||
|
|
widget_combo_box = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
widget_combo_box.TComboBox( { field: 'maximum_length_of_service_unit_id' } );
|
||
|
|
widget_combo_box.setSourceData( $this.length_of_service_unit_array );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
widgetContainer.append( widget_combo_box );
|
||
|
|
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Maximum Length Of Service' ), [form_item_input, widget_combo_box], tab_eligibility_column1, '', widgetContainer );
|
||
|
|
if ( !this.sub_view_mode ) {
|
||
|
|
//Length of Service contributing pay codes.
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIContributingPayCodePolicy,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_contributing_pay_code_policy',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
set_default: true,
|
||
|
|
field: 'length_of_service_contributing_pay_code_policy_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Length Of Service Hours Based On' ), form_item_input, tab_eligibility_column1, '', null, true );
|
||
|
|
}
|
||
|
|
// Minimum Employee Age
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'minimum_user_age', width: 30 } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'>' + $.i18n._( 'years' ) + '</span>' );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Minimum Employee Age' ), form_item_input, tab_eligibility_column1, '', widgetContainer );
|
||
|
|
|
||
|
|
// Maximum Employee Age
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'maximum_user_age', width: 30 } );
|
||
|
|
|
||
|
|
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
|
||
|
|
label = $( '<span class=\'widget-right-label\'>' + $.i18n._( 'years' ) + '</span>' );
|
||
|
|
|
||
|
|
widgetContainer.append( form_item_input );
|
||
|
|
widgetContainer.append( label );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Maximum Employee Age' ), form_item_input, tab_eligibility_column1, '', widgetContainer );
|
||
|
|
|
||
|
|
//Tab 5
|
||
|
|
|
||
|
|
var tab5 = this.edit_view_tab.find( '#tab5' );
|
||
|
|
|
||
|
|
var tab5_column1 = tab5.find( '.first-column' );
|
||
|
|
|
||
|
|
this.edit_view_tabs[5] = [];
|
||
|
|
|
||
|
|
this.edit_view_tabs[5].push( tab5_column1 );
|
||
|
|
|
||
|
|
//Permissions
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_DROPDOWN );
|
||
|
|
|
||
|
|
var display_columns = ALayoutCache.getDefaultColumn( 'global_deduction' ); //Get Default columns base on different layout name
|
||
|
|
display_columns = Global.convertColumnsTojGridFormat( display_columns, 'global_deduction' ); //Convert to jQgrid format
|
||
|
|
|
||
|
|
form_item_input.ADropDown( {
|
||
|
|
field: 'company_tax_deduction_ids',
|
||
|
|
display_show_all: false,
|
||
|
|
id: 'company_tax_deduction_ids',
|
||
|
|
key: 'id',
|
||
|
|
display_close_btn: false,
|
||
|
|
allow_drag_to_order: false,
|
||
|
|
display_column_settings: false
|
||
|
|
} );
|
||
|
|
form_item_input.addClass( 'splayed-adropdown' );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Taxes / Deductions' ), form_item_input, tab5_column1, '', null, false, true );
|
||
|
|
|
||
|
|
form_item_input.setColumns( display_columns );
|
||
|
|
// form_item_input.setUnselectedGridData( [] );
|
||
|
|
TTPromise.resolve( 'CompanyTaxDeduction', 'buildEditViewUI' );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewTabHeight() {
|
||
|
|
super.setEditViewTabHeight();
|
||
|
|
|
||
|
|
var tax_grid = this.edit_view_ui_dic.company_tax_deduction_ids;
|
||
|
|
|
||
|
|
tax_grid.setHeight( ( this.edit_view_tab.find( '.context-border' ).height() - $( this.$el )[0].getBoundingClientRect().top ) - 20 );
|
||
|
|
}
|
||
|
|
|
||
|
|
putInputToInsideFormItem( form_item_input, label ) {
|
||
|
|
var form_item = $( Global.loadWidgetByName( WidgetNamesDic.EDIT_VIEW_SUB_FORM_ITEM ) );
|
||
|
|
var form_item_label_div = form_item.find( '.edit-view-form-item-label-div' );
|
||
|
|
|
||
|
|
form_item_label_div.attr( 'class', 'edit-view-form-item-sub-label-div' );
|
||
|
|
|
||
|
|
var form_item_label = form_item.find( '.edit-view-form-item-label' );
|
||
|
|
var form_item_input_div = form_item.find( '.edit-view-form-item-input-div' );
|
||
|
|
form_item.addClass( 'remove-margin' );
|
||
|
|
|
||
|
|
form_item_label.text( $.i18n._( label ) );
|
||
|
|
form_item_input_div.append( form_item_input );
|
||
|
|
|
||
|
|
return form_item;
|
||
|
|
}
|
||
|
|
|
||
|
|
buildSearchFields() {
|
||
|
|
|
||
|
|
super.buildSearchFields();
|
||
|
|
|
||
|
|
this.search_fields = [
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Status' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'status_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Type' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'type_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Name' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'name',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.TEXT_INPUT
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Legal Entity' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'legal_entity_id',
|
||
|
|
layout_name: 'global_legal_entity',
|
||
|
|
api_class: TTAPI.APILegalEntity,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Pay Stub Account' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'pay_stub_entry_name_id',
|
||
|
|
layout_name: 'global_PayStubAccount',
|
||
|
|
api_class: TTAPI.APIPayStubEntryAccount,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Remittance Agency' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'payroll_remittance_agency_id',
|
||
|
|
layout_name: 'global_payroll_remittance_agency',
|
||
|
|
api_class: TTAPI.APIPayrollRemittanceAgency,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
script_name: 'PayrollRemittanceAgencyView',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Calculation' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'calculation_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Created By' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'created_by',
|
||
|
|
layout_name: 'global_user',
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
script_name: 'EmployeeView',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Updated By' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'updated_by',
|
||
|
|
layout_name: 'global_user',
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
script_name: 'EmployeeView',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} )
|
||
|
|
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
searchDone() {
|
||
|
|
TTPromise.resolve( 'TaxView', 'init' );
|
||
|
|
super.searchDone();
|
||
|
|
}
|
||
|
|
|
||
|
|
getCompanyTaxDeductionEmployeeSettingTabHtml() {
|
||
|
|
return `<div id="tab_employee_setting" class="edit-view-tab-outside">
|
||
|
|
<div class="edit-view-tab" id="tab_employee_setting_content_div">
|
||
|
|
<div class="inside-editor-div full-width-column">
|
||
|
|
<div class="grid-div employee-setting-grid-div">
|
||
|
|
<table id="employee_setting_grid"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="save-and-continue-div">
|
||
|
|
<span class="message"></span>
|
||
|
|
<div class="save-and-continue-button-div">
|
||
|
|
<button class="tt-button p-button p-component" type="button">
|
||
|
|
<span class="icon"></span>
|
||
|
|
<span class="p-button-label"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
CompanyTaxDeductionViewController.loadSubView = function( container, beforeViewLoadedFun, afterViewLoadedFun ) {
|
||
|
|
|
||
|
|
Global.loadViewSource( 'CompanyTaxDeduction', 'SubCompanyTaxDeductionView.html', function( result ) {
|
||
|
|
|
||
|
|
var args = {};
|
||
|
|
var template = _.template( result );
|
||
|
|
|
||
|
|
if ( Global.isSet( beforeViewLoadedFun ) ) {
|
||
|
|
beforeViewLoadedFun();
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( Global.isSet( container ) ) {
|
||
|
|
container.html( template( args ) );
|
||
|
|
|
||
|
|
if ( Global.isSet( afterViewLoadedFun ) ) {
|
||
|
|
afterViewLoadedFun( sub_company_tax_deduction_view_controller );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
};
|