e5core-angular-ui
Version:
e5 Anywhere Angular UI
340 lines (339 loc) • 10.5 kB
TypeScript
import { OnInit } from '@angular/core';
import { MonitorsSlaTeamProductivityCompletionMonitorService } from 'e5core-angular-services';
import { MonitorsSlaTeamProductivityFacetimeMonitorService } from 'e5core-angular-services';
import { MonitorsSlaTeamProductivityCompletionMonitorModel } from 'e5core-angular-services';
import { MonitorsSlaTeamProductivityFacetimeMonitorModel } from 'e5core-angular-services';
import { DatePipe } from '@angular/common';
import { MatSelectChange } from '@angular/material';
import { Observable } from 'rxjs';
export interface OptionMonth {
value: DateRange;
viewValue: string;
}
export interface DateRange {
startDate: Date;
endDate: Date;
}
export interface FinalModel {
completionModel: MonitorsSlaTeamProductivityCompletionMonitorModel;
faceTimeModel: MonitorsSlaTeamProductivityFacetimeMonitorModel;
}
export declare class MockCompletionService {
getMockedSlaTeamProductivityCompletionCounts(): Observable<MonitorsSlaTeamProductivityCompletionMonitorModel>;
}
export declare class MockFaceTimeService {
getMockedSlaTeamProductivityFacetimeCounts(): Observable<MonitorsSlaTeamProductivityFacetimeMonitorModel>;
}
export declare class E5coreUiMonitorSlaTeamProductivityHighchartsComponent implements OnInit {
private monitorCompletionService;
private monitorFacetimeService;
private datePipe;
constructor(monitorCompletionService: MonitorsSlaTeamProductivityCompletionMonitorService, monitorFacetimeService: MonitorsSlaTeamProductivityFacetimeMonitorService, datePipe: DatePipe);
mockCompletionService: MockCompletionService;
mockFaceTimeService: MockFaceTimeService;
finalModel: Observable<FinalModel>;
model: FinalModel;
completionModel: MonitorsSlaTeamProductivityCompletionMonitorModel;
faceTimeModel: MonitorsSlaTeamProductivityFacetimeMonitorModel;
Highcharts: any;
chartConstructor: string;
chartOptions: {
chart: {
alignTicks: boolean;
events: {
drilldown: (event: any) => void;
};
};
exporting: {
enabled: boolean;
};
title: {
text: string;
style: {
'fontSize': string;
'font-weight': string;
};
};
xAxis: {
categories: any[];
title: {
rotation: number;
};
};
yAxis: ({
min: number;
title: {
text: string;
};
labels: {
enabled: boolean;
};
height: number;
stackLabels: {
enabled: boolean;
style: {
fontWeight: string;
color: string;
};
};
top?: undefined;
opposite?: undefined;
} | {
min: number;
title: {
text: string;
};
height: number;
top: number;
opposite: boolean;
labels: {
enabled: boolean;
};
stackLabels: {
enabled: boolean;
style: {
fontWeight: string;
color: string;
};
};
})[];
legend: {
align: string;
x: number;
verticalAlign: string;
y: number;
floating: boolean;
backgroundColor: string;
borderColor: string;
borderWidth: number;
shadow: boolean;
itemStyle: {
fontSize: string;
font: string;
};
};
navigator: {
adaptToUpdatedData: boolean;
enabled: boolean;
xAxis: {
id: string;
type: string;
ordinal: boolean;
labels: {
format: string;
};
minTickInterval: number;
};
series: {
marker: boolean;
};
};
rangeSelector: {
enabled: boolean;
allButtonsEnabled: boolean;
verticalAlign: string;
buttons: ({
type: string;
count: number;
text: string;
} | {
type: string;
text: string;
count?: undefined;
})[];
selected: number;
inputEnabled: boolean;
};
tooltip: {
shared: boolean;
useHTML: boolean;
formatter: () => string;
};
plotOptions: {
column: {
stacking: string;
};
series: {
dataLabels: {
enabled: boolean;
align: string;
color: string;
};
dataGrouping: {
units: (string | number[])[][];
};
events: {
legendItemClick: (event: MouseEvent) => void;
};
};
};
series: {
name: string;
type: string;
data: number[];
}[];
};
chartCallback: any;
updateFlag: boolean;
oneToOneFlag: boolean;
runOutsideAngularFlag: boolean;
currentDate: Date;
optionMonths: OptionMonth[];
currentDateRange: DateRange;
selectedOptionMonth: OptionMonth;
selectedMonthViewValue: string;
groupingUnits: (string | number[])[][];
ngOnInit(): void;
private addMonths;
private addToOptionMonths;
private alterSelectedMonthOption;
reloadChart($event: MatSelectChange): void;
private instantiateOptionMonths;
private mergeServiceCalls;
LoadChartObject(startDate: any, endDate: any, category1Id?: any, category2Id?: any, category3Id?: any, statuses?: any, calculatedIntervals?: any, userGroupsId?: any, concatPivotFields?: any, debug?: any): void;
private extractXAxis;
private extractSeries;
private determineColorFromIndex;
private drillDown;
createChartOptions(): {
chart: {
alignTicks: boolean;
events: {
drilldown: (event: any) => void;
};
};
exporting: {
enabled: boolean;
};
title: {
text: string;
style: {
'fontSize': string;
'font-weight': string;
};
};
xAxis: {
categories: any[];
title: {
rotation: number;
};
};
yAxis: ({
min: number;
title: {
text: string;
};
labels: {
enabled: boolean;
};
height: number;
stackLabels: {
enabled: boolean;
style: {
fontWeight: string;
color: string;
};
};
top?: undefined;
opposite?: undefined;
} | {
min: number;
title: {
text: string;
};
height: number;
top: number;
opposite: boolean;
labels: {
enabled: boolean;
};
stackLabels: {
enabled: boolean;
style: {
fontWeight: string;
color: string;
};
};
})[];
legend: {
align: string;
x: number;
verticalAlign: string;
y: number;
floating: boolean;
backgroundColor: string;
borderColor: string;
borderWidth: number;
shadow: boolean;
itemStyle: {
fontSize: string;
font: string;
};
};
navigator: {
adaptToUpdatedData: boolean;
enabled: boolean;
xAxis: {
id: string;
type: string;
ordinal: boolean;
labels: {
format: string;
};
minTickInterval: number;
};
series: {
marker: boolean;
};
};
rangeSelector: {
enabled: boolean;
allButtonsEnabled: boolean;
verticalAlign: string;
buttons: ({
type: string;
count: number;
text: string;
} | {
type: string;
text: string;
count?: undefined;
})[];
selected: number;
inputEnabled: boolean;
};
tooltip: {
shared: boolean;
useHTML: boolean;
formatter: () => string;
};
plotOptions: {
column: {
stacking: string;
};
series: {
dataLabels: {
enabled: boolean;
align: string;
color: string;
};
dataGrouping: {
units: (string | number[])[][];
};
events: {
legendItemClick: (event: MouseEvent) => void;
};
};
};
series: {
name: string;
type: string;
data: number[];
}[];
};
onClick(eventThis: any, eventData: MouseEvent): void;
userFriendlyTime(value: any, timeType: any, fullTextLabels: any, showMiddleZeroes: any, precisionName: any, showZeros: any): string;
formatterFunction(eventThis: any): string;
injectMockInformation(startDate: string, endDate: string): void;
onNavigationCategoryClick(categoryName: any): void;
}