1426 lines
45 KiB
JavaScript
1426 lines
45 KiB
JavaScript
|
import { TTBackboneView } from '@/views/TTBackboneView';
|
||
|
|
import { Global } from '@/global/Global';
|
||
|
|
|
||
|
|
export class DashletController extends TTBackboneView {
|
||
|
|
constructor( options = {} ) {
|
||
|
|
_.defaults( options, {
|
||
|
|
data: null,
|
||
|
|
api_dashboard: null,
|
||
|
|
api_user_report: null,
|
||
|
|
user_generic_data_api: null,
|
||
|
|
all_columns: null,
|
||
|
|
grid: null,
|
||
|
|
dashboard_data: null,
|
||
|
|
refresh_timer: null,
|
||
|
|
iframe_data: null,
|
||
|
|
initComplete: false,
|
||
|
|
iframe: null,
|
||
|
|
homeViewController: null,
|
||
|
|
initTimesheetGridComplete: null,
|
||
|
|
accumulated_total_grid_source_map: null,
|
||
|
|
accmulated_order_map: null
|
||
|
|
} );
|
||
|
|
|
||
|
|
super( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
initialize( options ) {
|
||
|
|
super.initialize( options );
|
||
|
|
this.api_dashboard = TTAPI.APIDashboard;
|
||
|
|
this.user_generic_data_api = TTAPI.APIUserGenericData;
|
||
|
|
}
|
||
|
|
|
||
|
|
refreshIfNecessary() {
|
||
|
|
if ( this.data && this.data.data.dashlet_type == 'custom_report' || this.data.data.dashlet_type === 'news' ) {
|
||
|
|
if ( this.iframe_data ) {
|
||
|
|
this.addIframeBack();
|
||
|
|
this.setIframeData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initContent() {
|
||
|
|
var $this = this;
|
||
|
|
this.setTitle();
|
||
|
|
this.initComplete = false;
|
||
|
|
|
||
|
|
if ( Global.isScrolledIntoView( $( $this.el ) ) ) {
|
||
|
|
doInit();
|
||
|
|
}
|
||
|
|
|
||
|
|
//BUG#2070 - Disable resizable for mobile because it negatively impacts usability
|
||
|
|
if ( Global.detectMobileBrowser() == false ) {
|
||
|
|
$( '#' + $( this.el ).attr( 'id' ) ).resizable( {
|
||
|
|
handles: 'all',
|
||
|
|
start: function( e, ui ) {
|
||
|
|
},
|
||
|
|
resize: function( e, ui ) {
|
||
|
|
$this.setGridSize();
|
||
|
|
},
|
||
|
|
stop: function( e, ui ) {
|
||
|
|
$this.addIframeBack();
|
||
|
|
var height = Math.round( ui["element"][0].offsetHeight / 10 ) * 10; //Snap to nearest 10px
|
||
|
|
var width = Math.round( ui["element"][0].offsetWidth / $( '.dashboard-container' ).width() * 100 ); //Snap nearest whole integer
|
||
|
|
|
||
|
|
//We perform math on the width value that we save, because of that we need to set the div to that value too.
|
||
|
|
//This should help prevent differences in width the users see while resizing their dashlets and after refreshing.
|
||
|
|
ui["element"][0].style.height = height + 'px';
|
||
|
|
ui["element"][0].style.width = width + '%';
|
||
|
|
|
||
|
|
$this.saveSize( height, width );
|
||
|
|
|
||
|
|
$this.homeViewController.updateLayout();
|
||
|
|
$this.homeViewController.dashboard_container.masonry( 'reloadItems' );
|
||
|
|
},
|
||
|
|
} );
|
||
|
|
//$( '#' + $( this.el ).attr( 'id' ) ).resizable( 'option', 'handles','all' );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.homeViewController.dashboard_container.parent().scroll( function() {
|
||
|
|
if ( Global.isScrolledIntoView( $( $this.el ) ) && !$this.initComplete ) {
|
||
|
|
doInit();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
function doInit() {
|
||
|
|
if ( $this.data.data.dashlet_type == 'custom_list' ) {
|
||
|
|
$( $this.el ).addClass( 'custom_list' );
|
||
|
|
$this.initCustomViewContent();
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'custom_report' ) {
|
||
|
|
$( $this.el ).addClass( 'custom-report' );
|
||
|
|
$this.initReportContent();
|
||
|
|
//DO NOT call .unbind here, as it breaks resizing dashlets at the very bottom that have to be scrolled into view by overwriting jquery-ui mousedown events
|
||
|
|
$( $this.el ).bind( 'mousedown', function() {
|
||
|
|
$this.removeIframe();
|
||
|
|
} );
|
||
|
|
$( $this.el ).bind( 'mouseup', function() {
|
||
|
|
$this.addIframeBack();
|
||
|
|
} );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'request_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'request-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'request_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'request_authorize_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'request-authorize-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'request_authorize_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'accrual_balance_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'accrual-balance-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'accrual_balance_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'exception_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'exception-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'exception_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'exception_summary_child' ) {
|
||
|
|
$( $this.el ).addClass( 'exception-summary-child' );
|
||
|
|
$this.initDefaultDashletContent( 'exception_summary_child' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'message_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'message-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'message_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'user_active_shift_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'user-active-shift-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'user_active_shift_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'timesheet_verification_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'timesheet-verification-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'timesheet_verification_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'timesheet_verification_summary_child' ) {
|
||
|
|
$( $this.el ).addClass( 'timesheet-verification_summary-child' );
|
||
|
|
$this.initDefaultDashletContent( 'timesheet_verification_summary_child' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'timesheet_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'timesheet-summary' );
|
||
|
|
$this.initTimesheetContent( 'timesheet_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'schedule_summary' ) {
|
||
|
|
$( $this.el ).addClass( 'schedule-summary' );
|
||
|
|
$this.initDefaultDashletContent( 'schedule_summary' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'schedule_summary_child' ) {
|
||
|
|
$( $this.el ).addClass( 'schedule-summary-child' );
|
||
|
|
$this.initDefaultDashletContent( 'schedule_summary_child' );
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'news' ) {
|
||
|
|
$( $this.el ).addClass( 'news' );
|
||
|
|
$this.initNewsContent();
|
||
|
|
$( $this.el ).unbind( 'mousedown' ).bind( 'mousedown', function() {
|
||
|
|
$this.removeIframe();
|
||
|
|
} );
|
||
|
|
$( $this.el ).unbind( 'mouseup' ).bind( 'mouseup', function() {
|
||
|
|
$this.addIframeBack();
|
||
|
|
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
$this.initComplete = true;
|
||
|
|
}//if not android
|
||
|
|
}
|
||
|
|
|
||
|
|
onViewClick() {
|
||
|
|
var target_view = '';
|
||
|
|
var open_reoprt = false;
|
||
|
|
if ( this.data.data.dashlet_type == 'custom_list' ) {
|
||
|
|
target_view = this.data.data.view_name;
|
||
|
|
if ( target_view === 'Request-Authorization' ) {
|
||
|
|
target_view = 'RequestAuthorization';
|
||
|
|
} else if ( target_view === 'PayPeriodTimeSheetVerify' ) {
|
||
|
|
target_view = 'TimeSheetAuthorization';
|
||
|
|
} else if ( target_view === 'UserExpense-Authorization' ) {
|
||
|
|
target_view = 'ExpenseAuthorization';
|
||
|
|
} else if ( target_view === 'User' ) {
|
||
|
|
target_view = 'Employee';
|
||
|
|
} else if ( target_view === 'Transaction' ) {
|
||
|
|
target_view = 'InvoiceTransaction';
|
||
|
|
} else if ( target_view === 'UserWage' ) {
|
||
|
|
target_view = 'Wage';
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
switch ( this.data.data.dashlet_type ) {
|
||
|
|
case 'message_summary':
|
||
|
|
target_view = 'MessageControl';
|
||
|
|
break;
|
||
|
|
case 'exception_summary_child':
|
||
|
|
case 'exception_summary':
|
||
|
|
target_view = 'Exception';
|
||
|
|
break;
|
||
|
|
case 'schedule_summary':
|
||
|
|
case 'schedule_summary_child':
|
||
|
|
target_view = 'Schedule';
|
||
|
|
break;
|
||
|
|
case 'request_summary':
|
||
|
|
target_view = 'Request';
|
||
|
|
break;
|
||
|
|
case 'timesheet_verification_summary':
|
||
|
|
open_reoprt = true;
|
||
|
|
target_view = 'TimesheetSummaryReport';
|
||
|
|
break;
|
||
|
|
case 'timesheet_verification_summary_child':
|
||
|
|
open_reoprt = true;
|
||
|
|
target_view = 'TimesheetSummaryReport';
|
||
|
|
break;
|
||
|
|
case 'timesheet_summary':
|
||
|
|
target_view = 'TimeSheet';
|
||
|
|
break;
|
||
|
|
case 'user_active_shift_summary':
|
||
|
|
open_reoprt = true;
|
||
|
|
target_view = 'ActiveShiftReport';
|
||
|
|
break;
|
||
|
|
case 'request_authorize_summary':
|
||
|
|
target_view = 'RequestAuthorization';
|
||
|
|
break;
|
||
|
|
case 'accrual_balance_summary':
|
||
|
|
target_view = 'AccrualBalance';
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if ( open_reoprt ) {
|
||
|
|
IndexViewController.openReport( this.homeViewController, target_view );
|
||
|
|
} else {
|
||
|
|
IndexViewController.goToView( target_view );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
onCellFormat( cell_value, related_data, row ) {
|
||
|
|
cell_value = Global.decodeCellValue( cell_value );
|
||
|
|
var col_model = related_data.colModel;
|
||
|
|
var row_id = related_data.rowid;
|
||
|
|
var content_div = $( '<div class=\'punch-content-div\'></div>' );
|
||
|
|
var punch_info;
|
||
|
|
if ( related_data.pos === 0 ) {
|
||
|
|
if ( row.type === DashletController.TOTAL_ROW ) {
|
||
|
|
punch_info = $( '<span class=\'total\' style=\'font-size: 11px\'></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
punch_info.text( cell_value );
|
||
|
|
} else {
|
||
|
|
punch_info.text( '' );
|
||
|
|
}
|
||
|
|
return punch_info.get( 0 ).outerHTML;
|
||
|
|
} else if ( row.type === DashletController.REGULAR_ROW ) {
|
||
|
|
|
||
|
|
punch_info = $( '<span class=\'top-line-span\' style=\'font-size: 11px\'></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
punch_info.text( cell_value );
|
||
|
|
} else {
|
||
|
|
punch_info.text( '' );
|
||
|
|
}
|
||
|
|
return punch_info.get( 0 ).outerHTML;
|
||
|
|
}
|
||
|
|
return cell_value;
|
||
|
|
}
|
||
|
|
var ex_span;
|
||
|
|
var i;
|
||
|
|
var time_span;
|
||
|
|
var punch;
|
||
|
|
var break_span;
|
||
|
|
var related_punch;
|
||
|
|
var exception;
|
||
|
|
var len;
|
||
|
|
var text;
|
||
|
|
var ex;
|
||
|
|
var data;
|
||
|
|
if ( row.type === DashletController.TOTAL_ROW ) {
|
||
|
|
data = row[col_model.name + '_data'];
|
||
|
|
time_span = $( '<span class=\'total\'></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
if ( data ) {
|
||
|
|
if ( data.hasOwnProperty( 'override' ) && data.override === true ) {
|
||
|
|
time_span.addClass( 'absence-override' );
|
||
|
|
}
|
||
|
|
if ( data.hasOwnProperty( 'note' ) && data.note ) {
|
||
|
|
cell_value = '*' + cell_value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
time_span.text( cell_value );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
time_span.text( '' );
|
||
|
|
}
|
||
|
|
content_div.prepend( time_span );
|
||
|
|
} else if ( row.type === DashletController.REGULAR_ROW ) {
|
||
|
|
content_div.addClass( 'top-line' );
|
||
|
|
data = row[col_model.name + '_data'];
|
||
|
|
time_span = $( '<span ></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
if ( data ) {
|
||
|
|
if ( data.hasOwnProperty( 'override' ) && data.override === true ) {
|
||
|
|
time_span.addClass( 'absence-override' );
|
||
|
|
}
|
||
|
|
if ( data.hasOwnProperty( 'note' ) && data.note ) {
|
||
|
|
cell_value = '*' + cell_value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
time_span.text( cell_value );
|
||
|
|
} else {
|
||
|
|
time_span.text( '' );
|
||
|
|
}
|
||
|
|
content_div.prepend( time_span );
|
||
|
|
} else if ( row.type === DashletController.ACCUMULATED_TIME_ROW ) {
|
||
|
|
data = row[col_model.name + '_data'];
|
||
|
|
time_span = $( '<span></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
if ( data ) {
|
||
|
|
if ( data.hasOwnProperty( 'override' ) && data.override === true ) {
|
||
|
|
time_span.addClass( 'absence-override' );
|
||
|
|
}
|
||
|
|
if ( data.hasOwnProperty( 'note' ) && data.note ) {
|
||
|
|
cell_value = '*' + cell_value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
time_span.text( cell_value );
|
||
|
|
} else {
|
||
|
|
time_span.text( '' );
|
||
|
|
}
|
||
|
|
content_div.prepend( time_span );
|
||
|
|
} else {
|
||
|
|
time_span = $( '<span class=\'punch-time\'></span>' );
|
||
|
|
if ( Global.isSet( cell_value ) ) {
|
||
|
|
time_span.text( cell_value );
|
||
|
|
} else {
|
||
|
|
time_span.text( '' );
|
||
|
|
}
|
||
|
|
content_div.prepend( time_span );
|
||
|
|
}
|
||
|
|
return content_div.get( 0 ).outerHTML;
|
||
|
|
}
|
||
|
|
|
||
|
|
initNewsContent() {
|
||
|
|
var $this = this;
|
||
|
|
$( this.el ).find( '#grid' ).remove();
|
||
|
|
$( this.el ).find( '.view-btn' ).remove();
|
||
|
|
$( this.el ).find( '.refresh-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$( e.target ).addClass( 'button-rotate' );
|
||
|
|
$this.initNewsData();
|
||
|
|
} );
|
||
|
|
this.initNewsData();
|
||
|
|
this.startRefresh();
|
||
|
|
}
|
||
|
|
|
||
|
|
initNewsData() {
|
||
|
|
var $this = this;
|
||
|
|
this.api_dashboard.getDashletData( this.data.data.dashlet_type, {}, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result = result.getResult();
|
||
|
|
$this.iframe_data = result;
|
||
|
|
if ( result ) {
|
||
|
|
$this.removeNoResultCover();
|
||
|
|
|
||
|
|
$this.setIframeData();
|
||
|
|
} else {
|
||
|
|
$this.showNoResultCover();
|
||
|
|
}
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
//Error: Uncaught TypeError: Cannot read property 'contentDocument' of undefined in/interface/html5/#!m=MessageControl line 359
|
||
|
|
setIframeData( iframe_data ) {
|
||
|
|
if ( $( this.el ).find( '#iframe' ).length > 0 && $( this.el ).find( '#iframe' )[0].contentWindow.document ) {
|
||
|
|
$( this.el ).find( '#iframe' )[0].contentWindow.document.open();
|
||
|
|
$( this.el ).find( '#iframe' )[0].contentWindow.document.writeln( this.iframe_data );
|
||
|
|
$( this.el ).find( '#iframe' )[0].contentWindow.document.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initTimesheetContent( view_name ) {
|
||
|
|
$( this.el ).find( '#iframe' ).remove();
|
||
|
|
var $this = this;
|
||
|
|
this.api = this.getAPIByViewName( view_name );
|
||
|
|
// set grid id
|
||
|
|
if ( !Global.isSet( this.grid ) || !Global.isSet( this.grid.grid ) ) {
|
||
|
|
var grid = $( this.el ).find( '#grid' );
|
||
|
|
grid.attr( 'id', 'dashlet_' + this.data.id + '_grid' ); //Grid's id is ScriptName + _grid
|
||
|
|
}
|
||
|
|
// refresh event
|
||
|
|
$( this.el ).find( '.refresh-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$( e.target ).addClass( 'button-rotate' );
|
||
|
|
$this.initDefaultTimesheetData();
|
||
|
|
} );
|
||
|
|
// view event
|
||
|
|
$( this.el ).find( '.view-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$this.onViewClick();
|
||
|
|
} );
|
||
|
|
|
||
|
|
// start load grid data
|
||
|
|
this.initDefaultTimesheetData();
|
||
|
|
this.startRefresh();
|
||
|
|
}
|
||
|
|
|
||
|
|
initDefaultTimesheetData() {
|
||
|
|
var $this = this;
|
||
|
|
this.accumulated_total_grid_source_map = {};
|
||
|
|
this.api.getTimeSheetData( LocalCacheData.getLoginUser().id, new Date().format(), {
|
||
|
|
onResult: function( result ) {
|
||
|
|
//Error: Uncaught TypeError: Cannot read property 'start_display_date' of undefined in /interface/html5/#!m=Home line 409
|
||
|
|
if ( result.isValid() ) {
|
||
|
|
$this.full_timesheet_data = result.getResult();
|
||
|
|
$this.pay_period_data = $this.full_timesheet_data.pay_period_data;
|
||
|
|
$this.timesheet_verify_data = $this.full_timesheet_data.timesheet_verify_data;
|
||
|
|
if ( $this.full_timesheet_data.timesheet_dates ) {
|
||
|
|
$this.start_date = Global.strToDate( $this.full_timesheet_data.timesheet_dates.start_display_date );
|
||
|
|
$this.end_date = Global.strToDate( $this.full_timesheet_data.timesheet_dates.end_display_date );
|
||
|
|
// Error: Uncaught TypeError: Cannot read property 'format' of null in interface/html5/#!m=Home line 607
|
||
|
|
if ( !$this.initTimesheetGridComplete && $this.start_date && $this.end_date ) {
|
||
|
|
$this.buildAccumulatedTotalGrid();
|
||
|
|
$this.initTimesheetGridComplete = true;
|
||
|
|
}
|
||
|
|
$this.buildAccumulatedTotalData();
|
||
|
|
} else {
|
||
|
|
$this.showNoResultCover();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
$this.showNoResultCover();
|
||
|
|
}
|
||
|
|
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildAccmulatedOrderMap( total ) {
|
||
|
|
if ( !total ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
for ( var key in total ) {
|
||
|
|
for ( var key1 in total[key] ) {
|
||
|
|
this.accmulated_order_map[key1] = total[key][key1].order;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
buildAccumulatedTotalData() {
|
||
|
|
// There will be no grid when no start date and end date when calling getTimeSheetData
|
||
|
|
if ( !this.grid ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.accmulated_order_map = {};
|
||
|
|
this.accumulated_total_grid_source = [];
|
||
|
|
var accumulated_user_date_total_data = this.full_timesheet_data.accumulated_user_date_total_data;
|
||
|
|
var pay_period_accumulated_user_date_total_data = this.full_timesheet_data.pay_period_accumulated_user_date_total_data;
|
||
|
|
var accumulated_time = pay_period_accumulated_user_date_total_data.accumulated_time;
|
||
|
|
var premium_time = pay_period_accumulated_user_date_total_data.premium_time;
|
||
|
|
var absence_time = pay_period_accumulated_user_date_total_data.absence_time_taken;
|
||
|
|
// Save the order, will do sort after all data prepared.
|
||
|
|
if ( accumulated_user_date_total_data.total ) {
|
||
|
|
this.buildAccmulatedOrderMap( accumulated_user_date_total_data.total );
|
||
|
|
}
|
||
|
|
if ( pay_period_accumulated_user_date_total_data ) {
|
||
|
|
this.buildAccmulatedOrderMap( pay_period_accumulated_user_date_total_data );
|
||
|
|
}
|
||
|
|
if ( Global.isSet( accumulated_time ) ) {
|
||
|
|
this.buildSubGridsData( accumulated_time, 'pay_period', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'accumulated_time' );
|
||
|
|
} else {
|
||
|
|
accumulated_time = { total: { label: 'Total Time', total_time: '0' } };
|
||
|
|
this.buildSubGridsData( accumulated_time, 'pay_period', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'accumulated_time' );
|
||
|
|
}
|
||
|
|
if ( Global.isSet( premium_time ) ) {
|
||
|
|
this.buildSubGridsData( premium_time, 'pay_period', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'premium_time' );
|
||
|
|
}
|
||
|
|
if ( Global.isSet( absence_time ) ) {
|
||
|
|
this.buildSubGridsData( absence_time, 'pay_period', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'absence_time' );
|
||
|
|
}
|
||
|
|
accumulated_time = { total: { label: 'Total Time', total_time: '0' } };
|
||
|
|
this.buildSubGridsData( accumulated_time, 'week', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'accumulated_time' );
|
||
|
|
for ( var key in accumulated_user_date_total_data ) {
|
||
|
|
//Build Accumulated Total Grid week column data
|
||
|
|
if ( key === 'total' ) {
|
||
|
|
var total_result = accumulated_user_date_total_data.total;
|
||
|
|
accumulated_time = total_result.accumulated_time;
|
||
|
|
premium_time = total_result.premium_time;
|
||
|
|
absence_time = total_result.absence_time_taken;
|
||
|
|
if ( Global.isSet( accumulated_time ) ) {
|
||
|
|
this.buildSubGridsData( accumulated_time, 'week', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'accumulated_time' );
|
||
|
|
}
|
||
|
|
if ( Global.isSet( premium_time ) ) {
|
||
|
|
this.buildSubGridsData( premium_time, 'week', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'premium_time' );
|
||
|
|
}
|
||
|
|
if ( Global.isSet( absence_time ) ) {
|
||
|
|
this.buildSubGridsData( absence_time, 'week', this.accumulated_total_grid_source_map, this.accumulated_total_grid_source, 'absence_time' );
|
||
|
|
}
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.sortAccumulatedTotalData();
|
||
|
|
this.grid.setData( this.accumulated_total_grid_source );
|
||
|
|
}
|
||
|
|
|
||
|
|
sortAccumulatedTotalData() {
|
||
|
|
var sort_fields = ['order', 'punch_info'];
|
||
|
|
this.accumulated_total_grid_source.sort( Global.m_sort_by( sort_fields ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildSubGridsData( array, date_string, map, result_array, parent_key ) {
|
||
|
|
var row;
|
||
|
|
var marked_regular_row = false; //Only mark the first regular time row, as thats where the bold top-line is going to go.
|
||
|
|
for ( var key in array ) {
|
||
|
|
if ( !map[key] ) {
|
||
|
|
row = {};
|
||
|
|
row.parent_key = parent_key;
|
||
|
|
row.key = key;
|
||
|
|
|
||
|
|
if ( parent_key === 'accumulated_time' ) {
|
||
|
|
|
||
|
|
if ( key === 'total' || key === 'worked_time' ) {
|
||
|
|
row.type = DashletController.TOTAL_ROW;
|
||
|
|
} else if ( marked_regular_row == false && key.indexOf( 'regular_time' ) === 0 ) {
|
||
|
|
row.type = DashletController.REGULAR_ROW;
|
||
|
|
marked_regular_row = true;
|
||
|
|
} else {
|
||
|
|
row.type = DashletController.ACCUMULATED_TIME_ROW;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( array[key].override ) {
|
||
|
|
row.is_override_row = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if ( parent_key === 'premium_time' ) {
|
||
|
|
row.type = DashletController.PREMIUM_ROW;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( this.accmulated_order_map[key] ) {
|
||
|
|
row.order = this.accmulated_order_map[key];
|
||
|
|
}
|
||
|
|
|
||
|
|
row.punch_info = array[key].label;
|
||
|
|
|
||
|
|
var key_array = key.split( '_' );
|
||
|
|
var no_id = false;
|
||
|
|
if ( key_array.length > 1 && key_array[1] == '0' ) {
|
||
|
|
no_id = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
array[key].key = key;
|
||
|
|
row[date_string] = Global.getTimeUnit( array[key].total_time );
|
||
|
|
row[date_string + '_data'] = array[key];
|
||
|
|
|
||
|
|
//if id == 0, put the row as first row.
|
||
|
|
if ( no_id ) {
|
||
|
|
result_array.unshift( row );
|
||
|
|
} else {
|
||
|
|
result_array.push( row );
|
||
|
|
}
|
||
|
|
|
||
|
|
map[key] = row;
|
||
|
|
} else {
|
||
|
|
row = map[key];
|
||
|
|
if ( row[date_string] && key === 'total' ) { //Override total cell data since we set all to 00:00 at beginning
|
||
|
|
array[key].key = key;
|
||
|
|
row[date_string] = Global.getTimeUnit( array[key].total_time );
|
||
|
|
row[date_string + '_data'] = array[key];
|
||
|
|
|
||
|
|
if ( row.parent_key === 'accumulated_time' ) {
|
||
|
|
if ( array[key].override ) {
|
||
|
|
row.is_override_row = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
array[key].key = key;
|
||
|
|
row[date_string] = Global.getTimeUnit( array[key].total_time );
|
||
|
|
row[date_string + '_data'] = array[key];
|
||
|
|
|
||
|
|
if ( row.parent_key === 'accumulated_time' ) {
|
||
|
|
if ( array[key].override ) {
|
||
|
|
row.is_override_row = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
getAccumulatedTotalGridPayperiodHeader() {
|
||
|
|
this.pay_period_header = $.i18n._( 'No Pay Period' );
|
||
|
|
var pay_period_id = this.timesheet_verify_data.pay_period_id;
|
||
|
|
if ( pay_period_id && this.pay_period_data ) {
|
||
|
|
for ( var key in this.pay_period_data ) {
|
||
|
|
var pay_period = this.pay_period_data[key];
|
||
|
|
if ( pay_period.id === pay_period_id ) {
|
||
|
|
var start_date = Global.strToDate( pay_period.start_date ).format();
|
||
|
|
var end_date = Global.strToDate( pay_period.end_date ).format();
|
||
|
|
this.pay_period_header = start_date + ' to ' + end_date;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
buildAccumulatedTotalGrid() {
|
||
|
|
var $this = this;
|
||
|
|
var columns = [];
|
||
|
|
var grid_id;
|
||
|
|
if ( !Global.isSet( this.grid ) ) {
|
||
|
|
grid_id = 'dashlet_' + this.data.id + '_grid';
|
||
|
|
}
|
||
|
|
var punch_in_out_column = {
|
||
|
|
name: 'punch_info',
|
||
|
|
index: 'punch_info',
|
||
|
|
label: ' ',
|
||
|
|
width: 200,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
formatter: this.onCellFormat
|
||
|
|
};
|
||
|
|
columns.push( punch_in_out_column );
|
||
|
|
var start_date_str = this.start_date.format( Global.getLoginUserDateFormat() );
|
||
|
|
var end_date_str = this.end_date.format( Global.getLoginUserDateFormat() );
|
||
|
|
this.getAccumulatedTotalGridPayperiodHeader();
|
||
|
|
var column_1 = {
|
||
|
|
name: 'week',
|
||
|
|
index: 'week',
|
||
|
|
label: $.i18n._( 'Week' ) + '<br>' + start_date_str + ' to ' + end_date_str,
|
||
|
|
width: 100,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
formatter: this.onCellFormat
|
||
|
|
};
|
||
|
|
var column_2 = {
|
||
|
|
name: 'pay_period',
|
||
|
|
index: 'pay_period',
|
||
|
|
label: $.i18n._( 'Pay Period' ) + '<br>' + this.pay_period_header,
|
||
|
|
width: 100,
|
||
|
|
sortable: false,
|
||
|
|
title: false,
|
||
|
|
formatter: this.onCellFormat
|
||
|
|
};
|
||
|
|
columns.push( column_1 );
|
||
|
|
columns.push( column_2 );
|
||
|
|
var grid_data = {};
|
||
|
|
if ( !this.grid ) { //#2571 - this.grid.jqGrid is not a function
|
||
|
|
grid_data = {
|
||
|
|
|
||
|
|
multiselectPosition: 'none',
|
||
|
|
gridComplete: function() {
|
||
|
|
if ( $( this ).jqGrid( 'getGridParam', 'data' ).length > 0 ) {
|
||
|
|
$this.setGridColumnsWidth();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
grid_data = {
|
||
|
|
shrinkToFit: false
|
||
|
|
}; //use the defaults
|
||
|
|
}
|
||
|
|
|
||
|
|
this.grid = new TTGrid( grid_id, grid_data, columns );
|
||
|
|
|
||
|
|
$this.setGridSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
initDefaultDashletContent( view_name ) {
|
||
|
|
$( this.el ).find( '#iframe' ).remove();
|
||
|
|
var $this = this;
|
||
|
|
this.api = this.getAPIByViewName( view_name );
|
||
|
|
// when auto resize
|
||
|
|
$( window ).off( 'resize.dashlet_content' ).on( 'resize.dashlet_content', function() {
|
||
|
|
if ( $this.grid ) {
|
||
|
|
$this.setGridSize();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
// set grid id
|
||
|
|
if ( !Global.isSet( this.grid ) ) {
|
||
|
|
var grid = $( this.el ).find( '#grid' );
|
||
|
|
grid.attr( 'id', 'dashlet_' + this.data.id + '_grid' ); //Grid's id is ScriptName + _grid
|
||
|
|
}
|
||
|
|
// refresh event
|
||
|
|
$( this.el ).find( '.refresh-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$( e.target ).addClass( 'button-rotate' );
|
||
|
|
$this.initDefaultDashletData();
|
||
|
|
} );
|
||
|
|
// view event
|
||
|
|
$( this.el ).find( '.view-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$this.onViewClick();
|
||
|
|
} );
|
||
|
|
|
||
|
|
// start load grid data
|
||
|
|
this.initDefaultDashletData();
|
||
|
|
this.startRefresh();
|
||
|
|
}
|
||
|
|
|
||
|
|
initDefaultDashletData() {
|
||
|
|
var $this = this;
|
||
|
|
$this.getDefaultDashletData( function() {
|
||
|
|
$this.getAllColumns( function() {
|
||
|
|
$this.setSelectLayout();
|
||
|
|
var data = Global.formatGridData( $this.dashboard_data.data, $this.data.data.dashlet_type );
|
||
|
|
data = $this.processId( data );
|
||
|
|
if ( $this.grid ) {
|
||
|
|
$this.grid.setData( data );
|
||
|
|
}
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
if ( !Global.isArray( $this.dashboard_data.data ) || $this.dashboard_data.data.length < 1 ) {
|
||
|
|
$this.showNoResultCover();
|
||
|
|
} else {
|
||
|
|
$this.removeNoResultCover();
|
||
|
|
}
|
||
|
|
$this.setGridCellBackGround();
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
processId( data ) {
|
||
|
|
var start_id = -2;
|
||
|
|
// Add a random id to make sure each row has different id when the item don't have id itself (Scheudle summary)
|
||
|
|
data = _.map( data, function( item ) {
|
||
|
|
if ( item.hasOwnProperty( 'id' ) && ( !item.id || item.id == TTUUID.zero_id ) ) {
|
||
|
|
item.id = start_id;
|
||
|
|
}
|
||
|
|
start_id--;
|
||
|
|
return item;
|
||
|
|
} );
|
||
|
|
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
|
||
|
|
addIframeBack() {
|
||
|
|
var $this = this;
|
||
|
|
if ( $this.iframe ) {
|
||
|
|
$( $this.el ).find( '.content' ).append( $this.iframe );
|
||
|
|
$this.setIframeData();
|
||
|
|
$this.iframe = null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
removeIframe() {
|
||
|
|
var $this = this;
|
||
|
|
$this.iframe = $( $this.el ).find( '#iframe' );
|
||
|
|
$( $this.el ).find( '#iframe' ).remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
saveSize( h, w ) {
|
||
|
|
this.data.data.width = w;
|
||
|
|
this.data.data.height = h;
|
||
|
|
this.user_generic_data_api.setUserGenericData( this.data, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
setGridSize() {
|
||
|
|
if ( ( !this.grid || !this.grid.grid || !this.grid.grid.is( ':visible' ) ) ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.grid.grid.setGridWidth( $( this.el ).find( '.content' ).width() );
|
||
|
|
this.grid.grid.setGridHeight( $( this.el ).find( '.content' ).height() - 28 );
|
||
|
|
}
|
||
|
|
|
||
|
|
initReportContent() {
|
||
|
|
var $this = this;
|
||
|
|
$( this.el ).find( '#grid' ).remove();
|
||
|
|
$( this.el ).find( '.view-btn' ).remove();
|
||
|
|
$( this.el ).find( '.refresh-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$( e.target ).addClass( 'button-rotate' );
|
||
|
|
$this.initReportData();
|
||
|
|
} );
|
||
|
|
this.api_user_report = TTAPI.APIUserReportData;
|
||
|
|
this.api = this.getAPIByViewName( this.data.data.report );
|
||
|
|
this.initReportData();
|
||
|
|
this.startRefresh();
|
||
|
|
}
|
||
|
|
|
||
|
|
cleanWhenUnloadView() {
|
||
|
|
if ( this.refresh_timer ) {
|
||
|
|
clearInterval( this.refresh_timer );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initReportData() {
|
||
|
|
var $this = this;
|
||
|
|
if ( $this.data.data.template !== 'saved_report' ) {
|
||
|
|
var report_api = this.getAPIByViewName( this.data.data.report );
|
||
|
|
report_api.getTemplate( $this.data.data.template, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var config = result.getResult();
|
||
|
|
config.other = {
|
||
|
|
'page_orientation': 'P',
|
||
|
|
'font_size': 0,
|
||
|
|
'auto_refresh': false,
|
||
|
|
'disable_grand_total': false,
|
||
|
|
'maximum_page_limit': 100,
|
||
|
|
'show_duplicate_values': false,
|
||
|
|
is_embedded: true
|
||
|
|
};
|
||
|
|
$this.api['get' + $this.api.key_name]( config, 'html', {
|
||
|
|
onResult: function( res ) {
|
||
|
|
var result = res.getResult();
|
||
|
|
$this.iframe_data = result;
|
||
|
|
if ( result ) {
|
||
|
|
$this.setIframeData();
|
||
|
|
}
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} else {
|
||
|
|
$this.api_user_report.getUserReportData( {
|
||
|
|
filter_data: {
|
||
|
|
id: $this.data.data.saved_report_id
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
if ( result_data && result_data.length == 1 ) {
|
||
|
|
if ( result_data[0].data.config.other ) {
|
||
|
|
result_data[0].data.config.other.is_embedded = true;
|
||
|
|
} else {
|
||
|
|
result_data[0].data.config.other = { is_embedded: true };
|
||
|
|
}
|
||
|
|
$this.api['get' + $this.api.key_name]( result_data[0].data.config, 'html', {
|
||
|
|
onResult: function( res ) {
|
||
|
|
var result = res.getResult();
|
||
|
|
$this.iframe_data = result;
|
||
|
|
if ( result ) {
|
||
|
|
$this.setIframeData();
|
||
|
|
}
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
startRefresh() {
|
||
|
|
var $this = this;
|
||
|
|
var auto_refresh = this.data.data.auto_refresh;
|
||
|
|
if ( auto_refresh > 0 ) {
|
||
|
|
this.refresh_timer = setInterval( function() {
|
||
|
|
//Don't refresh dashlets if user is idle for more than 1 minute.
|
||
|
|
if ( Global.idle_time && Global.idle_time > 1 ) { //Idle time is in minutes. -- This is required to prevent refreshing dashlets from keeping the session active indefinitely.
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( LocalCacheData.current_open_primary_controller.viewId !== 'Home' ) {
|
||
|
|
clearInterval( $this.refresh_timer );
|
||
|
|
}
|
||
|
|
if ( $this.data.data.dashlet_type == 'custom_list' ) {
|
||
|
|
$this.initCustomViewData();
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'custom_report' ) {
|
||
|
|
$this.initReportData();
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'exception_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'request_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'message_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'exception_summary_child' ||
|
||
|
|
$this.data.data.dashlet_type == 'request_authorize_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'accrual_balance_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'user_active_shift_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'timesheet_verification_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'timesheet_verification_summary_child' ||
|
||
|
|
$this.data.data.dashlet_type == 'schedule_summary' ||
|
||
|
|
$this.data.data.dashlet_type == 'schedule_summary_child' ) {
|
||
|
|
$this.initDefaultDashletData();
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'timesheet_summary' ) {
|
||
|
|
$this.initDefaultTimesheetData();
|
||
|
|
} else if ( $this.data.data.dashlet_type == 'news' ) {
|
||
|
|
$this.initNewsData();
|
||
|
|
}
|
||
|
|
|
||
|
|
}, ( auto_refresh * 1000 ) );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initCustomViewContent() {
|
||
|
|
$( this.el ).find( '#iframe' ).remove();
|
||
|
|
var $this = this;
|
||
|
|
this.api = this.getAPIByViewName( this.data.data.view_name );
|
||
|
|
// when auto resize
|
||
|
|
$( window ).off( 'resize.dashlet_custom_content' ).on( 'resize.dashlet_custom_content', function() {
|
||
|
|
if ( $this.grid ) {
|
||
|
|
$this.setGridSize();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
// set grid id
|
||
|
|
if ( !Global.isSet( this.grid ) ) {
|
||
|
|
var grid = $( this.el ).find( '#grid' );
|
||
|
|
grid.attr( 'id', 'dashlet_' + this.data.id + '_grid' ); //Grid's id is ScriptName + _grid
|
||
|
|
}
|
||
|
|
// refresh event
|
||
|
|
$( this.el ).find( '.refresh-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$( e.target ).addClass( 'button-rotate' );
|
||
|
|
$this.initCustomViewData();
|
||
|
|
} );
|
||
|
|
// view event
|
||
|
|
$( this.el ).find( '.view-btn' ).unbind( 'click' ).bind( 'click', function( e ) {
|
||
|
|
$this.onViewClick();
|
||
|
|
} );
|
||
|
|
|
||
|
|
// start load grid data
|
||
|
|
this.initCustomViewData();
|
||
|
|
this.startRefresh();
|
||
|
|
}
|
||
|
|
|
||
|
|
setGridCellBackGround() {
|
||
|
|
var data = this.grid.getData();
|
||
|
|
var len;
|
||
|
|
var i;
|
||
|
|
var item;
|
||
|
|
if ( this.data.data.dashlet_type === 'exception_summary' ||
|
||
|
|
this.data.data.dashlet_type === 'exception_summary_child' ) {
|
||
|
|
//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;
|
||
|
|
}
|
||
|
|
len = data.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
item = data[i];
|
||
|
|
if ( item.exception_background_color ) {
|
||
|
|
var severity = $( this.el ).find( 'tr[id=\'' + item.id + '\']' ).find( 'td[aria-describedby="dashlet_' + this.data.id + '_grid_severity"]' );
|
||
|
|
severity.css( 'background-color', item.exception_background_color );
|
||
|
|
severity.css( 'font-weight', 'bold' );
|
||
|
|
}
|
||
|
|
if ( item.exception_color ) {
|
||
|
|
var code = $( this.el ).find( 'tr[id=\'' + item.id + '\']' ).find( 'td[aria-describedby="dashlet_' + this.data.id + '_grid_exception_policy_type_id"]' );
|
||
|
|
code.css( 'color', item.exception_color );
|
||
|
|
code.css( 'font-weight', 'bold' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if ( this.data.data.dashlet_type === 'message_summary' ) {
|
||
|
|
//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;
|
||
|
|
}
|
||
|
|
len = data.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
item = data[i];
|
||
|
|
if ( item.status_id == 10 ) {
|
||
|
|
$( this.el ).find( 'tr[id=\'' + item.id + '\'] td' ).css( 'font-weight', 'bold' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if ( this.data.data.dashlet_type === 'request_summary' ) {
|
||
|
|
//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;
|
||
|
|
}
|
||
|
|
len = data.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
item = data[i];
|
||
|
|
if ( item.status_id == 30 ) {
|
||
|
|
$( this.el ).find( 'tr[id=\'' + item.id + '\']' ).addClass( 'bolder-request' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if ( this.data.data.dashlet_type === 'user_active_shift_summary' ) {
|
||
|
|
//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;
|
||
|
|
}
|
||
|
|
len = data.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
item = data[i];
|
||
|
|
if ( item._status_id == 10 ) {
|
||
|
|
$( this.el ).find( 'tr[id=\'' + item.id + '\']' ).addClass( 'light-green' );
|
||
|
|
} else if ( item.status === 'Out' ) {
|
||
|
|
$( this.el ).find( 'tr[id=\'' + item.id + '\']' ).addClass( 'light-red' );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if ( this.data.data.dashlet_type === 'schedule_summary' ||
|
||
|
|
this.data.data.dashlet_type === 'schedule_summary_child' ) {
|
||
|
|
//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;
|
||
|
|
}
|
||
|
|
len = data.length;
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
item = data[i];
|
||
|
|
if ( item.status_id == 20 ) {
|
||
|
|
$( this.el ).find( 'tr[id=\'' + item.id + '\']' ).addClass( 'red-absence' ); //Do not use ids or coloring gets broken by recurring schedules without ids
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
startCustomViewAutoRefresh() {
|
||
|
|
var $this = this;
|
||
|
|
var auto_refresh = this.data.data.auto_refresh;
|
||
|
|
if ( auto_refresh > 0 ) {
|
||
|
|
this.refresh_timer = setInterval( function() {
|
||
|
|
if ( LocalCacheData.current_open_primary_controller.viewId !== 'Home' ) {
|
||
|
|
clearInterval( $this.refresh_timer );
|
||
|
|
}
|
||
|
|
$this.initCustomViewData();
|
||
|
|
}, ( auto_refresh * 1000 ) );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
initCustomViewData() {
|
||
|
|
var $this = this;
|
||
|
|
$this.getCustomListDashboardData( function() {
|
||
|
|
$this.getAllColumns( function() {
|
||
|
|
$this.setSelectLayout();
|
||
|
|
$this.grid.setData( Global.formatGridData( $this.dashboard_data.data ) );
|
||
|
|
$( '.button-rotate' ).removeClass( 'button-rotate' );
|
||
|
|
if ( !Global.isArray( $this.dashboard_data.data ) ) {
|
||
|
|
$this.showNoResultCover();
|
||
|
|
} else {
|
||
|
|
$this.removeNoResultCover();
|
||
|
|
}
|
||
|
|
TTPromise.wait( null, null, function() {
|
||
|
|
$this.setGridCellBackGround();
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
getCustomListDashboardData( callback ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( !this.data.data.rows_per_page ) {
|
||
|
|
this.data.data.rows_per_page = 0;
|
||
|
|
}
|
||
|
|
this.api_dashboard.getDashletData( this.data.data.dashlet_type, {
|
||
|
|
'class': this.data.data.view_name,
|
||
|
|
'user_generic_data_id': this.data.data.layout_id.toString(),
|
||
|
|
'rows_per_page': this.data.data.rows_per_page.toString()
|
||
|
|
}, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
$this.dashboard_data = result_data;
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
getDefaultDashletData( callback ) {
|
||
|
|
var $this = this;
|
||
|
|
if ( !this.data.data.rows_per_page ) {
|
||
|
|
this.data.data.rows_per_page = 0;
|
||
|
|
}
|
||
|
|
this.api_dashboard.getDashletData( this.data.data.dashlet_type, {
|
||
|
|
'rows_per_page': this.data.data.rows_per_page.toString()
|
||
|
|
}, {
|
||
|
|
onResult: function( result ) {
|
||
|
|
var result_data = result.getResult();
|
||
|
|
$this.dashboard_data = result_data;
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
buildDisplayColumns( apiDisplayColumnsArray ) {
|
||
|
|
var len = this.all_columns.length;
|
||
|
|
var len1 = apiDisplayColumnsArray ? apiDisplayColumnsArray.length : 0;
|
||
|
|
var display_columns = [];
|
||
|
|
for ( var j = 0; j < len1; j++ ) {
|
||
|
|
for ( var i = 0; i < len; i++ ) {
|
||
|
|
if ( apiDisplayColumnsArray[j] === this.all_columns[i].value ) {
|
||
|
|
display_columns.push( this.all_columns[i] );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return display_columns;
|
||
|
|
}
|
||
|
|
|
||
|
|
onGridDblClickRow() {
|
||
|
|
this.onViewClick();
|
||
|
|
}
|
||
|
|
|
||
|
|
setSelectLayout() {
|
||
|
|
var $this = this;
|
||
|
|
var grid_id;
|
||
|
|
if ( !Global.isSet( this.grid ) ) {
|
||
|
|
grid_id = 'dashlet_' + this.data.id + '_grid';
|
||
|
|
if ( $( '#' + grid_id ).length > 0 ) {
|
||
|
|
$( '#' + grid_id ).jqGrid( 'GridUnload' ); // prevent js exception where grid gets detached
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var display_columns = this.buildDisplayColumns( this.dashboard_data.display_columns );
|
||
|
|
//Set Data Grid on List view
|
||
|
|
var column_info_array = [];
|
||
|
|
var len = display_columns.length;
|
||
|
|
var start_from = 0;
|
||
|
|
for ( var i = start_from; i < len; i++ ) {
|
||
|
|
var view_column_data = display_columns[i];
|
||
|
|
var column_info = {
|
||
|
|
name: view_column_data.value,
|
||
|
|
index: view_column_data.value,
|
||
|
|
label: view_column_data.label,
|
||
|
|
width: 100,
|
||
|
|
sortable: false,
|
||
|
|
title: false
|
||
|
|
};
|
||
|
|
column_info_array.push( column_info );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( !this.grid ) { // #2571 -this.grid.jqGrid is not a function
|
||
|
|
var grid_data = {
|
||
|
|
multiselectPosition: 'none',
|
||
|
|
onSelectRow: $.proxy( this.onGridSelectRow, this ),
|
||
|
|
ondblClickRow: function() {
|
||
|
|
$this.onGridDblClickRow();
|
||
|
|
},
|
||
|
|
gridComplete: function() {
|
||
|
|
if ( $( this ).jqGrid( 'getGridParam', 'data' ).length > 0 ) {
|
||
|
|
$this.setGridColumnsWidth();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.grid = new TTGrid( grid_id, grid_data, column_info_array );
|
||
|
|
}
|
||
|
|
$this.setGridSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
showNoResultCover() {
|
||
|
|
this.removeNoResultCover();
|
||
|
|
this.no_result_box = Global.loadWidgetByName( WidgetNamesDic.NO_RESULT_BOX );
|
||
|
|
if ( this.no_result_box ) {
|
||
|
|
this.no_result_box.NoResultBox( {
|
||
|
|
related_view_controller: this,
|
||
|
|
is_new: false,
|
||
|
|
message: this.getNoResultMessage()
|
||
|
|
} );
|
||
|
|
this.no_result_box.attr( 'id', 'dashlet_' + this.data.id + '_no_result_box' );
|
||
|
|
$( '#dashlet_' + this.data.id + '_no_result_box' ).remove(); //prevent doubleups
|
||
|
|
var grid_div = $( this.el ).find( '.content' );
|
||
|
|
grid_div.append( this.no_result_box );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
getNoResultMessage() {
|
||
|
|
//Show result message base on different dashlet type
|
||
|
|
var result = $.i18n._( 'No Results Found' );
|
||
|
|
switch ( this.data.data.dashlet_type ) {
|
||
|
|
case 'schedule_summary':
|
||
|
|
result = $.i18n._( 'Perhaps if you ask nicely, your supervisor will add a schedule for you?' );
|
||
|
|
break;
|
||
|
|
case 'exception_summary':
|
||
|
|
result = $.i18n._( 'No exceptions to correct, great job!' );
|
||
|
|
break;
|
||
|
|
case 'message_summary':
|
||
|
|
result = $.i18n._( 'All messages are read, nicely done!' );
|
||
|
|
break;
|
||
|
|
case 'request_summary':
|
||
|
|
result = $.i18n._( 'Send a request to your supervisor by clicking Profile -> Requests.' );
|
||
|
|
break;
|
||
|
|
case 'accrual_balance_summary':
|
||
|
|
result = $.i18n._( 'No accrual balances at this time.' );
|
||
|
|
break;
|
||
|
|
case 'timesheet_summary':
|
||
|
|
result = $.i18n._( 'Timesheet not available.' );
|
||
|
|
break;
|
||
|
|
case 'timesheet_verification_summary':
|
||
|
|
case 'timesheet_verification_summary_child':
|
||
|
|
result = $.i18n._( 'No timesheets to verify yet.' );
|
||
|
|
break;
|
||
|
|
case 'schedule_summary_child':
|
||
|
|
result = $.i18n._( 'Schedules can be added by clicking Schedule -> Schedules.' );
|
||
|
|
break;
|
||
|
|
case 'exception_summary_child':
|
||
|
|
result = $.i18n._( 'All exceptions are corrected... You can relax now!' );
|
||
|
|
break;
|
||
|
|
case 'user_active_shift_summary':
|
||
|
|
result = $.i18n._( 'No active shifts at this moment.' );
|
||
|
|
break;
|
||
|
|
case 'request_authorize_summary':
|
||
|
|
result = $.i18n._( 'All requests are authorized, excellent work!' );
|
||
|
|
break;
|
||
|
|
case 'news':
|
||
|
|
result = $.i18n._( 'Slow news day, nothing to see here yet...' );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
|
||
|
|
removeNoResultCover() {
|
||
|
|
if ( this.no_result_box && this.no_result_box.length > 0 ) {
|
||
|
|
this.no_result_box.remove();
|
||
|
|
}
|
||
|
|
this.no_result_box = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
getAllColumns( callBack ) {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
if ( this.api ) { // #2571 - Cannot read property 'getOptions' of null
|
||
|
|
this.api.getOptions( 'columns', {
|
||
|
|
onResult: function( columns_result ) {
|
||
|
|
var columns_result_data = columns_result.getResult();
|
||
|
|
$this.all_columns = Global.buildColumnArray( columns_result_data );
|
||
|
|
if ( callBack ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
getDefaultDisplayColumns( callBack ) {
|
||
|
|
var $this = this;
|
||
|
|
this.api.getOptions( 'default_display_columns', {
|
||
|
|
onResult: function( columns_result ) {
|
||
|
|
var columns_result_data = columns_result.getResult();
|
||
|
|
$this.default_display_columns = columns_result_data;
|
||
|
|
if ( callBack ) {
|
||
|
|
callBack();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
setTitle() {
|
||
|
|
$( this.el ).find( '.title' ).text( this.data.name );
|
||
|
|
}
|
||
|
|
|
||
|
|
getAPIByViewName( view_name ) {
|
||
|
|
var api = null;
|
||
|
|
switch ( view_name.toLowerCase() ) { //Lower case the view_name to avoid case sensitivity mismatches.
|
||
|
|
case 'message_summary':
|
||
|
|
api = TTAPI.APIMessageControl;
|
||
|
|
break;
|
||
|
|
case 'schedule_summary':
|
||
|
|
case 'schedule_summary_child':
|
||
|
|
case 'schedule':
|
||
|
|
api = TTAPI.APISchedule;
|
||
|
|
break;
|
||
|
|
case 'exception':
|
||
|
|
case 'exception_summary':
|
||
|
|
case 'exception_summary_child':
|
||
|
|
api = TTAPI.APIException;
|
||
|
|
break;
|
||
|
|
case 'invoice':
|
||
|
|
api = TTAPI.APIInvoice;
|
||
|
|
break;
|
||
|
|
case 'user':
|
||
|
|
api = TTAPI.APIUser;
|
||
|
|
break;
|
||
|
|
case 'request_summary':
|
||
|
|
case 'request':
|
||
|
|
case 'request-authorization':
|
||
|
|
case 'request_authorize_summary':
|
||
|
|
api = TTAPI.APIRequest;
|
||
|
|
break;
|
||
|
|
case 'accrual_balance_summary':
|
||
|
|
api = TTAPI.APIAccrualBalance;
|
||
|
|
break;
|
||
|
|
case 'timesheet_verification_summary':
|
||
|
|
case 'timesheet_verification_summary_child':
|
||
|
|
api = TTAPI.APITimesheetSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'timesheet_summary':
|
||
|
|
api = TTAPI.APITimeSheet;
|
||
|
|
break;
|
||
|
|
case 'user_active_shift_summary':
|
||
|
|
api = TTAPI.APIActiveShiftReport;
|
||
|
|
break;
|
||
|
|
case 'payperiodtimesheetverify':
|
||
|
|
api = TTAPI.APIPayPeriodTimeSheetVerify;
|
||
|
|
break;
|
||
|
|
case 'userexpense':
|
||
|
|
case 'userexpense-authorization':
|
||
|
|
api = TTAPI.APIUserExpense;
|
||
|
|
break;
|
||
|
|
case 'timesheetsummaryreport':
|
||
|
|
api = TTAPI.APITimesheetSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'timesheetdetailreport':
|
||
|
|
api = TTAPI.APITimesheetDetailReport;
|
||
|
|
break;
|
||
|
|
case 'accrualbalance':
|
||
|
|
api = TTAPI.APIAccrualBalance;
|
||
|
|
break;
|
||
|
|
case 'accrual':
|
||
|
|
api = TTAPI.APIAccrual;
|
||
|
|
break;
|
||
|
|
case 'recurringschedulecontrol':
|
||
|
|
api = TTAPI.APIRecurringScheduleControl;
|
||
|
|
break;
|
||
|
|
case 'recurringscheduletemplatecontrol':
|
||
|
|
api = TTAPI.APIRecurringScheduleTemplateControl;
|
||
|
|
break;
|
||
|
|
case 'job':
|
||
|
|
api = TTAPI.APIJob;
|
||
|
|
break;
|
||
|
|
case 'jobitem':
|
||
|
|
api = TTAPI.APIJobItem;
|
||
|
|
break;
|
||
|
|
case 'usercontact':
|
||
|
|
api = TTAPI.APIUserContact;
|
||
|
|
break;
|
||
|
|
case 'userwage':
|
||
|
|
api = TTAPI.APIUserWage;
|
||
|
|
break;
|
||
|
|
case 'paystub':
|
||
|
|
api = TTAPI.APIPayStub;
|
||
|
|
break;
|
||
|
|
case 'payperiod':
|
||
|
|
api = TTAPI.APIPayPeriod;
|
||
|
|
break;
|
||
|
|
case 'paystubamendment':
|
||
|
|
api = TTAPI.APIPayStubAmendment;
|
||
|
|
break;
|
||
|
|
case 'client':
|
||
|
|
api = TTAPI.APIClient;
|
||
|
|
break;
|
||
|
|
case 'clientcontact':
|
||
|
|
api = TTAPI.APIClientContact;
|
||
|
|
break;
|
||
|
|
case 'transaction':
|
||
|
|
api = TTAPI.APITransaction;
|
||
|
|
break;
|
||
|
|
case 'userreviewcontrol':
|
||
|
|
api = TTAPI.APIUserReviewControl;
|
||
|
|
break;
|
||
|
|
case 'jobvacancy':
|
||
|
|
api = TTAPI.APIJobVacancy;
|
||
|
|
break;
|
||
|
|
case 'jobapplicant':
|
||
|
|
api = TTAPI.APIJobApplicant;
|
||
|
|
break;
|
||
|
|
case 'jobapplication':
|
||
|
|
api = TTAPI.APIJobApplication;
|
||
|
|
break;
|
||
|
|
case 'accrualbalancesummaryreport':
|
||
|
|
api = TTAPI.APIAccrualBalanceSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'usersummaryreport':
|
||
|
|
api = TTAPI.APIUserSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'activeshiftreport':
|
||
|
|
api = TTAPI.APIActiveShiftReport;
|
||
|
|
break;
|
||
|
|
case 'audittrailreport':
|
||
|
|
api = TTAPI.APIAuditTrailReport;
|
||
|
|
break;
|
||
|
|
case 'schedulesummaryreport':
|
||
|
|
api = TTAPI.APIScheduleSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'punchsummaryreport':
|
||
|
|
api = TTAPI.APIPunchSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'exceptionreport':
|
||
|
|
api = TTAPI.APIExceptionReport;
|
||
|
|
break;
|
||
|
|
case 'paystubsummaryreport':
|
||
|
|
api = TTAPI.APIPayStubSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'userexpensereport':
|
||
|
|
api = TTAPI.APIUserExpenseReport;
|
||
|
|
break;
|
||
|
|
case 'jobsummaryreport':
|
||
|
|
api = TTAPI.APIJobSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'jobdetailreport':
|
||
|
|
api = TTAPI.APIJobDetailReport;
|
||
|
|
break;
|
||
|
|
case 'jobinformationreport':
|
||
|
|
api = TTAPI.APIJobInformationReport;
|
||
|
|
break;
|
||
|
|
case 'jobiteminformationreport':
|
||
|
|
api = TTAPI.APIJobItemInformationReport;
|
||
|
|
break;
|
||
|
|
case 'invoicetransactionsummaryreport':
|
||
|
|
api = TTAPI.APIInvoiceTransactionSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'userqualificationreport':
|
||
|
|
api = TTAPI.APIUserQualificationReport;
|
||
|
|
break;
|
||
|
|
case 'kpireport':
|
||
|
|
api = TTAPI.APIKPIReport;
|
||
|
|
break;
|
||
|
|
case 'userrecruitmentsummaryreport':
|
||
|
|
api = TTAPI.APIUserRecruitmentSummaryReport;
|
||
|
|
break;
|
||
|
|
case 'userrecruitmentdetailreport':
|
||
|
|
api = TTAPI.APIUserRecruitmentDetailReport;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
return api;
|
||
|
|
}
|
||
|
|
|
||
|
|
setGridColumnsWidth() {
|
||
|
|
var col_model = this.grid.getGridParam( 'colModel' );
|
||
|
|
var grid_data = this.grid.getGridParam( 'data' );
|
||
|
|
this.grid_total_width = 0;
|
||
|
|
//Possible exception
|
||
|
|
//Error: Uncaught TypeError: Cannot read property 'length' of undefined in /interface/html5/#!m=TimeSheet&date=20141102&user_id=53130 line 4288
|
||
|
|
if ( !col_model ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
for ( var i = 0; i < col_model.length; i++ ) {
|
||
|
|
var col = col_model[i];
|
||
|
|
var field = col.name;
|
||
|
|
var longest_words = '';
|
||
|
|
for ( var j = 0; j < grid_data.length; j++ ) {
|
||
|
|
var row_data = grid_data[j];
|
||
|
|
if ( !row_data.hasOwnProperty( field ) ) {
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
var current_words = row_data[field];
|
||
|
|
if ( !current_words ) {
|
||
|
|
current_words = '';
|
||
|
|
}
|
||
|
|
if ( !longest_words ) {
|
||
|
|
longest_words = current_words.toString();
|
||
|
|
} else {
|
||
|
|
if ( current_words && current_words.toString().length > longest_words.length ) {
|
||
|
|
longest_words = current_words.toString();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
if ( longest_words ) {
|
||
|
|
var width_test = $( '<span id="width_test"></span>' );
|
||
|
|
width_test.css( 'font-size', '11' );
|
||
|
|
width_test.css( 'font-weight', 'normal' );
|
||
|
|
$( 'body' ).append( width_test );
|
||
|
|
width_test.text( longest_words );
|
||
|
|
var width = width_test.width();
|
||
|
|
width_test.text( col.label );
|
||
|
|
var header_width = width_test.width();
|
||
|
|
if ( header_width > width ) {
|
||
|
|
width = header_width + 20;
|
||
|
|
}
|
||
|
|
this.grid_total_width += width + 5;
|
||
|
|
this.grid.grid.setColProp( field, { widthOrg: width } );
|
||
|
|
width_test.remove();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var gw = this.grid.getGridParam( 'width' );
|
||
|
|
this.grid.setGridWidth( gw );
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
DashletController.TOTAL_ROW = 4;
|
||
|
|
DashletController.REGULAR_ROW = 5;
|
||
|
|
DashletController.ABSENCE_ROW = 6;
|
||
|
|
DashletController.ACCUMULATED_TIME_ROW = 7;
|
||
|
|
DashletController.PREMIUM_ROW = 8;
|