461 lines
19 KiB
TypeScript
461 lines
19 KiB
TypeScript
import {Component, OnInit, ElementRef} from '@angular/core';
|
|
import {HelpContentService} from '../../services/help-content.service';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {EnvProperties} from '../../openaireLibrary/utils/properties/env-properties';
|
|
import { Portal } from '../../domain/portal';
|
|
import {DomSanitizer, Title} from '@angular/platform-browser';
|
|
import {TitleCasePipe} from '@angular/common';
|
|
import {availableEntitiesMap, StatisticsDisplay, StatisticsSummary} from '../../openaireLibrary/connect/statistics/statisticsEntities';
|
|
import {ConfigurationService} from '../../openaireLibrary/utils/configuration/configuration.service';
|
|
|
|
import {Session} from '../../openaireLibrary/login/utils/helper.class';
|
|
import {LoginErrorCodes} from '../../openaireLibrary/login/utils/guardHelper.class';
|
|
import {HelperFunctions} from "../../openaireLibrary/utils/HelperFunctions.class";
|
|
import {CommunityCharts} from '../../openaireLibrary/connect/statistics/communityCharts';
|
|
import {properties} from '../../../environments/environment';
|
|
|
|
@Component({
|
|
selector: 'stats',
|
|
templateUrl: 'stats.component.html'
|
|
})
|
|
|
|
export class StatsComponent implements OnInit {
|
|
// errorMessage: string;
|
|
// loadingMessage: string;
|
|
public showLoading: boolean = true;
|
|
public errorMessage: string = '';
|
|
public updateErrorMessage: string = '';
|
|
|
|
communities: Portal[] = [];
|
|
communityId: string;
|
|
communityInfo = null;
|
|
deactivatedEntity: boolean;
|
|
|
|
displayedTimeline: string;
|
|
displayedGraph: string;
|
|
displayedProjectChart: string;
|
|
displayedEntity: string;
|
|
|
|
entitiesList: string[] = [];
|
|
entitiesMap: Map<string, string> = availableEntitiesMap;
|
|
|
|
statisticsSum: StatisticsSummary;
|
|
statisticsDisplay: StatisticsDisplay;
|
|
chartsInfoMap: {};
|
|
|
|
showAllInMonitor: boolean = false;
|
|
showAllInDashboard: boolean = false;
|
|
|
|
public properties: EnvProperties = null;
|
|
private communityName = null;
|
|
|
|
constructor(private element: ElementRef,
|
|
private contentService: HelpContentService,
|
|
private configService: ConfigurationService,
|
|
private route: ActivatedRoute,
|
|
private _router: Router,
|
|
private title: Title,
|
|
private sanitizer: DomSanitizer,
|
|
private titleCase: TitleCasePipe) {}
|
|
|
|
ngOnInit() {
|
|
|
|
this.properties = properties;
|
|
this.route.params.subscribe(
|
|
params => {
|
|
HelperFunctions.scroll();
|
|
this.title.setTitle('Administration Dashboard | Statistics');
|
|
this.communityId = params['community'];
|
|
this.getStatistics();
|
|
});
|
|
|
|
}
|
|
|
|
getStatistics() {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
// this.loadingMessage = 'Retrieving statistics';
|
|
// this.errorMessage = '';
|
|
this.showLoading = true;
|
|
this.updateErrorMessage = "";
|
|
this.errorMessage = "";
|
|
|
|
this.statisticsSum = null;
|
|
this.statisticsDisplay = null;
|
|
this.contentService.getCommunityStatistics(this.properties.statisticsAPIURL, this.communityId).subscribe(
|
|
stats => {
|
|
if(stats) {
|
|
this.statisticsSum = stats;
|
|
if(stats["other"]){ //hack because in stats API the entity name is "other" while in admin API is "orp". This component uses also "orp" name
|
|
this.statisticsSum["orp"]=stats["other"];
|
|
}
|
|
}else{
|
|
console.debug("Aaaa")
|
|
}
|
|
},
|
|
error => {
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'Failed to retrieve statistics for the chosen community!';
|
|
//console.log(error);
|
|
this.handleError('Failed to retrieve statistics for the chosen community!', error);
|
|
},
|
|
() => {
|
|
//this.loadingMessage = '';
|
|
this.getDisplayOptions();
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
getDisplayOptions() {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.contentService.getCommunityAdminStatisticsChoices(this.properties.adminToolsAPIURL, this.communityId)
|
|
.subscribe(
|
|
res => {
|
|
this.statisticsDisplay = res;
|
|
},
|
|
error => {
|
|
//console.log(error);
|
|
this.handleError('Failed to retrieve statistics\' choices for the chosen community!', error);
|
|
},
|
|
() => {
|
|
this.getCommunityInfo();
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
getCommunityInfo() {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
//console.log(`calling ${this.properties.adminToolsAPIURL}/communityFull/${this.communityId}`);
|
|
this.configService.portalAsObservable.subscribe(
|
|
res => {
|
|
console.debug(res);
|
|
if(res) {
|
|
this.communityInfo = res;
|
|
this.communityName = this.communityInfo.name;
|
|
}
|
|
},
|
|
error => this.handleError('Failed to retrieve information for the chosen community!', error),//console.log(error),
|
|
() => {
|
|
this.createChartUrlMap();
|
|
this.entitiesList = Array.from( this.entitiesMap.keys() );
|
|
this.onChangeEntity(this.entitiesList[0]);
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
onChangeEntity (entity: string) {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.showLoading = true;
|
|
|
|
this.deactivatedEntity = false;
|
|
this.displayedEntity = entity;
|
|
|
|
this.displayedTimeline = `${entity}Timeline`;
|
|
this.displayedGraph = `${entity}Graph`;
|
|
this.changeDisplayedProjectChart(`${entity}Projectcolumn`);
|
|
if (this.statisticsDisplay.entities[entity].charts.map['projectColumn'].showInMonitor &&
|
|
this.statisticsDisplay.entities[entity].charts.map['projectPie'].showInMonitor &&
|
|
this.statisticsDisplay.entities[entity].charts.map['projectTable'].showInMonitor) {
|
|
this.showAllInMonitor = true;
|
|
}
|
|
if (this.statisticsDisplay.entities[entity].charts.map['projectColumn'].showInDashboard &&
|
|
this.statisticsDisplay.entities[entity].charts.map['projectPie'].showInDashboard &&
|
|
this.statisticsDisplay.entities[entity].charts.map['projectTable'].showInDashboard) {
|
|
this.showAllInDashboard = true;
|
|
}
|
|
|
|
const activatedEntities = this.communityInfo['entities'];
|
|
if ( !activatedEntities.some(item => item.pid === entity) ) {
|
|
this.deactivatedEntity = true;
|
|
}
|
|
|
|
this.showLoading = false;
|
|
}
|
|
}
|
|
|
|
changeDisplayedProjectChart(chartName: string) {
|
|
this.displayedProjectChart = chartName;
|
|
}
|
|
|
|
createChartUrlMap() {
|
|
let communityCharts: CommunityCharts = new CommunityCharts(this.sanitizer);
|
|
this.chartsInfoMap = communityCharts.getChartsForCommunity(this.communityId, this.communityName, this.properties);
|
|
}
|
|
|
|
toggleShowAllInMonitor(entity: string) {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.showLoading = true;
|
|
this.updateErrorMessage = "";
|
|
//this.loadingMessage = 'Saving changes';
|
|
this.showAllInMonitor = !this.showAllInMonitor;
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectColumn',
|
|
this.showAllInMonitor,
|
|
true).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
|
|
this.handleUpdateError('The changes could not be saved', error);
|
|
},
|
|
() => {
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectPie',
|
|
this.showAllInMonitor,
|
|
true).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
|
|
this.handleUpdateError('The changes could not be saved', error);
|
|
},
|
|
() => {
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectTable',
|
|
this.showAllInMonitor,
|
|
true).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
|
|
this.handleUpdateError('The changes could not be saved' ,error);
|
|
},
|
|
() => {
|
|
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectColumn'].showInMonitor = this.showAllInMonitor;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectPie'].showInMonitor = this.showAllInMonitor;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectTable'].showInMonitor = this.showAllInMonitor;
|
|
//this.loadingMessage = '';
|
|
|
|
this.showLoading = false;
|
|
}
|
|
);
|
|
}
|
|
);
|
|
}
|
|
);
|
|
|
|
/*forkJoin didn't work properly - maybe try another way*/
|
|
/*Observable.forkJoin(
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectColumn',
|
|
this.showAllInMonitor,
|
|
true),
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectPie',
|
|
this.showAllInMonitor,
|
|
true),
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectTable',
|
|
this.showAllInMonitor,
|
|
true)
|
|
|
|
).subscribe(
|
|
response => console.log('All went well in forkJoin!'),
|
|
error => {
|
|
console.log(error);
|
|
this.loadingMessage = '';
|
|
this.errorMessage = 'The changes could not be saved';
|
|
},
|
|
() => {
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectColumn'].showInMonitor = this.showAllInMonitor;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectPie'].showInMonitor = this.showAllInMonitor;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectTable'].showInMonitor = this.showAllInMonitor;
|
|
this.loadingMessage = '';
|
|
}
|
|
);*/
|
|
}
|
|
}
|
|
|
|
toggleShowAllInDashboard(entity: string) {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.showLoading = true;
|
|
this.updateErrorMessage = "";
|
|
|
|
//this.loadingMessage = 'Saving changes';
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectColumn',
|
|
!this.showAllInDashboard,
|
|
false).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
this.handleUpdateError('The changed could not be saved', error);
|
|
},
|
|
() => {
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectPie',
|
|
!this.showAllInDashboard,
|
|
false).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
this.handleUpdateError('The changes could not be saved', error);
|
|
},
|
|
() => {
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
'charts',
|
|
'projectTable',
|
|
!this.showAllInDashboard,
|
|
false).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => {
|
|
//console.log(error);
|
|
//this.loadingMessage = '';
|
|
//this.errorMessage = 'The changes could not be saved';
|
|
this.handleUpdateError('The changes could not be saved', error);
|
|
},
|
|
() => {
|
|
|
|
this.showAllInDashboard = !this.showAllInDashboard;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectColumn'].showInDashboard = this.showAllInDashboard;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectPie'].showInDashboard = this.showAllInDashboard;
|
|
this.statisticsDisplay.entities[entity]['charts'].map['projectTable'].showInDashboard = this.showAllInDashboard;
|
|
//this.loadingMessage = '';
|
|
|
|
this.showLoading = false;
|
|
}
|
|
);
|
|
}
|
|
);
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
toggleShowGraphAnalysisView() {
|
|
this.contentService.statisticsIsActiveToggle(this.properties.adminToolsAPIURL, this.statisticsDisplay._id).subscribe(status => {
|
|
this.statisticsDisplay.isActive = status;
|
|
});
|
|
}
|
|
|
|
toggleShowInMonitor(entity: string, chartsOrNumbers: string, title: string) {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.updateErrorMessage = "";
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
chartsOrNumbers,
|
|
title,
|
|
!this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInMonitor,
|
|
true).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => this.handleUpdateError('The changes could not be saved', error),//console.log(error),
|
|
() => {
|
|
this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInMonitor = !this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInMonitor;
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
toggleShowInDashboard(entity: string, chartsOrNumbers: string, title: string) {
|
|
if(!Session.isLoggedIn()){
|
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
|
} else {
|
|
this.updateErrorMessage = "";
|
|
|
|
this.contentService.postCommunityAdminStatisticsChoices(
|
|
this.properties.adminToolsAPIURL,
|
|
this.communityId,
|
|
entity,
|
|
chartsOrNumbers,
|
|
title,
|
|
!this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInDashboard,
|
|
false).subscribe(
|
|
response => {},//console.log(JSON.stringify(response)),
|
|
error => this.handleUpdateError('The changes could not be saved', error),//console.log(error),
|
|
() => {
|
|
this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInDashboard = !this.statisticsDisplay.entities[entity][chartsOrNumbers].map[title].showInDashboard;
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
getCamelCaseString (inputString: string) {
|
|
return this.titleCase.transform(inputString);
|
|
}
|
|
|
|
|
|
handleUpdateError(message: string, error) {
|
|
this.updateErrorMessage = message;
|
|
console.log('Server responded: ' +error);
|
|
|
|
this.showLoading = false;
|
|
}
|
|
|
|
handleError(message: string, error) {
|
|
this.errorMessage = message;
|
|
console.log('Server responded: ' + error);
|
|
|
|
this.showLoading = false;
|
|
}
|
|
}
|