787 lines
32 KiB
JavaScript
787 lines
32 KiB
JavaScript
|
export class AwesomeboxTestViewController extends BaseViewController {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
el: '#awesomebox_test_view_container',
|
||
|
|
|
||
|
|
// _required_files: ['TImage', 'TImageAdvBrowser'],
|
||
|
|
|
||
|
|
user_api: null,
|
||
|
|
user_group_api: null,
|
||
|
|
company_api: null,
|
||
|
|
user_id_array: null
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
init( options ) {
|
||
|
|
this.edit_view_tpl = 'AwesomeboxTestEditView.html';
|
||
|
|
this.permission_id = 'user';
|
||
|
|
this.viewId = 'AwesomeboxTest';
|
||
|
|
this.script_name = 'AwesomeboxTestView';
|
||
|
|
this.table_name_key = 'awesomebox_test';
|
||
|
|
this.context_menu_name = $.i18n._( 'AwesomeBox Test' );
|
||
|
|
this.navigation_label = $.i18n._( 'AwesomBox Test' );
|
||
|
|
this.api = TTAPI.APIUser;
|
||
|
|
this.select_company_id = LocalCacheData.getCurrentCompany().id;
|
||
|
|
this.user_group_api = TTAPI.APIUserGroup;
|
||
|
|
this.company_api = TTAPI.APICompany;
|
||
|
|
this.user_id_array = [];
|
||
|
|
|
||
|
|
this.render();
|
||
|
|
this.buildContextMenu();
|
||
|
|
this.initData();
|
||
|
|
}
|
||
|
|
|
||
|
|
setCurrentEditRecordData() {
|
||
|
|
this.collectUIDataToCurrentEditRecord();
|
||
|
|
this.setEditViewDataDone();
|
||
|
|
}
|
||
|
|
|
||
|
|
clearEditViewData() {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
buildEditViewUI() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
if( ContextMenuManager.getMenu( this.determineContextMenuMountAttributes().id ) === undefined ) {
|
||
|
|
this.buildContextMenu();
|
||
|
|
} else {
|
||
|
|
Debug.Warn( 'Context Menu ('+ this.determineContextMenuMountAttributes().id +') already exists for: '+ this.viewId, 'AwesomeBoxTestView.js', 'AwesomeBoxTestView', 'buildEditViewUI', 10 );
|
||
|
|
}
|
||
|
|
|
||
|
|
var tab_model = {
|
||
|
|
'tab_employee': { 'label': $.i18n._( 'AWESOMEBOX TESTING VIEW' ) },
|
||
|
|
};
|
||
|
|
this.setTabModel( tab_model );
|
||
|
|
|
||
|
|
//Tab 0 start
|
||
|
|
|
||
|
|
var tab_employee = this.edit_view_tab.find( '#tab_employee' );
|
||
|
|
|
||
|
|
var tab_employee_column1 = tab_employee.find( '.first-column' );
|
||
|
|
|
||
|
|
this.edit_view_tabs[0] = [];
|
||
|
|
this.edit_view_tabs[0].push( tab_employee_column1 );
|
||
|
|
|
||
|
|
// User
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_DROPDOWN );
|
||
|
|
form_item_input.ADropDown( {
|
||
|
|
//api_class: TTAPI.APIUser,
|
||
|
|
field: 'user_id',
|
||
|
|
display_show_all: false,
|
||
|
|
id: 'user_id_dropdown',
|
||
|
|
key: 'id',
|
||
|
|
allow_drag_to_order: false,
|
||
|
|
display_close_btn: false,
|
||
|
|
auto_sort: true,
|
||
|
|
display_column_settings: false,
|
||
|
|
default_height: 100
|
||
|
|
} );
|
||
|
|
|
||
|
|
// form_item_input.setSourceData( $this.user_id_array );
|
||
|
|
form_item_input.addClass( 'splayed-adropdown' );
|
||
|
|
var display_columns = ALayoutCache.getDefaultColumn( 'global_user' ); //Get Default columns base on different layout name
|
||
|
|
display_columns = Global.convertColumnsTojGridFormat( display_columns, 'global_user' ); //Convert to jQgrid format
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'User' ), form_item_input, tab_employee_column1 );
|
||
|
|
form_item_input.setColumns( display_columns );
|
||
|
|
form_item_input.setUnselectedGridData( this.user_id_array );
|
||
|
|
form_item_input.setGridColumnsWidths();
|
||
|
|
form_item_input.setHeight( 150 );
|
||
|
|
|
||
|
|
//Company
|
||
|
|
var 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_id2'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'User ( Big Multi-select)' ), form_item_input, tab_employee_column1 );
|
||
|
|
form_item_input.setEnabled( false );
|
||
|
|
|
||
|
|
//Company
|
||
|
|
var form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APICompany,
|
||
|
|
allow_multiple_selection: true,
|
||
|
|
layout_name: 'global_company',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'company_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Company' ), form_item_input, tab_employee_column1 );
|
||
|
|
form_item_input.setEnabled( false );
|
||
|
|
|
||
|
|
//Legal Entity
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
api_class: TTAPI.APILegalEntity,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_legal_entity',
|
||
|
|
show_search_inputs: true,
|
||
|
|
set_empty: true,
|
||
|
|
field: 'legal_entity_id'
|
||
|
|
} );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Legal Entity' ), form_item_input, tab_employee_column1 );
|
||
|
|
|
||
|
|
//Group
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
tree_mode: true,
|
||
|
|
allow_multiple_selection: false,
|
||
|
|
layout_name: 'global_tree_column',
|
||
|
|
set_empty: true,
|
||
|
|
field: 'group_id'
|
||
|
|
} );
|
||
|
|
form_item_input.setSourceData( $this.user_group_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Group' ), form_item_input, tab_employee_column1 );
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );
|
||
|
|
|
||
|
|
form_item_input.AComboBox( {
|
||
|
|
tree_mode: true,
|
||
|
|
allow_multiple_selection: true,
|
||
|
|
layout_name: 'global_tree_column',
|
||
|
|
set_empty: true,
|
||
|
|
field: 'group_id2'
|
||
|
|
} );
|
||
|
|
form_item_input.setSourceData( $this.user_group_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Group (Multi)' ), form_item_input, tab_employee_column1 );
|
||
|
|
|
||
|
|
//Status
|
||
|
|
|
||
|
|
form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );
|
||
|
|
form_item_input.TComboBox( { field: 'status_id' } );
|
||
|
|
form_item_input.setSourceData( $this.status_array );
|
||
|
|
this.addEditFieldToColumn( $.i18n._( 'Status' ), form_item_input, tab_employee_column1 );
|
||
|
|
|
||
|
|
TTPromise.resolve( 'Awesomeboxtest', 'init' );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildSearchFields() {
|
||
|
|
|
||
|
|
super.buildSearchFields();
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
this.search_fields = [
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Company' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'company_id',
|
||
|
|
layout_name: 'global_company',
|
||
|
|
api_class: TTAPI.APICompany,
|
||
|
|
multiple: false,
|
||
|
|
custom_first_label: Global.default_item,
|
||
|
|
basic_search: PermissionManager.checkTopLevelPermission( 'Companies' ) ? true : false,
|
||
|
|
adv_search: PermissionManager.checkTopLevelPermission( 'Companies' ) ? true : false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Legal Entity' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'legal_entity_id',
|
||
|
|
layout_name: 'global_legal_entity',
|
||
|
|
api_class: TTAPI.APILegalEntity,
|
||
|
|
multiple: true,
|
||
|
|
custom_first_label: Global.any_item,
|
||
|
|
basic_search: PermissionManager.checkTopLevelPermission( 'LegalEntity' ) ? true : false,
|
||
|
|
adv_search: PermissionManager.checkTopLevelPermission( 'LegalEntity' ) ? true : false,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Status' ),
|
||
|
|
in_column: 1,
|
||
|
|
field: 'status_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: true,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Gender' ),
|
||
|
|
in_column: 2,
|
||
|
|
field: 'sex_id',
|
||
|
|
multiple: true,
|
||
|
|
basic_search: false,
|
||
|
|
adv_search: true,
|
||
|
|
layout_name: 'global_option_column',
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} ),
|
||
|
|
new SearchField( {
|
||
|
|
label: $.i18n._( 'Group' ),
|
||
|
|
in_column: 2,
|
||
|
|
multiple: true,
|
||
|
|
field: 'group_id',
|
||
|
|
layout_name: 'global_tree_column',
|
||
|
|
tree_mode: true,
|
||
|
|
basic_search: true,
|
||
|
|
adv_search: true,
|
||
|
|
form_item_type: FormItemType.AWESOME_BOX
|
||
|
|
} )
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
getCustomContextMenuModel() {
|
||
|
|
var context_menu_model = {
|
||
|
|
exclude: ['default'],
|
||
|
|
include: [
|
||
|
|
'view',
|
||
|
|
'edit',
|
||
|
|
'cancel'
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
return context_menu_model;
|
||
|
|
}
|
||
|
|
|
||
|
|
initOptions( callBack ) {
|
||
|
|
|
||
|
|
var options = [
|
||
|
|
{ option_name: 'status' },
|
||
|
|
{ option_name: 'company_id' }
|
||
|
|
];
|
||
|
|
|
||
|
|
this.initDropDownOptions( options, function( result ) {
|
||
|
|
|
||
|
|
if ( callBack ) {
|
||
|
|
callBack( result ); // First to initialize drop down options, and then to initialize edit view UI.
|
||
|
|
}
|
||
|
|
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
initDropDownOptions( options, callBack ) {
|
||
|
|
var $this = this;
|
||
|
|
var len = options.length + 2;
|
||
|
|
var complete_count = 0;
|
||
|
|
var option_result = [];
|
||
|
|
|
||
|
|
var res = '[{"id":"00000000-0000-0000-0000-000000000000","name":"Root","level":0,"children":[{"id":"11e85213-a778-6410-bee1-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"00000000-0000-0000-0000-000000000000","name":"Corporate","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":1,"children":[{"id":"11e85213-a779-fa20-835f-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a778-6410-bee1-123456abcdef","name":"Executives","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a778-6410-bee1-123456abcdef","isLeaf":true},{"id":"11e85213-a77a-39c0-9bc2-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a778-6410-bee1-123456abcdef","name":"Human Resources","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a778-6410-bee1-123456abcdef","isLeaf":true}],"expanded":true,"loaded":true,"parent":"00000000-0000-0000-0000-000000000000"},{"id":"11e85213-a77a-7810-a67f-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"00000000-0000-0000-0000-000000000000","name":"Hourly (Non-Exempt)","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":1,"children":[{"id":"11e85213-a77a-bb40-b83e-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a77a-7810-a67f-123456abcdef","name":"Salary (Exempt)","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a77a-7810-a67f-123456abcdef","isLeaf":true}],"expanded":true,"loaded":true,"parent":"00000000-0000-0000-0000-000000000000"}],"expanded":true,"loaded":true},{"id":"11e85213-a778-6410-bee1-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"00000000-0000-0000-0000-000000000000","name":"Corporate","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":1,"children":[{"id":"11e85213-a779-fa20-835f-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a778-6410-bee1-123456abcdef","name":"Executives","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a778-6410-bee1-123456abcdef","isLeaf":true},{"id":"11e85213-a77a-39c0-9bc2-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a778-6410-bee1-123456abcdef","name":"Human Resources","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a778-6410-bee1-123456abcdef","isLeaf":true}],"expanded":true,"loaded":true,"parent":"00000000-0000-0000-0000-000000000000"},{"id":"11e85213-a779-fa20-835f-123456abcdef","company_id":"11e85213-a6b2-93b0-a2cd-123456abcdef","parent_id":"11e85213-a778-6410-bee1-123456abcdef","name":"Executives","deleted":false,"created_by_id":false,"created_by":false,"created_date":"07-May-18 9:28 AM","updated_by_id":false,"updated_by":false,"updated_date":"07-May-18 9:28 AM","level":2,"expanded":true,"loaded":true,"parent":"11e85213-a778-6410-bee1-123456abcdef","isLeaf":true
|
||
|
|
res = JSON.parse( res );
|
||
|
|
if ( !$this.edit_only_mode ) {
|
||
|
|
if ( !$this.sub_view_mode && $this.basic_search_field_ui_dic['group_id'] ) {
|
||
|
|
$this.basic_search_field_ui_dic['group_id'].setSourceData( res );
|
||
|
|
$this.adv_search_field_ui_dic['group_id'].setSourceData( res );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$this.user_group_array = res;
|
||
|
|
|
||
|
|
complete_count = complete_count + 1;
|
||
|
|
|
||
|
|
if ( complete_count === len ) {
|
||
|
|
|
||
|
|
callBack( option_result );
|
||
|
|
}
|
||
|
|
|
||
|
|
for ( var i = 0; i < len - 2; i++ ) {
|
||
|
|
var option_info = options[i];
|
||
|
|
this.initDropDownOption( option_info.option_name, option_info.field_name, option_info.api, onGetOptionResult );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function onGetOptionResult( result ) {
|
||
|
|
|
||
|
|
option_result.push( result );
|
||
|
|
|
||
|
|
complete_count = complete_count + 1;
|
||
|
|
|
||
|
|
if ( complete_count === len ) {
|
||
|
|
|
||
|
|
callBack( option_result );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//override that forces same data to grid at all times.
|
||
|
|
search() {
|
||
|
|
var result_data = JSON.parse( '[{"id":"11e85213-a799-d200-b041-123456abcdef","status":"Active","employee_number":100,"first_name":"Mr.","last_name":"FAKE","full_name":"Administrator, Mr.","home_phone":"471-438-3900","is_owner":true,"is_child":false},' +
|
||
|
|
'{"id":"11e85213-ad34-e0e0-8541-123456abcdef","status":"Active","employee_number":13,"first_name":"Tristen","last_name":"Braun","full_name":"FAKE Braun, Tristen","home_phone":"527-500-4852","is_owner":false,"is_child":true},' +
|
||
|
|
'{"id":"11e85213-af64-d0e0-9b00-123456abcdef","status":"Active","employee_number":20,"first_name":"Jane","last_name":"Doe","full_name":"FAKE Doe, Jane","home_phone":"477-443-9650","is_owner":false,"is_child":true},' +
|
||
|
|
'{"id":"11e85213-ac44-1830-9908-123456abcdef","status":"Active","employee_number":10,"first_name":"John","last_name":"Doe","full_name":"FAKE Doe, John","home_phone":"464-547-9452","is_owner":false,"is_child":true}]' );
|
||
|
|
this.user_id_array = result_data;
|
||
|
|
result_data = this.processResultData( result_data );
|
||
|
|
this.grid.setData( result_data );
|
||
|
|
this.grid.setGridColumnsWidth();
|
||
|
|
this.current_edit_record = result_data[0];
|
||
|
|
this.setCurrentEditViewState( 'edit' );
|
||
|
|
|
||
|
|
TTPromise.add( 'Awesomeboxtest', 'init' );
|
||
|
|
var $this = this;
|
||
|
|
TTPromise.wait( 'Awesomeboxtest', 'init', function() {
|
||
|
|
$this.initEditView();
|
||
|
|
} );
|
||
|
|
|
||
|
|
this.initEditViewUI( this.viewId, this.edit_view_tpl );
|
||
|
|
}
|
||
|
|
|
||
|
|
setEditViewDataDone() {
|
||
|
|
var $this = this;
|
||
|
|
setTimeout( function() {
|
||
|
|
TAlertManager.showConfirmAlert( $.i18n._( 'Run tests?' ), null, function( result ) {
|
||
|
|
if ( result == true ) {
|
||
|
|
$this.runTests();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
$this.setTabOVisibility( true );
|
||
|
|
$( '.edit-view-tab-bar' ).css( 'opacity', 1 );
|
||
|
|
}, 2500 );
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* in the testing code are a lot of null null waits to ensure that all awesomeboxes are ready for next step in test
|
||
|
|
*/
|
||
|
|
runTests() {
|
||
|
|
if ( $( '#qunit_script' ).length == 0 ) {
|
||
|
|
$( '<script id=\'qunit_script\' src=\'framework/qunit/qunit.js\'></script>' ).appendTo( 'head' );
|
||
|
|
$( '<link rel=\'stylesheet\' type=\'text/css\' href=\'framework/qunit/qunit.css\'>' ).appendTo( 'head' );
|
||
|
|
}
|
||
|
|
;
|
||
|
|
|
||
|
|
QUnit.config.autostart = false;
|
||
|
|
$( '#qunit_container' ).css( 'width', '100%' );
|
||
|
|
$( '#qunit_container' ).css( 'height', 'auto' );
|
||
|
|
$( '#qunit_container' ).css( 'overflow-y', 'scroll' );
|
||
|
|
$( '#qunit_container' ).css( 'top', '0px' );
|
||
|
|
$( '#qunit_container' ).css( 'left', '0px' );
|
||
|
|
$( '#qunit_container' ).css( 'z-index', '100' );
|
||
|
|
$( '#qunit_container' ).css( 'background', '#fff' );
|
||
|
|
$( '#qunit_container' ).show();
|
||
|
|
|
||
|
|
$( '#tt_debug_console' ).remove();
|
||
|
|
if ( !window.qunit_initiated ) {
|
||
|
|
window.qunit_initiated = true;
|
||
|
|
//QUnit.start(); //This causes a JavaScript exception, but does not seem to be required. Test ran without it.
|
||
|
|
}
|
||
|
|
|
||
|
|
// QUnit.module('QUnit Sanity');
|
||
|
|
// QUnit.test("QUnit test", function (assert) {
|
||
|
|
// assert.ok(1 == "1", "QUnit is loaded and sane!");
|
||
|
|
// });
|
||
|
|
|
||
|
|
//select an item by clicking a td in the last row
|
||
|
|
var $this = this;
|
||
|
|
QUnit.module( 'AwesomeBox' );
|
||
|
|
QUnit.test( 'Awesomebox tests', function( assert ) {
|
||
|
|
var done_awesomebox_tests = assert.async();
|
||
|
|
|
||
|
|
Debug.Text( 'A: Test Splayed Awesomebox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkOpenAwesomeBox( $this.edit_view_ui_dic['user_id'], assert, function() {
|
||
|
|
Debug.Text( 'B: Test MultiSelect AwesomeBox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkMultiSelectAwesomeBox( assert, function() {
|
||
|
|
Debug.Text( 'C: Test regular AwesomeBox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkAwesomeBox( assert, function() {
|
||
|
|
Debug.Text( 'D: Test tree_mode AwesomeBox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkTreeBox( assert, function() {
|
||
|
|
Debug.Text( 'E: Test tree_mode MultiSelect AwesomeBox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkMultiTreeAwesomeBox( assert, function() {
|
||
|
|
Debug.Text( 'F: Test searching in AwesomeBox', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkClearSearch( $this.edit_view_ui_dic['user_id2'], assert, function() {
|
||
|
|
Debug.Text( 'G: Wonky move all scenario', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
$this.checkMoveAllScenario( $this.edit_view_ui_dic['user_id2'], assert, function() {
|
||
|
|
setTimeout( function() {
|
||
|
|
Debug.Text( 'Z: Testing Complete', 'AwesomeboxTestViewController.js', 'AwesomeboxTestViewController', 'runTests', 11 );
|
||
|
|
done_awesomebox_tests();
|
||
|
|
}, 1000 );
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkMultiTreeAwesomeBox( assert, callback ) {
|
||
|
|
var awesomebox = this.edit_view_ui_dic['group_id2'];
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
var visible_awesomebox = $( '#group_id2a_dropdown_div' );
|
||
|
|
var $this = this;
|
||
|
|
TTPromise.wait( 'AComboBox', 'init', function() {
|
||
|
|
visible_awesomebox.find( '.unselect-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '.a-grid-right-arrow' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '#select_grid_close_btn' ).trigger( 'click' );
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
|
||
|
|
assert.ok( ( TTUUID.isUUID( val ) && val != TTUUID.zero_id ), 'Multi tree - selection valid' );
|
||
|
|
|
||
|
|
setTimeout( function() {
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
setTimeout( function() {
|
||
|
|
|
||
|
|
var visible_awesomebox = $( '#group_id2a_dropdown_div' );
|
||
|
|
visible_awesomebox.find( '.select-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '.a-grid-left-arrow' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '#select_grid_close_btn' ).trigger( 'click' );
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
|
||
|
|
assert.ok( ( val == TTUUID.zero_id ), 'Multi tree - unselection valid' );
|
||
|
|
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
//this check fails when it should not as the border makes it look fine
|
||
|
|
//$this.checkGridWidths( visible_awesomebox, assert );
|
||
|
|
visible_awesomebox.find( '#select_grid_close_btn' ).trigger( 'click' );
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
}, 1000 );
|
||
|
|
}, 1000 );
|
||
|
|
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkTreeBox( assert, callback ) {
|
||
|
|
var awesomebox = this.edit_view_ui_dic['group_id'];
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
assert.ok( ( val == TTUUID.zero_id ), 'tree - unselection valid' );
|
||
|
|
var $this = this;
|
||
|
|
setTimeout( function() {
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
$this.checkGridWidths( $( '#group_ida_dropdown_div' ), assert );
|
||
|
|
$( '#group_ida_dropdown_div .unselect-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
setTimeout( function() {
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
awesomebox.setValue( null );
|
||
|
|
|
||
|
|
assert.ok( ( TTUUID.isUUID( val ) && val != TTUUID.zero_id ), 'tree - selection valid' );
|
||
|
|
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
}, 1000 );
|
||
|
|
|
||
|
|
} );
|
||
|
|
}, 1000 );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkAwesomeBox( assert, callback ) {
|
||
|
|
var awesomebox = this.edit_view_ui_dic['legal_entity_id'];
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
|
||
|
|
assert.ok( ( val == TTUUID.zero_id ), 'regular - unselection valid' );
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
setTimeout( function() {
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
$this.checkGridWidths( $( '#legal_entity_idADropDown' ), assert );
|
||
|
|
$( '#legal_entity_idADropDown .unselect-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
setTimeout( function() {
|
||
|
|
val = awesomebox.getValue();
|
||
|
|
awesomebox.setValue( null );
|
||
|
|
assert.ok( ( TTUUID.isUUID( val ) && val != TTUUID.zero_id ), 'regular - selection valid' );
|
||
|
|
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
}, 1000 );
|
||
|
|
|
||
|
|
} );
|
||
|
|
}, 1000 );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkMultiSelectAwesomeBox( assert, callback ) {
|
||
|
|
var awesomebox = this.edit_view_ui_dic['company_id'];
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
var visible_awesomebox = $( '#company_ida_dropdown_div' );
|
||
|
|
var $this = this;
|
||
|
|
TTPromise.wait( 'AComboBox', 'init', function() {
|
||
|
|
visible_awesomebox.find( '.unselect-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '.a-grid-right-arrow' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '#select_grid_close_btn' ).trigger( 'click' );
|
||
|
|
var val = awesomebox.getValue();
|
||
|
|
|
||
|
|
assert.ok( ( TTUUID.isUUID( val ) && val != TTUUID.zero_id ), 'multiselect - selection valid' );
|
||
|
|
|
||
|
|
setTimeout( function() {
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
TTPromise.wait( 'AComboBox', 'init', function() {
|
||
|
|
|
||
|
|
var visible_awesomebox = $( '#company_ida_dropdown_div' );
|
||
|
|
visible_awesomebox.find( '.select-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
visible_awesomebox.find( '.a-grid-left-arrow' ).trigger( 'click' );
|
||
|
|
$this.checkGridWidths( visible_awesomebox, assert );
|
||
|
|
visible_awesomebox.find( '#select_grid_close_btn' ).trigger( 'click' );
|
||
|
|
val = awesomebox.getValue();
|
||
|
|
awesomebox.trigger( 'click' );
|
||
|
|
|
||
|
|
assert.ok( ( val == TTUUID.zero_id ), 'multiselect - unselection valid' );
|
||
|
|
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
}, 2000 );
|
||
|
|
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkOpenAwesomeBox( box, assert, callback ) {
|
||
|
|
var selected_id = box.find( '.unselect-grid-div tbody tr:last' ).attr( 'id' );
|
||
|
|
box.find( '.unselect-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
box.find( '.a-grid-right-arrow' ).trigger( 'click' );
|
||
|
|
var val = box.getValue();
|
||
|
|
|
||
|
|
assert.ok( ( TTUUID.isUUID( val[0].id ) && val[0].id == selected_id ), 'splayed - selection valid' );
|
||
|
|
|
||
|
|
var $this = this;
|
||
|
|
TTPromise.wait( 'AComboBox', 'init', function() {
|
||
|
|
box.find( '.select-grid-div tbody tr:last td:last' ).trigger( 'click' );
|
||
|
|
box.find( '.a-grid-left-arrow' ).trigger( 'click' );
|
||
|
|
|
||
|
|
assert.ok( ( val.length === 0 ), 'splayed - unselection valid' );
|
||
|
|
|
||
|
|
$this.checkGridWidths( box, assert );
|
||
|
|
|
||
|
|
if ( callback ) {
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
callback();
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
checkGridWidths( box, assert ) {
|
||
|
|
|
||
|
|
var unselect_grid_container_width = box.find( '.unselect-grid-border-div' ).width();
|
||
|
|
var unselect_grid_width = box.find( '.ui-jqgrid' ).width();
|
||
|
|
var unselect_grid_diff = unselect_grid_container_width - unselect_grid_width;
|
||
|
|
|
||
|
|
assert.ok( ( unselect_grid_diff <= 2 ), 'unselect grid width diff <= 2: ' + unselect_grid_diff );
|
||
|
|
|
||
|
|
if ( box.find( '.select-grid-border-div' ).is( ':visible' ) > 0 ) {
|
||
|
|
var select_grid_container_width = box.find( '.select-grid-border-div' ).width();
|
||
|
|
var select_grid_width = box.find( '.ui-jqgrid' ).width();
|
||
|
|
var select_grid_diff = Math.abs( select_grid_container_width - select_grid_width );
|
||
|
|
|
||
|
|
assert.ok( ( select_grid_diff <= 2 ), 'select grid width diff <= 2: ' + select_grid_diff );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
checkClearSearch( box, assert, callback ) {
|
||
|
|
// open
|
||
|
|
var $this = this;
|
||
|
|
box.trigger( 'click' );
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
var dropdown = $( '#user_id2ADropDown' );
|
||
|
|
var checkboxes = dropdown.find( '.unselect-grid-div .ui-jqgrid input[type="checkbox"]' );
|
||
|
|
|
||
|
|
var expected_ids = [];
|
||
|
|
// select a couple records
|
||
|
|
$( checkboxes[1] ).trigger( 'click' );
|
||
|
|
$( checkboxes[3] ).trigger( 'click' );
|
||
|
|
$( checkboxes[6] ).trigger( 'click' );
|
||
|
|
$( checkboxes[7] ).trigger( 'click' );
|
||
|
|
|
||
|
|
//note selected ids
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[1] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[3] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[6] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[7] ) ) );
|
||
|
|
|
||
|
|
// click move button
|
||
|
|
dropdown.find( '.a-grid-right-arrow' ).trigger( 'click' );
|
||
|
|
|
||
|
|
// check that visible values contain expected ids
|
||
|
|
assert.ok( expectedInGrid( 'select_grid', dropdown, expected_ids ), 'all expected records are in selected grid' );
|
||
|
|
|
||
|
|
// search to filter
|
||
|
|
var select_grid_text_inputs = dropdown.find( '.select-grid-div input[type="text"].search-input' );
|
||
|
|
|
||
|
|
// set up grid search prerequisites
|
||
|
|
$( select_grid_text_inputs[0] ).trigger( 'focus' );
|
||
|
|
$( select_grid_text_inputs[0] ).val( 'mr' );
|
||
|
|
LocalCacheData.openAwesomeBox.focus_in_select_grid = true;
|
||
|
|
var e = $.Event( "keydown", { keyCode: 77, which: 77 } );
|
||
|
|
LocalCacheData.openAwesomeBox.selectNextItem( e );
|
||
|
|
var e = $.Event( "keydown", { keyCode: 82, which: 82 } );
|
||
|
|
LocalCacheData.openAwesomeBox.selectNextItem( e );
|
||
|
|
// trigger search
|
||
|
|
$( select_grid_text_inputs[0] ).trigger( 'searchEnter', ['mr', 'first_name'] );
|
||
|
|
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
// check that VISIBLE values contain expected ids
|
||
|
|
assert.ok( ( dropdown.find( '.select-grid tr' ).length == 2 ), 'only .sizetr and mr admin shows after filter (only works with demo data)' );
|
||
|
|
|
||
|
|
// move first record back ( note id )
|
||
|
|
var first_row = $( dropdown.find( '.select-grid tr' )[dropdown.find( '.select-grid tr' ).length - 1] );
|
||
|
|
first_row.find( 'input[type="checkbox"]' ).click();
|
||
|
|
var ondblClickRowHandler = dropdown.find( '.select-grid' ).jqGrid( 'getGridParam', 'ondblClickRow' );
|
||
|
|
ondblClickRowHandler.call( dropdown.find( '.select-grid' )[0], first_row.prop( 'id' ) );
|
||
|
|
|
||
|
|
// check that selected values contain expected ids
|
||
|
|
assert.ok( $( dropdown.find( '.select-grid tr' ).length == 1 ), 'removed record is in not in selectgrid' ); //1 because of sizetr
|
||
|
|
assert.ok( expectedInGrid( 'unselect_grid', dropdown, [getRowId( first_row )] ), 'removed record is in unselectgrid' );
|
||
|
|
|
||
|
|
// clear search
|
||
|
|
dropdown.find( '.select-grid-search-div .close-btn' ).trigger( 'click' );
|
||
|
|
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
expected_ids.splice( 0, 1 ); // remove moved record from expected_ids
|
||
|
|
|
||
|
|
// check that selected values contain expected ids
|
||
|
|
assert.ok( ( expected_ids.length == 3 ), 'correct number of expected records' );
|
||
|
|
assert.ok( ( dropdown.find( '.select-grid tr' ).length == 4 ), 'correct number of selected rows' );
|
||
|
|
assert.ok( expectedInGrid( 'select_grid', dropdown, expected_ids ), 'all expected records are in selected grid' );
|
||
|
|
|
||
|
|
dropdown.find( '#select_grid_close_btn' ).click();
|
||
|
|
box.setValue( [] );
|
||
|
|
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
//strip out jqgrid stuff and get row id
|
||
|
|
function getRowId( row ) {
|
||
|
|
if ( !row || !row.prop ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( row.prop( 'id' ).indexOf( '_' ) == -1 ) {
|
||
|
|
return row.prop( 'id' );
|
||
|
|
}
|
||
|
|
|
||
|
|
var id_array = $( row ).prop( 'id' ).split( '_' );
|
||
|
|
return id_array[id_array.length - 1];
|
||
|
|
}
|
||
|
|
|
||
|
|
function expectedInGrid( target_grid_name, dropdown, expected_ids ) {
|
||
|
|
var selected_rows = null;
|
||
|
|
if ( target_grid_name == 'select_grid' ) {
|
||
|
|
selected_rows = dropdown.find( '.select-grid tr' );
|
||
|
|
} else {
|
||
|
|
selected_rows = dropdown.find( '.unselect-grid tr' );
|
||
|
|
}
|
||
|
|
var all_found = true;
|
||
|
|
|
||
|
|
for ( var n = 0; n < expected_ids.length; n++ ) {
|
||
|
|
var is_found = false;
|
||
|
|
for ( var i = 0; i < selected_rows.length; i++ ) {
|
||
|
|
if ( expected_ids[n] == getRowId( $( selected_rows[i] ) ) ) {
|
||
|
|
is_found = true;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if ( !is_found ) {
|
||
|
|
all_found = false;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return all_found;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
checkMoveAllScenario( box, assert, callback ) {
|
||
|
|
// open
|
||
|
|
var $this = this;
|
||
|
|
box.trigger( 'click' );
|
||
|
|
TTPromise.wait( 'AComboBox', 'init', function() {
|
||
|
|
var dropdown = $( '#user_id2ADropDown' );
|
||
|
|
if ( dropdown.length == 0 ) {
|
||
|
|
//wait until combobox is visible ( sometimes takes longer than promise )
|
||
|
|
setTimeout( function() {
|
||
|
|
$this.checkMoveAllScenario( box, assert, callback );
|
||
|
|
}, 1000 );
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var checkboxes = dropdown.find( '.unselect-grid-div .ui-jqgrid input[type="checkbox"]' );
|
||
|
|
|
||
|
|
var expected_ids = [];
|
||
|
|
// select a couple records
|
||
|
|
$( checkboxes[1] ).trigger( 'click' );
|
||
|
|
$( checkboxes[3] ).trigger( 'click' );
|
||
|
|
$( checkboxes[6] ).trigger( 'click' );
|
||
|
|
$( checkboxes[7] ).trigger( 'click' );
|
||
|
|
|
||
|
|
//note selected ids
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[1] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[3] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[6] ) ) );
|
||
|
|
expected_ids.push( getRowId( $( checkboxes[7] ) ) );
|
||
|
|
|
||
|
|
// click move button
|
||
|
|
dropdown.find( '.a-grid-right-arrow' ).trigger( 'click' );
|
||
|
|
|
||
|
|
// check that visible values contain expected ids
|
||
|
|
assert.ok( expectedInGrid( 'select_grid', dropdown, expected_ids ), 'all expected records are in selected grid' );
|
||
|
|
|
||
|
|
//click "move all" button to remove all selected records
|
||
|
|
dropdown.find( '.select-grid-title-bar #clear_btn' ).trigger( 'click' );
|
||
|
|
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
expected_ids = [];
|
||
|
|
|
||
|
|
// check that selected values contain expected ids
|
||
|
|
assert.ok( ( expected_ids.length == 0 ), 'correct number of expected records' );
|
||
|
|
assert.ok( ( dropdown.find( '.select-grid tr' ).length == 1 ), 'correct number of selected rows ( zero )' ); // the 1 is sizetr
|
||
|
|
assert.ok( expectedInGrid( 'select_grid', dropdown, expected_ids ), 'zero records are in selected grid' );
|
||
|
|
|
||
|
|
dropdown.find( '#select_grid_close_btn' ).click();
|
||
|
|
box.setValue( [] );
|
||
|
|
|
||
|
|
if ( callback ) {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
function getRowId( row ) {
|
||
|
|
if ( !row || !row.prop ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( row.prop( 'id' ).indexOf( '_' ) == -1 ) {
|
||
|
|
return row.prop( 'id' );
|
||
|
|
}
|
||
|
|
|
||
|
|
var id_array = $( row ).prop( 'id' ).split( '_' );
|
||
|
|
return id_array[id_array.length - 1];
|
||
|
|
}
|
||
|
|
|
||
|
|
function expectedInGrid( target_grid_name, dropdown, expected_ids ) {
|
||
|
|
var selected_rows = null;
|
||
|
|
if ( target_grid_name == 'select_grid' ) {
|
||
|
|
selected_rows = dropdown.find( '.select-grid tr' );
|
||
|
|
} else {
|
||
|
|
selected_rows = dropdown.find( '.unselect-grid tr' );
|
||
|
|
}
|
||
|
|
var all_found = true;
|
||
|
|
|
||
|
|
for ( var n = 0; n < expected_ids.length; n++ ) {
|
||
|
|
var is_found = false;
|
||
|
|
for ( var i = 0; i < selected_rows.length; i++ ) {
|
||
|
|
if ( expected_ids[n] == getRowId( $( selected_rows[i] ) ) ) {
|
||
|
|
is_found = true;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if ( !is_found ) {
|
||
|
|
all_found = false;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return all_found;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|