713 lines
21 KiB
JavaScript
713 lines
21 KiB
JavaScript
|
export class PayStubTransactionViewController extends BaseViewController {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
el: '#pay_stub_transaction_view_container',
|
||
|
|
|
||
|
|
status_array: null,
|
||
|
|
currency_array: null,
|
||
|
|
user_status_array: null,
|
||
|
|
user_group_array: null,
|
||
|
|
type_array: null,
|
||
|
|
|
||
|
|
user_api: null,
|
||
|
|
user_group_api: null,
|
||
|
|
company_api: null,
|
||
|
|
pay_stub_entry_api: null,
|
||
|
|
|
||
|
|
include_entries: true
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init() {
|
||
|
|
//this._super('initialize' );
|
||
|
|
this.edit_view_tpl = 'PayStubTransactionEditView.html';
|
||
|
|
this.permission_id = 'pay_stub';
|
||
|
|
this.viewId = 'PayStubTransaction';
|
||
|
|
this.script_name = 'PayStubTransactionView';
|
||
|
|
this.table_name_key = 'pay_stub_transaction';
|
||
|
|
this.context_menu_name = $.i18n._( 'Pay Stub Transaction' );
|
||
|
|
this.navigation_label = $.i18n._( 'Pay Stub Transactions' );
|
||
|
|
|
||
|
|
this.api = TTAPI.APIPayStubTransaction;
|
||
|
|
this.currency_api = TTAPI.APICurrency;
|
||
|
|
this.remittance_source_account_api = TTAPI.APIRemittanceSourceAccount;
|
||
|
|
this.remittance_destination_account_api = TTAPI.APIRemittanceDestinationAccount;
|
||
|
|
this.user_api = TTAPI.APIUser;
|
||
|
|
this.pay_stub_entry_api = TTAPI.APIPayStubEntry;
|
||
|
|
this.user_group_api = TTAPI.APIUserGroup;
|
||
|
|
this.company_api = TTAPI.APICompany;
|
||
|
|
this.pay_period_api = TTAPI.APIPayPeriod;
|
||
|
|
|
||
|
|
this.initPermission();
|
||
|
|
this.render();
|
||
|
|
this.buildContextMenu();
|
||
|
|
|
||
|
|
this.initData();
|
||
|
|
}
|
||
|
|
|
||
|
|
initPermission() {
|
||
|
|
super.initPermission();
|
||
|
|
|
||
|
|
if ( PermissionManager.validate( this.permission_id, 'view' ) || PermissionManager.validate( this.permission_id, 'view_child' ) ) {
|
||
|
|
this.show_search_tab = true;
|
||
|
|
} else {
|
||
|
|
this.show_search_tab = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initOptions( callBack ) {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
this.initDropDownOption( 'status', 'transaction_status_id' );
|
||
|
|
}
|
||
|
|
|
||
|
|
getCustomContextMenuModel() {
|
||
|
|
var context_menu_model = {
|
||
|
|
exclude: ['default'],
|
||
|
|
include: [
|
||
|
|
'view',
|
||
|
|
'edit',
|
||
|
|
'mass_edit',
|
||
|
|
'save',
|
||
|
|
'save_and_continue',
|
||
|
|
'save_and_next',
|
||
|
|
'cancel',
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Jump To' ),
|
||
|
|
id: 'jump_to_header',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
action_group_header: true,
|
||
|
|
permission_result: false // to hide it in legacy context menu and avoid errors in legacy parsers.
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'TimeSheet' ),
|
||
|
|
id: 'timesheet',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Schedule' ),
|
||
|
|
id: 'schedule',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Pay Stubs' ),
|
||
|
|
id: 'pay_stub',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Pay Stub Amendments' ),
|
||
|
|
id: 'pay_stub_amendment',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Edit Employee' ),
|
||
|
|
id: 'edit_employee',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: $.i18n._( 'Edit Pay Period' ),
|
||
|
|
id: 'edit_pay_period',
|
||
|
|
menu_align: 'right',
|
||
|
|
action_group: 'jump_to',
|
||
|
|
group: 'navigation',
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
return context_menu_model;
|
||
|
|
}
|
||
|
|
|
||
|
|
setCustomDefaultMenuIcon( id, context_btn, grid_selected_length ) {
|
||
|
|
switch ( id ) {
|
||
|
|
case 'pay_stub_transaction':
|
||
|
|
case 'pay_stub':
|
||
|
|
this.setDefaultMenuViewIcon( context_btn, grid_selected_length );
|
||
|
|
break;
|
||
|
|
case 'timesheet':
|
||
|
|
this.setDefaultMenuViewIcon( context_btn, grid_selected_length, 'punch' );
|
||
|
|
break;
|
||
|
|
case 'schedule':
|
||
|
|
this.setDefaultMenuViewIcon( context_btn, grid_selected_length, 'schedule' );
|
||
|
|
break;
|
||
|
|
case 'pay_stub_amendment':
|
||
|
|
this.setDefaultMenuViewIcon( context_btn, grid_selected_length, 'pay_stub_amendment' );
|
||
|
|
break;
|
||
|
|
case 'edit_employee':
|
||
|
|
this.setDefaultMenuEditEmployeeIcon( context_btn, grid_selected_length, 'user' );
|
||
|
|
break;
|
||
|
|
case 'edit_pay_period':
|
||
|
|
this.setDefaultMenuEditPayPeriodIcon( context_btn, grid_selected_length );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDefaultMenuEditPayPeriodIcon( context_btn, grid_selected_length, pId ) {
|
||
|
|
if ( !this.editPermissionValidate( 'pay_period_schedule' ) ) {
|
||
|
|
ContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false )
|
||
|
|
}
|
||
|
|
if ( grid_selected_length === 1 ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
} else {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDefaultMenuEditEmployeeIcon( context_btn, grid_selected_length ) {
|
||
|
|
if ( !this.editChildPermissionValidate( 'user' ) ) {
|
||
|
|
ContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false )
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( grid_selected_length === 1 ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
} else {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDefaultMenuViewIcon( context_btn, grid_selected_length, pId ) {
|
||
|
|
if ( pId === 'punch' || pId === 'schedule' || pId === 'pay_stub_amendment' ) {
|
||
|
|
super.setDefaultMenuViewIcon( context_btn, grid_selected_length, pId );
|
||
|
|
} else {
|
||
|
|
if ( !this.viewPermissionValidate( pId ) || this.edit_only_mode ) {
|
||
|
|
ContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false )
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( grid_selected_length > 0 && this.viewOwnerOrChildPermissionValidate() ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
} else {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setCustomEditMenuIcon( id, context_btn ) {
|
||
|
|
switch ( id ) {
|
||
|
|
case 'import_icon':
|
||
|
|
this.setEditMenuImportIcon( context_btn );
|
||
|
|
break;
|
||
|
|
case 'timesheet':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'punch' );
|
||
|
|
break;
|
||
|
|
case 'schedule':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'schedule' );
|
||
|
|
break;
|
||
|
|
case 'pay_stub_transaction':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'pay_stub_transaction' );
|
||
|
|
break;
|
||
|
|
case 'pay_stub_amendment':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'pay_stub_amendment' );
|
||
|
|
break;
|
||
|
|
case 'edit_employee':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'user' );
|
||
|
|
break;
|
||
|
|
case 'edit_pay_period':
|
||
|
|
this.setEditMenuViewIcon( context_btn, 'pay_period_schedule' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setDefaultMenuGeneratePayStubIcon( context_btn, grid_selected_length, pId ) {
|
||
|
|
|
||
|
|
if ( grid_selected_length > 0 ) {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );
|
||
|
|
} else {
|
||
|
|
ContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setCurrentEditRecordData() {
|
||
|
|
this.include_entries = true;
|
||
|
|
//Set current edit record data to all widgets
|
||
|
|
for ( var key in this.current_edit_record ) {
|
||
|
|
var widget = this.edit_view_ui_dic[key];
|
||
|
|
if ( Global.isSet( widget ) ) {
|
||
|
|
switch ( key ) {
|
||
|
|
default:
|
||
|
|
widget.setValue( this.current_edit_record[key] );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.collectUIDataToCurrentEditRecord();
|
||
|
|
this.setEditViewDataDone();
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewDataDone() {
|
||
|
|
super.setEditViewDataDone();
|
||
|
|
|
||
|
|
this.edit_view_ui_dic.user_id.setEnabled( false );
|
||
|
|
this.edit_view_ui_dic.remittance_source_account_id.setEnabled( false );
|
||
|
|
this.edit_view_ui_dic.remittance_destination_account_id.setEnabled( false );
|
||
|
|
this.edit_view_ui_dic.currency_id.setEnabled( false );
|
||
|
|
this.edit_view_ui_dic.amount.setEnabled( false );
|
||
|
|
this.edit_view_ui_dic.confirmation_number.setEnabled( false );
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveClick( ignoreWarning ) {
|
||
|
|
if ( this.is_mass_editing ) {
|
||
|
|
this.include_entries = false; // Note: not sure if we really need this, as a code search for this variable shows it only set in one other place, but not used. Was in original onSaveClick, so including it here for now.
|
||
|
|
}
|
||
|
|
super.onSaveClick( ignoreWarning );
|
||
|
|
}
|
||
|
|
|
||
|
|
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 );
|
||
|
|
|
||
|
|
this.api['set' + this.api.key_name]( record, false, ignoreWarning, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.onSaveAndContinueResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
onSaveAndContinueResult( 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.search( false );
|
||
|
|
// $this.editor.show_cover = false;
|
||
|
|
|
||
|
|
$this.onSaveAndContinueDone( result );
|
||
|
|
} else {
|
||
|
|
$this.setErrorTips( result );
|
||
|
|
$this.setErrorMenu();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// onSaveAndNextResult( 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.editor.show_cover = true;
|
||
|
|
// $this.onRightArrowClick();
|
||
|
|
// $this.search( false );
|
||
|
|
// $this.onSaveAndNextDone( result );
|
||
|
|
//
|
||
|
|
// } else {
|
||
|
|
// $this.setErrorTips( result );
|
||
|
|
// $this.setErrorMenu();
|
||
|
|
// }
|
||
|
|
// },
|
||
|
|
|
||
|
|
getFilterColumnsFromDisplayColumns() {
|
||
|
|
var column_filter = {};
|
||
|
|
column_filter.pay_stub_transaction_date = true;
|
||
|
|
column_filter.pay_stub_start_date = true;
|
||
|
|
column_filter.pay_stub_end_date = true;
|
||
|
|
column_filter.id = true;
|
||
|
|
column_filter.status_id = true;
|
||
|
|
column_filter.is_owner = true;
|
||
|
|
column_filter.user_id = true;
|
||
|
|
column_filter.pay_stub_id = true;
|
||
|
|
column_filter.pay_period_id = true;
|
||
|
|
column_filter.pay_stub_run_id = true;
|
||
|
|
column_filter.currency_id = true;
|
||
|
|
column_filter.remittance_source_account_type_id = true;
|
||
|
|
// Error: Unable to get property 'getGridParam' of undefined or null reference
|
||
|
|
var display_columns = [];
|
||
|
|
if ( this.grid ) {
|
||
|
|
display_columns = this.grid.getGridParam( 'colModel' );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( display_columns ) {
|
||
|
|
for ( var i = 0; i < display_columns.length; i++ ) {
|
||
|
|
column_filter[display_columns[i].name] = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return column_filter;
|
||
|
|
}
|
||
|
|
|
||
|
|
onFormItemChange( target, doNotValidate ) {
|
||
|
|
var $this = this;
|
||
|
|
this.setIsChanged( target );
|
||
|
|
this.setMassEditingFieldsWhenFormChange( target );
|
||
|
|
var key = target.getField();
|
||
|
|
var c_value = target.getValue();
|
||
|
|
|
||
|
|
this.current_edit_record[key] = c_value;
|
||
|
|
|
||
|
|
if ( !doNotValidate ) {
|
||
|
|
this.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 );
|
||
|
|
this.api['validate' + this.api.key_name]( record, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
$this.validateResult( result );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildEditViewUI() {
|
||
|
|
super.buildEditViewUI();
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var tab_model = {
|
||
|
|
'tab_pay_stub_transaction': { 'label': $.i18n._( 'Pay Stub Transaction' ) },
|
||
|
|
'tab_audit': true,
|
||
|
|
};
|
||
|
|
this.setTabModel( tab_model );
|
||
|
|
|
||
|
|
this.navigation.AComboBox( {
|
||
|
|
api_class: TTAPI.APIPayStub,
|
||
|
|
id: this.script_name + '_navigation',
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_pay_stub',
|
||
|
|
navigation_mode: true,
|
||
|
|
show_search_inputs: true
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.setNavigation();
|
||
|
|
|
||
|
|
//Tab 0 start
|
||
|
|
var tab_pay_stub_transaction = this.edit_view_tab.find( '#tab_pay_stub_transaction' );
|
||
|
|
var tab_pay_stub_transaction_column1 = tab_pay_stub_transaction.find( '.first-column' );
|
||
|
|
var form_item_input;
|
||
|
|
this.edit_view_tabs[0] = [];
|
||
|
|
this.edit_view_tabs[0].push( tab_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_user',
|
||
|
|
show_search_inputs: false,
|
||
|
|
set_empty: false,
|
||
|
|
field: 'user_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Employee' ), form_item_input, tab_pay_stub_transaction_column1, '', null, true );
|
||
|
|
|
||
|
|
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_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIRemittanceSourceAccount,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_remittance_source_account',
|
||
|
|
show_search_inputs: false,
|
||
|
|
set_empty: false,
|
||
|
|
field: 'remittance_source_account_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Source Account' ), form_item_input, tab_pay_stub_transaction_column1, '', null, true );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APIRemittanceDestinationAccount,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_remittance_destination_account',
|
||
|
|
show_search_inputs: false,
|
||
|
|
set_empty: false,
|
||
|
|
field: 'remittance_destination_account_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Destination Account' ), form_item_input, tab_pay_stub_transaction_column1, '', null, true );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
field: 'currency_id',
|
||
|
|
set_empty: false,
|
||
|
|
layout_name: 'global_currency',
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
show_search_inputs: false,
|
||
|
|
api_class: TTAPI.APICurrency
|
||
|
|
} );
|
||
|
|
;
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Currency' ), form_item_input, tab_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'amount', width: 300 } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Amount' ), form_item_input, tab_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
|
||
|
|
form_item_input.TDatePicker( { field: 'transaction_date' } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Transaction Date' ), form_item_input, tab_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
form_item_input.TTextInput( { field: 'confirmation_number', width: 300 } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Confirmation #' ), form_item_input, tab_pay_stub_transaction_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );
|
||
|
|
form_item_input.TTextArea( { field: 'note', width: 300 } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Note' ), form_item_input, tab_pay_stub_transaction_column1 );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildSearchFields() {
|
||
|
|
super.buildSearchFields();
|
||
|
|
this.search_fields = [
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Status' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'transaction_status_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Source Account' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'remittance_source_account_id',
|
||
|
|
layout_name: 'global_remittance_source_account',
|
||
|
|
api_class: TTAPI.APIRemittanceSourceAccount,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Pay Period' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'pay_period_id',
|
||
|
|
layout_name: 'global_Pay_period',
|
||
|
|
api_class: TTAPI.APIPayPeriod,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Employee' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'user_id',
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
layout_name: 'global_user',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Currency' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'currency_id',
|
||
|
|
api_class: TTAPI.APICurrency,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
layout_name: 'global_currency',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Transaction Date' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'transaction_date',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.DATE_PICKER
|
||
|
|
} )
|
||
|
|
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
onCustomContextClick( id ) {
|
||
|
|
switch ( id ) {
|
||
|
|
case 'timesheet':
|
||
|
|
case 'schedule':
|
||
|
|
case 'pay_stub_amendment':
|
||
|
|
case 'edit_employee':
|
||
|
|
case 'generate_pay_stub':
|
||
|
|
case 'pay_stub_transaction':
|
||
|
|
case 'edit_pay_period':
|
||
|
|
case 'pay_stub':
|
||
|
|
this.onNavigationClick( id );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onViewClick( editId, noRefreshUI ) {
|
||
|
|
this.onNavigationClick( 'view' );
|
||
|
|
}
|
||
|
|
|
||
|
|
onNavigationClick( iconName ) {
|
||
|
|
var $this = this;
|
||
|
|
var grid_selected_id_array;
|
||
|
|
var filter = {};
|
||
|
|
var ids = [];
|
||
|
|
var user_ids = [];
|
||
|
|
var base_date;
|
||
|
|
var pay_period_ids = [];
|
||
|
|
var pay_stub_ids = [];
|
||
|
|
|
||
|
|
if ( $this.edit_view && $this.current_edit_record.id ) {
|
||
|
|
ids.push( $this.current_edit_record.id );
|
||
|
|
user_ids.push( $this.current_edit_record.user_id );
|
||
|
|
pay_period_ids.push( $this.current_edit_record.pay_period_id );
|
||
|
|
pay_stub_ids.push( $this.current_edit_record.pay_stub_id );
|
||
|
|
base_date = $this.current_edit_record.pay_stub_start_date;
|
||
|
|
} else {
|
||
|
|
grid_selected_id_array = this.getGridSelectIdArray();
|
||
|
|
$.each( grid_selected_id_array, function( index, value ) {
|
||
|
|
var grid_selected_row = $this.getRecordFromGridById( value );
|
||
|
|
ids.push( grid_selected_row.id );
|
||
|
|
user_ids.push( grid_selected_row.user_id );
|
||
|
|
pay_period_ids.push( grid_selected_row.pay_period_id );
|
||
|
|
pay_stub_ids.push( grid_selected_row.pay_stub_id );
|
||
|
|
base_date = grid_selected_row.pay_stub_start_date;
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
var args = { filter_data: { id: ids } };
|
||
|
|
|
||
|
|
var post_data;
|
||
|
|
switch ( iconName ) {
|
||
|
|
case 'pay_stub':
|
||
|
|
filter.filter_data = {};
|
||
|
|
filter.filter_data.id = { value: pay_stub_ids };
|
||
|
|
filter.select_date = base_date;
|
||
|
|
Global.addViewTab( this.viewId, $.i18n._( 'Pay Stub Transactions' ), window.location.href );
|
||
|
|
IndexViewController.goToView( 'PayStub', filter );
|
||
|
|
break;
|
||
|
|
case 'edit_employee':
|
||
|
|
if ( user_ids.length > 0 ) {
|
||
|
|
IndexViewController.openEditView( this, 'Employee', user_ids[0] );
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'edit_pay_period':
|
||
|
|
if ( pay_period_ids.length > 0 ) {
|
||
|
|
IndexViewController.openEditView( this, 'PayPeriods', pay_period_ids[0] );
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'timesheet':
|
||
|
|
if ( user_ids.length > 0 ) {
|
||
|
|
filter.user_id = user_ids[0];
|
||
|
|
filter.base_date = base_date;
|
||
|
|
Global.addViewTab( $this.viewId, $.i18n._( 'Pay Stub Transactions' ), window.location.href );
|
||
|
|
IndexViewController.goToView( 'TimeSheet', filter );
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'schedule':
|
||
|
|
filter.filter_data = {};
|
||
|
|
var include_users = { value: user_ids };
|
||
|
|
filter.filter_data.include_user_ids = include_users;
|
||
|
|
filter.select_date = base_date;
|
||
|
|
Global.addViewTab( this.viewId, $.i18n._( 'Pay Stub Transactions' ), window.location.href );
|
||
|
|
IndexViewController.goToView( 'Schedule', filter );
|
||
|
|
break;
|
||
|
|
case 'pay_stub_amendment':
|
||
|
|
filter.filter_data = {};
|
||
|
|
filter.filter_data.user_id = user_ids[0];
|
||
|
|
filter.filter_data.pay_period_id = pay_period_ids[0];
|
||
|
|
Global.addViewTab( this.viewId, $.i18n._( 'Pay Stub Transactions' ), window.location.href );
|
||
|
|
IndexViewController.goToView( 'PayStubAmendment', filter );
|
||
|
|
break;
|
||
|
|
case 'view':
|
||
|
|
this.setCurrentEditViewState( 'view' );
|
||
|
|
this.openEditView();
|
||
|
|
filter.filter_data = {};
|
||
|
|
|
||
|
|
var grid_selected_id_array = this.getGridSelectIdArray();
|
||
|
|
var selectedId = grid_selected_id_array[0];
|
||
|
|
filter.filter_data.id = [selectedId];
|
||
|
|
|
||
|
|
this.api['get' + this.api.key_name]( filter, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
if ( !result_data ) {
|
||
|
|
result_data = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
result_data = result_data[0];
|
||
|
|
|
||
|
|
if ( !result_data ) {
|
||
|
|
TAlertManager.showAlert( $.i18n._( 'Record does not exist' ) );
|
||
|
|
$this.onCancelClick();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $this.sub_view_mode && $this.parent_key ) {
|
||
|
|
result_data[$this.parent_key] = $this.parent_value;
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.current_edit_record = result_data;
|
||
|
|
|
||
|
|
$this.initEditView();
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
break;
|
||
|
|
case 'pay_stub_transaction':
|
||
|
|
IndexViewController.openEditView( this, 'PayStubTransaction', user_ids[0] );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
PayStubTransactionViewController.loadView = function() {
|
||
|
|
Global.loadViewSource( 'PayStubTransaction', 'PayStubTransactionView.html', function( result ) {
|
||
|
|
var args = {};
|
||
|
|
var template = _.template( result, args );
|
||
|
|
Global.contentContainer().html( template );
|
||
|
|
} );
|
||
|
|
|
||
|
|
};
|