changed a few things in statistics component
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@51324 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
myrto.koukouli
parent
78704ca5fb
commit
8558a25b7b
|
|
@ -6,83 +6,104 @@
|
|||
<div *ngIf="!statisticsSum || !statisticsSum.total_projects" class="uk-alert uk-alert-info" style="margin-top:40px; padding-left:40px;">
|
||||
No statistics are available for {{ communityId.toUpperCase() }}
|
||||
</div>
|
||||
<div *ngIf="statisticsSum && statisticsDisplay && charts" class="uk-margin uk-margin-top">
|
||||
<div *ngIf="statisticsSum && statisticsDisplay && chartsUrlMap" class="uk-margin uk-margin-top">
|
||||
<div class="uk-grid">
|
||||
<ul class="uk-tab uk-tab-left uk-width-1-6 uk-margin-top" data-uk-tab="{connect:'#tabs'}">
|
||||
<li *ngFor="let entity of entitiesForCommunity"
|
||||
<li *ngFor="let entity of entitiesList"
|
||||
(click)="onChangeEntity(entity)">
|
||||
|
||||
<a href="#">{{ entity }}{{ entity == 'software' ? '' : 's' }}</a>
|
||||
<a href="#">{{ entity+(entity=='software'?'':'s') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul id="tabs" class="uk-switcher uk-margin uk-width-5-6" style="min-height:450px; padding-left:40px;">
|
||||
<li *ngFor="let entity of entitiesForCommunity">
|
||||
<div class="uk-text-uppercase uk-text-bold uk-heading-divider">
|
||||
<h2>{{ getCamelCaseString(entity) }}{{ entity == 'software' ? '' : 's' }} statistics</h2>
|
||||
<div *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].total" class="uk-text-small">
|
||||
<span>{{statisticsSum[entity + (entity == 'software' ? '' : 's')].total}} {{ entity + (entity == 'software' ? '' : 's') }} from {{statisticsSum.total_projects}} projects.</span><br>
|
||||
<span>{{statisticsSum[entity + (entity == 'software' ? '' : 's')].open_access}} are OA</span>
|
||||
<span *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].restricted">,
|
||||
{{statisticsSum[entity + (entity == 'software' ? '' : 's')].restricted}} are restricted
|
||||
</span>
|
||||
<span *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].embargo">
|
||||
and {{statisticsSum[entity + (entity == 'software' ? '' : 's')].embargo}} are still in embargo
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="charts.get(entity)">
|
||||
<div *ngIf="charts.get(entity).get('timeline') && (displayedTimeline == (entity + 'Timeline'))">
|
||||
<iframe [src]=displayedTimelineUrl width="1000" height="450"></iframe>
|
||||
<hr>
|
||||
</div>
|
||||
<div *ngIf="charts.get(entity).get('graph') && (displayedGraph == (entity + 'Graph'))">
|
||||
<iframe [src]=displayedGraphUrl width="1000" height="450"></iframe>
|
||||
<hr>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="uk-text-uppercase uk-text-bold">{{ communityId }} {{ entity }}{{ entity == 'software' ? '' : 's' }} per project</h4>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#projectChartTabs'">
|
||||
<li *ngIf="charts.get(entity).get('projectColumn')"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projectcolumn')">
|
||||
<li *ngFor="let entity of entitiesList">
|
||||
|
||||
<a href="#">Columns</a>
|
||||
</li>
|
||||
<li *ngIf="charts.get(entity).get('projectPie')"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projectpie')">
|
||||
<div *ngIf="!(statisticsSum[entity + (entity == 'software' ? '' : 's')]['total'])"
|
||||
class="uk-alert uk-alert-info">
|
||||
|
||||
<a href="#">Pie</a>
|
||||
</li>
|
||||
<li *ngIf="charts.get(entity).get('projectTable')"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projecttable')">
|
||||
|
||||
<a href="#">Table</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="projectChartTabs" class="uk-switcher uk-margin">
|
||||
<li>
|
||||
<div *ngIf="charts.get(entity).get('projectColumn') && (displayedProjectChart == (entity + 'Projectcolumn'))">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div *ngIf="charts.get(entity).get('projectPie') && (displayedProjectChart == (entity + 'Projectpie'))">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div *ngIf="charts.get(entity).get('projectTable') && displayedProjectChart == (entity + 'Projecttable')">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!statisticsSum[entity + (entity == 'software' ? '' : 's')].total" class="uk-alert uk-alert-primary">
|
||||
No {{ entity }}{{ entity == 'software' ? '' : 's' }} available
|
||||
</div>
|
||||
|
||||
<div *ngIf="statisticsDisplay.entities[entity] && statisticsSum[entity+(entity=='software'?'':'s')].total">
|
||||
<div class="uk-text-uppercase uk-text-bold uk-heading-divider">
|
||||
<h2>{{ getCamelCaseString(entity) }}{{ entity == 'software' ? '' : 's' }} statistics</h2>
|
||||
<div *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].total" class="uk-text-small">
|
||||
<span>{{statisticsSum[entity + (entity == 'software' ? '' : 's')].total}} {{ entity + (entity == 'software' ? '' : 's') }} from {{statisticsSum.total_projects}} projects.</span><br>
|
||||
<span>{{statisticsSum[entity + (entity == 'software' ? '' : 's')].open_access}} are OA</span>
|
||||
<span *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].restricted">,
|
||||
{{statisticsSum[entity + (entity == 'software' ? '' : 's')].restricted}} are restricted
|
||||
</span>
|
||||
<span *ngIf="statisticsSum[entity + (entity == 'software' ? '' : 's')].embargo">
|
||||
and {{statisticsSum[entity + (entity == 'software' ? '' : 's')].embargo}} are still in embargo
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div *ngIf="statisticsDisplay.entities[entity].charts.map['timeline'] &&
|
||||
statisticsDisplay.entities[entity].charts.map['timeline'].showInMonitor &&
|
||||
chartsUrlMap[entity + 'Timeline'] &&
|
||||
(displayedTimeline == (entity + 'Timeline'))">
|
||||
<iframe [src]=displayedTimelineUrl width="1000" height="450"></iframe>
|
||||
<hr>
|
||||
</div>
|
||||
<div *ngIf="statisticsDisplay.entities[entity].charts.map['graph'] &&
|
||||
statisticsDisplay.entities[entity].charts.map['graph'].showInMonitor &&
|
||||
chartsUrlMap[entity + 'Graph'] &&
|
||||
(displayedGraph == (entity + 'Graph'))">
|
||||
<iframe [src]=displayedGraphUrl width="1000" height="450"></iframe>
|
||||
<hr>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="uk-text-uppercase uk-text-bold">{{ communityId }} {{ entity }}{{ entity == 'software' ? '' : 's' }} per project</h4>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#projectChartTabs'">
|
||||
<li *ngIf=" statisticsDisplay.entities[entity].charts.map['projectColumn'] &&
|
||||
statisticsDisplay.entities[entity].charts.map['projectColumn'].showInMonitor &&
|
||||
chartsUrlMap[entity + 'Projectcolumn'] &&
|
||||
(displayedProjectChart == (entity + 'Projectcolumn'))"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projectcolumn')">
|
||||
|
||||
<a href="#">Columns</a>
|
||||
</li>
|
||||
<li *ngIf=" statisticsDisplay.entities[entity].charts.map['projectPie'] &&
|
||||
statisticsDisplay.entities[entity].charts.map['projectPie'].showInMonitor &&
|
||||
chartsUrlMap[entity + 'Projectpie'] &&
|
||||
(displayedProjectChart == (entity + 'Projectpie'))"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projectpie')">
|
||||
|
||||
<a href="#">Pie</a>
|
||||
</li>
|
||||
<li *ngIf=" statisticsDisplay.entities[entity].charts.map['projectTable'] &&
|
||||
statisticsDisplay.entities[entity].charts.map['projectTable'].showInMonitor &&
|
||||
chartsUrlMap[entity + 'Projecttable'] &&
|
||||
(displayedProjectChart == (entity + 'Projecttable'))"
|
||||
(click)="changeDisplayedProjectChart(entity + 'Projecttable')">
|
||||
|
||||
<a href="#">Table</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="projectChartTabs" class="uk-switcher uk-margin">
|
||||
<li>
|
||||
<div *ngIf="displayedProjectChart == (entity + 'Projectcolumn')">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div *ngIf="displayedProjectChart == (entity + 'Projectpie')">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div *ngIf="displayedProjectChart == (entity + 'Projecttable')">
|
||||
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -36,13 +36,11 @@ export class StatisticsComponent {
|
|||
public communityInfo = null;
|
||||
|
||||
entitiesList: string[] = availableEntities;
|
||||
entitiesForCommunity: string[] = [];
|
||||
chartCatsList: string[] = availableCharts;
|
||||
allowedCharts: string[] = [];
|
||||
|
||||
statisticsSum: StatisticsSummary;
|
||||
statisticsDisplay: StatisticsDisplay;
|
||||
charts: Map<string,Map<string,any>> = new Map<string,Map<string,any>>();
|
||||
chartsUrlMap: {};
|
||||
|
||||
public displayedTimeline: string;
|
||||
|
|
@ -135,37 +133,38 @@ export class StatisticsComponent {
|
|||
console.log(error)
|
||||
},
|
||||
() => {
|
||||
this.createCharts();
|
||||
this.createChartUrlMap();
|
||||
this.initializeDisplayedCharts('showInMonitor');
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/* checks which charts exist and which the admin has chosen to display in connect monitor */
|
||||
/* /!* checks which charts exist and which the admin has chosen to display in connect monitor *!/
|
||||
private createCharts() {
|
||||
this.createChartUrlMap();
|
||||
|
||||
/* for each entity find the statistics display information
|
||||
/!* for each entity find the statistics display information
|
||||
from apiUrl/statistics/communityId
|
||||
*/
|
||||
*!/
|
||||
for ( let entity of this.entitiesList ) {
|
||||
let displayOptionsForEntity = this.statisticsDisplay.entities[entity];
|
||||
|
||||
/* if the community has produced such entities */
|
||||
/!* if the community has produced such entities *!/
|
||||
if (displayOptionsForEntity && this.statisticsSum[entity+(entity=='software'?'':'s')]['total'] ) {
|
||||
|
||||
/* create a map of charts to be displayed */
|
||||
/!* create a map of charts to be displayed *!/
|
||||
let chartsMap: Map<string,any> = new Map<string,any>();
|
||||
|
||||
/* for each chart category find which charts exist
|
||||
/!* for each chart category find which charts exist
|
||||
and which the admin has chosen to be displayed here
|
||||
*/
|
||||
*!/
|
||||
for (let chart of this.chartCatsList) {
|
||||
|
||||
/* current chart is */
|
||||
/!* current chart is *!/
|
||||
let displayOptionsForCharts = this.statisticsDisplay.entities[entity].charts.map[chart];
|
||||
|
||||
/* in the future we probably won't need to check if the url exists */
|
||||
/* currently the url titles are created using the entity name and the chart name in camelcase */
|
||||
/!* in the future we probably won't need to check if the url exists *!/
|
||||
/!* currently the url titles are created using the entity name and the chart name in camelcase *!/
|
||||
let urlString = this.chartsUrlMap[entity + this.getCamelCaseString(chart)];
|
||||
|
||||
if (displayOptionsForCharts && displayOptionsForCharts.showInMonitor && urlString ) {
|
||||
|
|
@ -174,14 +173,35 @@ export class StatisticsComponent {
|
|||
}
|
||||
}
|
||||
|
||||
/* add the entity's charts to the charts map */
|
||||
/!* add the entity's charts to the charts map *!/
|
||||
this.charts.set(entity, chartsMap);
|
||||
|
||||
/* add the entity in the available entities for the current community */
|
||||
/!* add the entity in the available entities for the current community *!/
|
||||
this.entitiesForCommunity.push(entity);
|
||||
}
|
||||
}
|
||||
this.onChangeEntity(this.entitiesForCommunity[0]);
|
||||
}*/
|
||||
|
||||
initializeDisplayedCharts(mode: string) {
|
||||
let firstEntity: string;
|
||||
for (let entity of this.entitiesList) {
|
||||
if (this.statisticsDisplay.entities[entity]) {
|
||||
|
||||
for (let chart of this.chartCatsList){
|
||||
if (this.statisticsDisplay.entities[entity].charts.map[chart] &&
|
||||
this.statisticsDisplay.entities[entity].charts.map[chart][mode] &&
|
||||
this.chartsUrlMap[entity + this.getCamelCaseString(chart)]) {
|
||||
|
||||
this.allowedCharts.push(entity + this.getCamelCaseString(chart));
|
||||
}
|
||||
}
|
||||
if (!firstEntity){
|
||||
firstEntity = entity;
|
||||
this.onChangeEntity(entity);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
createChartUrlMap() {
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ export const availableNumbers = [
|
|||
|
||||
export const availableEntities = [
|
||||
'publication',
|
||||
'datasets',
|
||||
'dataset',
|
||||
'software'
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue