TimeTrex/interface/html5/views/attendance/timesheet/UserDateTotalViewController.js

1029 lines
32 KiB
JavaScript

export class UserDateTotalViewController extends BaseViewController {
constructor( options = {} ) {
_.defaults( options, {
el: '#user_date_total_view_container', //Must set el here and can only set string, so events can work
punch_tag_api: null,
default_punch_tag: [],
previous_punch_tag_selection: []
} );
super( options );
}
init( options ) {
//this._super('initialize', options );
this.edit_view_tpl = 'UserDateTotalEditView.html';
this.permission_id = 'user_date_total';
this.script_name = 'UserDateTotalView';
this.viewId = 'UserDateTotal';
this.table_name_key = 'user_date_total';
this.context_menu_name = $.i18n._( 'Accumulated Time' );
this.navigation_label = $.i18n._( 'Accumulated Time' );
this.api = TTAPI.APIUserDateTotal;
this.currency_api = TTAPI.APICurrency;
if ( ( Global.getProductEdition() >= 20 ) ) {
this.job_api = TTAPI.APIJob;
this.job_item_api = TTAPI.APIJobItem;
this.punch_tag_api = TTAPI.APIPunchTag;
}
if ( PermissionManager.validate( this.permission_id, 'add' ) || PermissionManager.validate( this.permission_id, 'edit' ) ) {
$( this.el ).find( '.warning-message' ).text( $.i18n._( 'WARNING: Manually modifying Accumulated Time records may prevent policies from being calculated properly and should only be done as a last resort when instructed to do so by a support representative.' ) );
} else {
$( this.el ).find( '.warning-message' ).hide();
}
this.initPermission();
this.render();
if ( this.sub_view_mode ) {
this.buildContextMenu( true );
} else {
this.buildContextMenu();
}
//call init data in parent view
if ( !this.sub_view_mode ) {
this.initData();
}
}
setGridSize() {
// if ( ( !this.grid || !this.grid.grid.is( ':visible' ) ) ) {
// return;
// }
//this.grid.grid.setGridWidth( $( this.el ).parent().width() - 2 );
var message_offset = ( $( this.el ).find( '.warning-message' ).outerHeight() * 2 ) + 27;
this.grid.grid.setGridHeight( $( this.el ).parents( '#tab_user_date_total_parent' ).height() - message_offset );
}
setGridCellBackGround() {
var data = this.grid.getGridParam( 'data' );
//Error: TypeError: data is undefined in /interface/html5/framework/jquery.min.js?v=7.4.6-20141027-074127 line 2 > eval line 70
if ( !data ) {
return;
}
var len = data.length;
for ( var i = 0; i < len; i++ ) {
var item = data[i];
if ( item.is_override === true ) {
$( 'tr[id=\'' + item.id + '\']' ).addClass( 'user-data-total-override' );
}
}
}
initOptions() {
var $this = this;
this.initDropDownOption( 'object_type' );
}
getCustomContextMenuModel() {
var context_menu_model = {
exclude: ['copy', 'export_excel'],
include: ['default']
};
return context_menu_model;
}
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;
switch ( key ) {
case 'object_type_id':
this.onTypeChange( true );
break;
case 'regular_policy_id':
case 'absence_policy_id':
case 'overtime_policy_id':
case 'premium_policy_id':
case 'break_policy_id':
case 'meal_policy_id':
this.current_edit_record.src_object_id = c_value;
delete this.current_edit_record[key];
this.onSrcObjectChange( key );
break;
case 'total_time':
if ( this.current_edit_record.total_time == 0 ) {
this.edit_view_ui_dic.start_time_stamp.setValue( '' );
this.edit_view_ui_dic.end_time_stamp.setValue( '' );
this.current_edit_record.start_time_stamp = '';
this.current_edit_record.end_time_stamp = '';
//Trigger onChange event for above fields, so in mass edit they are marked as changed.
this.edit_view_form_item_dic.start_time_stamp.find( 'input' ).trigger( 'change', '' );
this.edit_view_form_item_dic.end_time_stamp.find( 'input' ).trigger( 'change', '' );
}
this.calculateAmount();
break;
case 'hourly_rate':
this.calculateAmount();
break;
case 'job_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
this.edit_view_ui_dic['job_quick_search'].setValue( target.getValue( true ) ? ( target.getValue( true ).manual_id ? target.getValue( true ).manual_id : '' ) : '' );
this.setJobItemValueWhenJobChanged( target.getValue( true ), 'job_item_id', {
status_id: 10,
job_id: this.current_edit_record.job_id
} );
this.edit_view_ui_dic['job_quick_search'].setCheckBox( true );
this.setPunchTagValuesWhenCriteriaChanged( this.getPunchTagFilterData(), 'punch_tag_id' );
}
break;
case 'job_item_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
this.edit_view_ui_dic['job_item_quick_search'].setValue( target.getValue( true ) ? ( target.getValue( true ).manual_id ? target.getValue( true ).manual_id : '' ) : '' );
this.edit_view_ui_dic['job_item_quick_search'].setCheckBox( true );
this.setPunchTagValuesWhenCriteriaChanged( this.getPunchTagFilterData(), 'punch_tag_id' );
}
break;
case 'punch_tag_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
if ( c_value !== TTUUID.zero_id && c_value !== false && c_value.length > 0 ) {
this.setPunchTagQuickSearchManualIds( target.getSelectItems() );
} else {
this.edit_view_ui_dic['punch_tag_quick_search'].setValue( '' );
}
$this.previous_punch_tag_selection = c_value;
//Reset source data to make sure correct punch tags are always shown.
this.edit_view_ui_dic['punch_tag_id'].setSourceData( null );
}
break;
case 'user_id':
case 'branch_id':
case 'department_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
this.setPunchTagValuesWhenCriteriaChanged( this.getPunchTagFilterData(), 'punch_tag_id' );
this.setJobValueWhenCriteriaChanged( 'job_id', {
status_id: 10,
user_id: this.current_edit_record.user_id,
punch_branch_id: this.current_edit_record.branch_id,
punch_department_id: this.current_edit_record.department_id
} );
}
break;
case 'job_quick_search':
case 'job_item_quick_search':
if ( ( Global.getProductEdition() >= 20 ) ) {
this.onJobQuickSearch( key, c_value );
TTPromise.wait( 'BaseViewController', 'onJobQuickSearch', function() {
$this.setPunchTagValuesWhenCriteriaChanged( $this.getPunchTagFilterData(), 'punch_tag_id' );
} );
//Don't validate immediately as onJobQuickSearch is doing async API calls, and it would cause a guaranteed validation failure.
doNotValidate = true;
}
break;
case 'punch_tag_quick_search':
if ( ( Global.getProductEdition() >= 20 ) ) {
this.onPunchTagQuickSearch( c_value, this.getPunchTagFilterData(), 'punch_tag_id' );
//Don't validate immediately as onPunchTagQuickSearch is doing async API calls, and it would cause a guaranteed validation failure.
doNotValidate = true;
}
break;
}
if ( key !== 'override' ) {
this.edit_view_ui_dic.override.setValue( true );
this.current_edit_record.override = true;
this.edit_view_form_item_dic.override.find( 'input' ).trigger( 'change', '1' ); //Trigger onChange event for above fields, so in mass edit they are marked as changed.
}
if ( !doNotValidate ) {
this.validate();
}
}
calculateAmount() {
this.current_edit_record.total_time_amount = ( this.current_edit_record.total_time / 3600 ) * parseFloat( this.current_edit_record.hourly_rate );
this.edit_view_ui_dic.total_time_amount.setValue( this.current_edit_record.total_time_amount.toFixed( 4 ) );
}
onAddClick() {
var $this = this;
this.setCurrentEditViewState( 'new' );
$this.openEditView();
//Error: Uncaught TypeError: undefined is not a function in /interface/html5/views/BaseViewController.js?v=8.0.0-20141117-111140 line 897
if ( $this.api ) {
$this.api['get' + $this.api.key_name + 'DefaultData'](
this.parent_edit_record.user_id,
this.parent_edit_record.date_stamp, {
onResult: function( result ) {
$this.onAddResult( result );
}
} );
}
}
onAddResult( result ) {
var $this = this;
var result_data = result.getResult();
if ( !result_data ) {
result_data = [];
}
result_data.company = LocalCacheData.current_company.name;
if ( $this.sub_view_mode && $this.parent_key ) {
result_data[$this.parent_key] = $this.parent_value;
}
if ( !result_data.date_stamp ) {
result_data.date_stamp = this.parent_edit_record.date_stamp;
}
$this.current_edit_record = result_data;
$this.initEditView();
}
/* jshint ignore:end */
initPermission() {
super.initPermission();
if ( this.jobUIValidate() ) {
this.show_job_ui = true;
} else {
this.show_job_ui = false;
}
if ( this.jobItemUIValidate() ) {
this.show_job_item_ui = true;
} else {
this.show_job_item_ui = false;
}
if ( this.punchTagUIValidate() ) {
this.show_punch_tag_ui = true;
} else {
this.show_punch_tag_ui = false;
}
if ( this.branchUIValidate() ) {
this.show_branch_ui = true;
} else {
this.show_branch_ui = false;
}
if ( this.departmentUIValidate() ) {
this.show_department_ui = true;
} else {
this.show_department_ui = false;
}
if ( this.goodQuantityUIValidate() ) {
this.show_good_quantity_ui = true;
} else {
this.show_good_quantity_ui = false;
}
if ( this.badQuantityUIValidate() ) {
this.show_bad_quantity_ui = true;
} else {
this.show_bad_quantity_ui = false;
}
if ( this.noteUIValidate() ) {
this.show_note_ui = true;
} else {
this.show_note_ui = false;
}
}
noteUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_note' ) ) {
return true;
}
return false;
}
branchUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_branch' ) ) {
return true;
}
return false;
}
departmentUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_department' ) ) {
return true;
}
return false;
}
jobUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( 'job', 'enabled' ) &&
PermissionManager.validate( p_id, 'edit_job' ) ) {
return true;
}
return false;
}
jobItemUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_job_item' ) ) {
return true;
}
return false;
}
punchTagUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_punch_tag' ) ) {
return true;
}
return false;
}
goodQuantityUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_quantity' ) ) {
return true;
}
return false;
}
badQuantityUIValidate( p_id ) {
if ( !p_id ) {
p_id = 'punch';
}
if ( PermissionManager.validate( p_id, 'edit_quantity' ) &&
PermissionManager.validate( p_id, 'edit_bad_quantity' ) ) {
return true;
}
return false;
}
setCurrency() {
var $this = this;
if ( Global.isSet( this.current_edit_record.user_id ) ) {
var filter = {};
filter.filter_data = { user_id: this.current_edit_record.user_id };
this.currency_api.getCurrency( filter, false, false, {
onResult: function( res ) {
res = res.getResult();
if ( Global.isArray( res ) ) {
$( '.userDateTotal-currency' ).text( res[0].symbol );
$( '.userDateTotal-code' ).text( res[0].iso_code );
} else {
$( '.userDateTotal-currency' ).text( '' );
$( '.userDateTotal-code' ).text( '' );
}
}
} );
}
}
setCurrentEditRecordData() {
var $this = this;
this.setCurrency();
//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];
switch ( key ) {
case 'user_id':
var current_widget = this.edit_view_ui_dic['first_last_name'];
TTAPI.APIUser.getUser( { filter_data: { id: this.current_edit_record[key] } }, {
onResult: function( result ) {
if ( result.isValid() ) {
var user_data = result.getResult()[0];
}
//Error: Unable to get property 'first_name' of undefined or null reference in /interface/html5/ line 511
if ( user_data && user_data.first_name ) {
current_widget.setValue( user_data.first_name + ' ' + user_data.last_name );
} else {
current_widget.setValue( '' );
}
}
} );
break;
case 'job_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
var args = {};
args.filter_data = {
status_id: 10,
user_id: this.current_edit_record.user_id,
punch_branch_id: this.current_edit_record.branch_id,
punch_department_id: this.current_edit_record.department_id
};
widget.setDefaultArgs( args );
widget.setValue( this.current_edit_record[key] );
}
break;
case 'date_stamp':
widget.setEnabled( false );
widget.setValue( this.current_edit_record[key] );
break;
case 'punch_tag_id':
if ( ( Global.getProductEdition() >= 20 ) ) {
widget.setValue( this.current_edit_record[key] );
this.previous_punch_tag_selection = this.current_edit_record[key];
var punch_tag_widget = widget;
TTPromise.wait( null, null, function() {
//Update default args for punch tags AComboBox last as they rely on data from job, job item and related fields.
var args = {};
args.filter_data = $this.getPunchTagFilterData();
punch_tag_widget.setDefaultArgs( args );
} );
}
break;
default:
if ( widget ) {
widget.setValue( this.current_edit_record[key] );
}
break;
}
}
this.collectUIDataToCurrentEditRecord();
this.setEditViewDataDone();
}
setEditViewDataDone() {
var $this = this;
super.setEditViewDataDone();
this.onTypeChange();
}
onTypeChange( reset ) {
this.detachElement( 'regular_policy_id' );
this.detachElement( 'absence_policy_id' );
this.detachElement( 'overtime_policy_id' );
this.detachElement( 'premium_policy_id' );
this.detachElement( 'meal_policy_id' );
this.detachElement( 'break_policy_id' );
var key = '';
if ( this.current_edit_record['object_type_id'] == 20 ) {
key = 'regular_policy_id';
} else if ( this.current_edit_record['object_type_id'] == 25 || this.current_edit_record['object_type_id'] == 50 ) {
key = 'absence_policy_id';
} else if ( this.current_edit_record['object_type_id'] == 30 ) {
key = 'overtime_policy_id';
} else if ( this.current_edit_record['object_type_id'] == 40 ) {
key = 'premium_policy_id';
} else if ( this.current_edit_record['object_type_id'] == 100 || this.current_edit_record['object_type_id'] == 101 ) {
key = 'meal_policy_id';
} else if ( this.current_edit_record['object_type_id'] == 110 || this.current_edit_record['object_type_id'] == 111 ) {
key = 'break_policy_id';
}
if ( key ) {
this.attachElement( key );
if ( reset ) {
this.edit_view_ui_dic[key].setValue( '' );
this.edit_view_ui_dic['pay_code_id'].setValue( '' );
this.current_edit_record.src_object_id = false;
this.current_edit_record.pay_code_id = false;
this.edit_view_ui_dic['pay_code_id'].setEnabled( true );
} else if ( this.current_edit_record.src_object_id ) {
this.edit_view_ui_dic[key].setValue( this.current_edit_record.src_object_id );
this.edit_view_ui_dic['pay_code_id'].setEnabled( false );
}
} else {
this.edit_view_ui_dic['pay_code_id'].setEnabled( true );
this.current_edit_record.src_object_id = false;
}
this.editFieldResize();
}
onSrcObjectChange( key ) {
var full_value = this.edit_view_ui_dic[key].getValue( true );
if ( full_value && full_value.pay_code_id ) {
this.edit_view_ui_dic['pay_code_id'].setEnabled( false );
this.edit_view_ui_dic['pay_code_id'].setValue( full_value.pay_code_id );
this.current_edit_record.pay_code_id = full_value.pay_code_id;
} else {
this.edit_view_ui_dic['pay_code_id'].setEnabled( true );
this.edit_view_ui_dic['pay_code_id'].setValue( '' );
this.current_edit_record.pay_code_id = false;
}
}
search( set_default_menu, page_action, page_number, callBack ) {
this.refresh_id = null;
super.search( set_default_menu, page_action, page_number, callBack );
}
getProperObjectType() {
var array = [];
for ( var i = 0; i < this.object_type_array.length; i++ ) {
var item = this.object_type_array[i];
if ( item.value == 20 ||
item.value == 25 ||
item.value == 30 ||
item.value == 40 ||
item.value == 100 ||
item.value == 110 ) {
array.push( item );
}
}
return array;
}
buildEditViewUI() {
super.buildEditViewUI();
var $this = this;
var tab_model = {
'tab_user_date_total': { 'label': $.i18n._( 'Accumulated Time' ), 'is_multi_column': true },
'tab_audit': true,
};
this.setTabModel( tab_model );
this.navigation.AComboBox( {
api_class: TTAPI.APIUserDateTotal,
id: this.script_name + '_navigation',
allow_multiple_selection: false,
layout_name: 'global_wage',
show_search_inputs: true,
navigation_mode: true
} );
this.setNavigation();
var form_item_input;
var widgetContainer;
//Tab 0 start
var tab_user_date_total = this.edit_view_tab.find( '#tab_user_date_total' );
var tab_user_date_total_column1 = tab_user_date_total.find( '.first-column' );
var tab_user_date_total_column2 = tab_user_date_total.find( '.second-column' );
//Employee
form_item_input = Global.loadWidgetByName( FormItemType.TEXT );
form_item_input.TText( { field: 'first_last_name' } );
this.addEditFieldToColumn( $.i18n._( 'Employee' ), form_item_input, tab_user_date_total_column1, '' );
//Date
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
form_item_input.TDatePicker( { field: 'date_stamp' } );
this.addEditFieldToColumn( $.i18n._( 'Date' ), form_item_input, tab_user_date_total_column1 );
//Time
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
form_item_input.TTextInput( { field: 'total_time', mode: 'time_unit', need_parser_sec: true } );
this.addEditFieldToColumn( $.i18n._( 'Time' ), form_item_input, tab_user_date_total_column1, '', null, true );
//Type
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
form_item_input.TComboBox( { field: 'object_type_id' } );
form_item_input.setSourceData( this.getProperObjectType() );
this.addEditFieldToColumn( $.i18n._( 'Type' ), form_item_input, tab_user_date_total_column1 );
//Regular Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIRegularTimePolicy,
allow_multiple_selection: false,
layout_name: 'global_regular_time',
show_search_inputs: true,
set_empty: true,
field: 'regular_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'regular_policy_id' );
//Absence Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIAbsencePolicy,
allow_multiple_selection: false,
layout_name: 'global_absences',
show_search_inputs: true,
set_empty: true,
field: 'absence_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'absence_policy_id' );
//Overtime Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIOverTimePolicy,
allow_multiple_selection: false,
layout_name: 'global_over_time',
show_search_inputs: true,
set_empty: true,
field: 'overtime_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'overtime_policy_id' );
//Premium Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIPremiumPolicy,
allow_multiple_selection: false,
layout_name: 'global_premium',
show_search_inputs: true,
set_empty: true,
field: 'premium_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'premium_policy_id' );
//Meal Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIMealPolicy,
allow_multiple_selection: false,
layout_name: 'global_meal',
show_search_inputs: true,
set_empty: true,
field: 'meal_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'meal_policy_id' );
//Break Policy
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIBreakPolicy,
allow_multiple_selection: false,
layout_name: 'global_break',
show_search_inputs: true,
set_empty: true,
field: 'break_policy_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Policy' ), form_item_input, tab_user_date_total_column1, null, null, true );
this.detachElement( 'break_policy_id' );
//Pay Code
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIPayCode,
allow_multiple_selection: false,
layout_name: 'global_pay_code',
show_search_inputs: true,
set_empty: true,
field: 'pay_code_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Pay Code' ), form_item_input, tab_user_date_total_column1 );
//Default Branch
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIBranch,
allow_multiple_selection: false,
layout_name: 'global_branch',
show_search_inputs: true,
set_empty: true,
field: 'branch_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Branch' ), form_item_input, tab_user_date_total_column1, '', null, true );
if ( !this.show_branch_ui ) {
this.detachElement( 'branch_id' );
}
//Department
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIDepartment,
allow_multiple_selection: false,
layout_name: 'global_department',
show_search_inputs: true,
set_empty: true,
field: 'department_id'
} );
this.addEditFieldToColumn( $.i18n._( 'Department' ), form_item_input, tab_user_date_total_column1, '', null, true );
if ( !this.show_department_ui ) {
this.detachElement( 'department_id' );
}
if ( ( Global.getProductEdition() >= 20 ) ) {
//Job
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIJob,
allow_multiple_selection: false,
layout_name: 'global_job',
show_search_inputs: true,
set_empty: true,
setRealValueCallBack: ( function( val ) {
if ( val ) {
job_coder.setValue( val.manual_id );
}
} ),
field: 'job_id'
} );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
var job_coder = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
job_coder.TTextInput( { field: 'job_quick_search', disable_keyup_event: true } );
job_coder.addClass( 'job-coder' );
widgetContainer.append( job_coder );
widgetContainer.append( form_item_input );
this.addEditFieldToColumn( $.i18n._( 'Job' ), [form_item_input, job_coder], tab_user_date_total_column1, '', widgetContainer, true );
if ( !this.show_job_ui ) {
this.detachElement( 'job_id' );
}
//Job Item
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIJobItem,
allow_multiple_selection: false,
layout_name: 'global_job_item',
show_search_inputs: true,
set_empty: true,
setRealValueCallBack: ( function( val ) {
if ( val ) {
job_item_coder.setValue( val.manual_id );
}
} ),
field: 'job_item_id'
} );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
var job_item_coder = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
job_item_coder.TTextInput( { field: 'job_item_quick_search', disable_keyup_event: true } );
job_item_coder.addClass( 'job-coder' );
widgetContainer.append( job_item_coder );
widgetContainer.append( form_item_input );
this.addEditFieldToColumn( $.i18n._( 'Task' ), [form_item_input, job_item_coder], tab_user_date_total_column1, '', widgetContainer, true );
if ( !this.show_job_item_ui ) {
this.detachElement( 'job_item_id' );
}
//Punch Tag
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APIPunchTag,
allow_multiple_selection: true,
layout_name: 'global_punch_tag',
show_search_inputs: true,
set_empty: true,
get_real_data_on_multi: true,
setRealValueCallBack: ( ( punch_tags, get_real_data ) => {
if ( punch_tags ) {
this.setPunchTagQuickSearchManualIds( punch_tags, get_real_data );
}
} ),
field: 'punch_tag_id'
} );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
var punch_tag_coder = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
punch_tag_coder.TTextInput( { field: 'punch_tag_quick_search', disable_keyup_event: true } );
punch_tag_coder.addClass( 'job-coder' );
widgetContainer.append( punch_tag_coder );
widgetContainer.append( form_item_input );
this.addEditFieldToColumn( $.i18n._( 'Tags' ), [form_item_input, punch_tag_coder], tab_user_date_total_column1, '', widgetContainer, true );
if ( !this.show_punch_tag_ui ) {
this.detachElement( 'punch_tag_id' );
}
}
//Start Date Time
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
form_item_input.TDatePicker( { field: 'start_time_stamp', mode: 'date_time' } );
this.addEditFieldToColumn( $.i18n._( 'Start Date/Time' ), form_item_input, tab_user_date_total_column2, '', null, true, true );
//End Date Time
form_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );
form_item_input.TDatePicker( { field: 'end_time_stamp', mode: 'date_time' } );
this.addEditFieldToColumn( $.i18n._( 'End Date/Time' ), form_item_input, tab_user_date_total_column2, '', null, true, true );
//Currency
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
form_item_input.AComboBox( {
api_class: TTAPI.APICurrency,
allow_multiple_selection: false,
layout_name: 'global_currency',
show_search_inputs: true,
field: 'currency_id',
set_empty: true
} );
this.addEditFieldToColumn( $.i18n._( 'Currency' ), form_item_input, tab_user_date_total_column2 );
//Base Hourly Rate
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
form_item_input.TTextInput( { field: 'base_hourly_rate', width: 90 } );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
var currency = $( '<span class=\'userDateTotal-currency widget-left-label\'></span>' );
var code = $( '<span class=\'userDateTotal-code widget-right-label\'></span>' );
widgetContainer.append( currency );
widgetContainer.append( form_item_input );
widgetContainer.append( code );
this.addEditFieldToColumn( $.i18n._( 'Base Hourly Rate' ), form_item_input, tab_user_date_total_column2, '', widgetContainer, true );
//Hourly Rate
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
form_item_input.TTextInput( { field: 'hourly_rate', width: 90 } );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
currency = $( '<span class=\'userDateTotal-currency widget-left-label\'></span>' );
code = $( '<span class=\'userDateTotal-code widget-right-label\'></span>' );
widgetContainer.append( currency );
widgetContainer.append( form_item_input );
widgetContainer.append( code );
this.addEditFieldToColumn( $.i18n._( 'Hourly Rate' ), form_item_input, tab_user_date_total_column2, '', widgetContainer, true );
//Total Amount
form_item_input = Global.loadWidgetByName( FormItemType.TEXT );
form_item_input.TText( { field: 'total_time_amount' } );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
currency = $( '<span class=\'userDateTotal-currency widget-left-label\'></span>' );
code = $( '<span class=\'userDateTotal-code widget-right-label\'></span>' );
widgetContainer.append( currency );
widgetContainer.append( form_item_input );
widgetContainer.append( code );
this.addEditFieldToColumn( $.i18n._( 'Total Amount' ), form_item_input, tab_user_date_total_column2, '', widgetContainer, true );
if ( ( Global.getProductEdition() >= 20 ) ) {
//Quanitity
var good = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
good.TTextInput( { field: 'quantity', width: 50 } );
good.addClass( 'quantity-input' );
var good_label = $( '<span class=\'widget-right-label\'>' + $.i18n._( 'Good' ) + ': </span>' );
var bad = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
bad.TTextInput( { field: 'bad_quantity', width: 50 } );
bad.addClass( 'quantity-input' );
var bad_label = $( '<span class=\'widget-right-label\'>/ ' + $.i18n._( 'Bad' ) + ': </span>' );
widgetContainer = $( '<div class=\'widget-h-box\'></div>' );
widgetContainer.append( good_label );
widgetContainer.append( good );
widgetContainer.append( bad_label );
widgetContainer.append( bad );
this.addEditFieldToColumn( $.i18n._( 'Quantity' ), [good, bad], tab_user_date_total_column2, '', widgetContainer, true );
if ( !this.show_bad_quantity_ui && !this.show_good_quantity_ui ) {
this.detachElement( 'quantity' );
} else {
if ( !this.show_bad_quantity_ui ) {
bad_label.hide();
bad.hide();
}
if ( !this.show_good_quantity_ui ) {
good_label.hide();
good.hide();
}
}
}
//Note
form_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );
form_item_input.TTextArea( { field: 'note', width: '100%' } );
this.addEditFieldToColumn( $.i18n._( 'Note' ), form_item_input, tab_user_date_total_column2, '', null, true, true );
form_item_input.parent().width( '45%' );
if ( !this.show_note_ui ) {
this.detachElement( 'note' );
}
//Override
form_item_input = Global.loadWidgetByName( FormItemType.CHECKBOX );
form_item_input.TCheckbox( { field: 'override' } );
this.addEditFieldToColumn( $.i18n._( 'Override' ), form_item_input, tab_user_date_total_column2, '', null, true, true );
}
cleanWhenUnloadView( callBack ) {
$( '#user_date_total_view_container' ).remove();
super.cleanWhenUnloadView( callBack );
}
}
UserDateTotalViewController.loadView = function( container ) {
Global.loadViewSource( 'UserDateTotal', 'UserDateTotalView.html', function( result ) {
var args = {};
var template = _.template( result );
if ( Global.isSet( container ) ) {
container.html( template( args ) );
} else {
Global.contentContainer().html( template( args ) );
}
} );
};
UserDateTotalViewController.loadSubView = function( container, beforeViewLoadedFun, afterViewLoadedFun ) {
Global.loadViewSource( 'UserDateTotal', 'SubUserDateTotalView.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 ) ) {
TTPromise.wait( 'BaseViewController', 'initialize', function() {
afterViewLoadedFun( sub_user_date_total_view_controller );
} );
}
}
} );
};