293 lines
8.6 KiB
JavaScript
293 lines
8.6 KiB
JavaScript
|
export class RecurringHolidayViewController extends BaseViewController {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
el: '#recurring_holiday_view_container',
|
||
|
|
|
||
|
|
special_day_array: null,
|
||
|
|
type_array: null,
|
||
|
|
day_of_month_array: null,
|
||
|
|
day_of_week_array: null,
|
||
|
|
month_of_year_array: null,
|
||
|
|
|
||
|
|
always_week_day_array: null,
|
||
|
|
week_interval_array: null,
|
||
|
|
pivot_day_direction_array: null,
|
||
|
|
date_api: null
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init( options ) {
|
||
|
|
//this._super('initialize', options );
|
||
|
|
this.edit_view_tpl = 'RecurringHolidayEditView.html';
|
||
|
|
this.permission_id = 'holiday_policy';
|
||
|
|
this.viewId = 'RecurringHoliday';
|
||
|
|
this.script_name = 'RecurringHolidayView';
|
||
|
|
this.table_name_key = 'recurring_holiday';
|
||
|
|
this.context_menu_name = $.i18n._( 'Recurring Holiday' );
|
||
|
|
this.navigation_label = $.i18n._( 'Recurring Holiday' );
|
||
|
|
this.api = TTAPI.APIRecurringHoliday;
|
||
|
|
this.date_api = TTAPI.APITTDate;
|
||
|
|
this.render();
|
||
|
|
this.buildContextMenu();
|
||
|
|
|
||
|
|
this.initData();
|
||
|
|
}
|
||
|
|
|
||
|
|
initOptions() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var options = [
|
||
|
|
{ option_name: 'special_day', field_name: 'special_day', api: this.api },
|
||
|
|
{ option_name: 'week_interval', field_name: 'week_interval', api: this.api },
|
||
|
|
{ option_name: 'type', api: this.api },
|
||
|
|
{ option_name: 'pivot_day_direction', api: this.api },
|
||
|
|
{ option_name: 'always_week_day', field_name: 'always_week_day', api: this.api },
|
||
|
|
];
|
||
|
|
|
||
|
|
this.initDropDownOptions( options );
|
||
|
|
|
||
|
|
this.date_api.getDayOfMonthArray( {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.day_of_month_array = res;
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
this.date_api.getMonthOfYearArray( {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.month_of_year_array = res;
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
this.date_api.getDayOfWeekArray( {
|
||
|
|
onResult: function( res ) {
|
||
|
|
res = res.getResult();
|
||
|
|
$this.day_of_week_array = res;
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildEditViewUI() {
|
||
|
|
|
||
|
|
super.buildEditViewUI();
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
var tab_model = {
|
||
|
|
'tab_recurring_holiday': { 'label': $.i18n._( 'Recurring Holiday' ) },
|
||
|
|
'tab_audit': true,
|
||
|
|
};
|
||
|
|
this.setTabModel( tab_model );
|
||
|
|
|
||
|
|
this.navigation.AComboBox( {
|
||
|
|
api_class: TTAPI.APIRecurringHoliday,
|
||
|
|
id: this.script_name + '_navigation',
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_recurring_holiday',
|
||
|
|
navigation_mode: true,
|
||
|
|
show_search_inputs: true
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.setNavigation();
|
||
|
|
|
||
|
|
//Tab 0 start
|
||
|
|
|
||
|
|
var tab_recurring_holiday = this.edit_view_tab.find( '#tab_recurring_holiday' );
|
||
|
|
|
||
|
|
var tab_recurring_holiday_column1 = tab_recurring_holiday.find( '.first-column' );
|
||
|
|
|
||
|
|
this.edit_view_tabs[0] = [];
|
||
|
|
|
||
|
|
this.edit_view_tabs[0].push( tab_recurring_holiday_column1 );
|
||
|
|
|
||
|
|
//Name
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
|
||
|
|
|
||
|
|
form_item_input.TTextInput( { field: 'name', width: '100%' } );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Name' ), form_item_input, tab_recurring_holiday_column1, '' );
|
||
|
|
|
||
|
|
form_item_input.parent().width( '45%' );
|
||
|
|
|
||
|
|
// Special Day
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'special_day' } );
|
||
|
|
form_item_input.setSourceData( $this.special_day_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Special Day' ), form_item_input, tab_recurring_holiday_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_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Week Interval
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'week_interval' } );
|
||
|
|
form_item_input.setSourceData( $this.week_interval_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Week Interval' ), form_item_input, tab_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Day of the week
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'day_of_week' } );
|
||
|
|
form_item_input.setSourceData( $.extend( {}, $this.day_of_week_array ) );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Day of the week' ), form_item_input, tab_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Pivot Day Direction
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'pivot_day_direction_id' } );
|
||
|
|
form_item_input.setSourceData( $this.pivot_day_direction_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Pivot Day Direction' ), form_item_input, tab_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Day of the Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'day_of_month' } );
|
||
|
|
form_item_input.setSourceData( $this.day_of_month_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Day of the Month' ), form_item_input, tab_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Month
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'month_int' } );
|
||
|
|
form_item_input.setSourceData( $this.month_of_year_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Month' ), form_item_input, tab_recurring_holiday_column1, '', null, true );
|
||
|
|
|
||
|
|
// Always On Week Day
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
|
||
|
|
form_item_input.TComboBox( { field: 'always_week_day_id' } );
|
||
|
|
form_item_input.setSourceData( $this.always_week_day_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Always On Week Day' ), form_item_input, tab_recurring_holiday_column1, '' );
|
||
|
|
}
|
||
|
|
|
||
|
|
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;
|
||
|
|
|
||
|
|
if ( key === 'special_day' ) {
|
||
|
|
this.onSpecialDayChange();
|
||
|
|
}
|
||
|
|
if ( key === 'type_id' ) {
|
||
|
|
this.onTypeChange();
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !doNotValidate ) {
|
||
|
|
this.validate();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewDataDone() {
|
||
|
|
super.setEditViewDataDone();
|
||
|
|
this.onSpecialDayChange();
|
||
|
|
this.onTypeChange();
|
||
|
|
}
|
||
|
|
|
||
|
|
onSpecialDayChange() {
|
||
|
|
|
||
|
|
this.detachElement( 'type_id' );
|
||
|
|
this.detachElement( 'week_interval' );
|
||
|
|
this.detachElement( 'day_of_week' );
|
||
|
|
this.detachElement( 'pivot_day_direction_id' );
|
||
|
|
this.detachElement( 'day_of_month' );
|
||
|
|
this.detachElement( 'month_int' );
|
||
|
|
|
||
|
|
if ( Global.isFalseOrNull( this.current_edit_record['special_day'] ) ) {
|
||
|
|
this.current_edit_record['special_day'] = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( parseInt( this.current_edit_record['special_day'] ) === 0 ) {
|
||
|
|
|
||
|
|
this.attachElement( 'type_id' );
|
||
|
|
this.detachElement( 'week_interval' );
|
||
|
|
this.detachElement( 'day_of_week' );
|
||
|
|
this.detachElement( 'pivot_day_direction_id' );
|
||
|
|
this.attachElement( 'day_of_month' );
|
||
|
|
this.attachElement( 'month_int' );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.editFieldResize();
|
||
|
|
}
|
||
|
|
|
||
|
|
onTypeChange() {
|
||
|
|
|
||
|
|
if ( parseInt( this.current_edit_record['special_day'] ) === 0 ) {
|
||
|
|
|
||
|
|
if ( this.current_edit_record['type_id'] == 10 ) {
|
||
|
|
this.detachElement( 'week_interval' );
|
||
|
|
this.detachElement( 'day_of_week' );
|
||
|
|
this.detachElement( 'pivot_day_direction_id' );
|
||
|
|
this.attachElement( 'day_of_month' );
|
||
|
|
this.attachElement( 'month_int' );
|
||
|
|
|
||
|
|
} else if ( this.current_edit_record['type_id'] == 20 ) {
|
||
|
|
this.attachElement( 'week_interval' );
|
||
|
|
this.attachElement( 'day_of_week' );
|
||
|
|
this.detachElement( 'pivot_day_direction_id' );
|
||
|
|
this.detachElement( 'day_of_month' );
|
||
|
|
this.attachElement( 'month_int' );
|
||
|
|
} else if ( this.current_edit_record['type_id'] == 30 ) {
|
||
|
|
this.detachElement( 'week_interval' );
|
||
|
|
this.attachElement( 'day_of_week' );
|
||
|
|
this.attachElement( 'pivot_day_direction_id' );
|
||
|
|
this.attachElement( 'day_of_month' );
|
||
|
|
this.attachElement( 'month_int' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.editFieldResize();
|
||
|
|
}
|
||
|
|
|
||
|
|
buildSearchFields() {
|
||
|
|
|
||
|
|
super.buildSearchFields();
|
||
|
|
this.search_fields = [
|
||
|
|
|
||
|
|
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._( 'Created By' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'created_by',
|
||
|
|
layout_name: 'global_user',
|
||
|
|
api_class: TTAPI.APIUser,
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: false,
|
||
|
|
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,
|
||
|
|
adv_search: false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} )
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|