[Monitor dashborad|Trunk]
Updates on funder default profile git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57839 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
77f397fc99
commit
ca7b309d67
|
|
@ -1,178 +1,174 @@
|
||||||
<!--disable_transitions -->
|
<!--disable_transitions -->
|
||||||
<div class="double-header stakeholderPage">
|
<div class="double-header stakeholderPage">
|
||||||
<div class="">
|
<div class="">
|
||||||
<div id="header_menu" class="uk-width-1-1">
|
<div id="header_menu" class="uk-width-1-1">
|
||||||
<nav class="uk-navbar">
|
<nav class="uk-navbar">
|
||||||
|
|
||||||
<div class="uk-navbar-left">
|
<div class="uk-navbar-left">
|
||||||
<img class="badge "
|
<img class="badge "
|
||||||
src="assets/theme-assets/prototype_flag.svg"
|
src="assets/theme-assets/prototype_flag.svg"
|
||||||
alt="BETA">
|
alt="BETA">
|
||||||
<a *ngIf="stakeholder"
|
<a *ngIf="stakeholder"
|
||||||
class="uk-logo uk-navbar-item ng-star-inserted uk-link uk-margin-small-top uk-margin-medium-left"
|
class="uk-logo uk-navbar-item ng-star-inserted uk-link uk-margin-small-top uk-margin-medium-left"
|
||||||
routerlink="/"
|
routerlink="/"
|
||||||
routerlinkactive="uk-link" href="/">
|
routerlinkactive="uk-link" href="/">
|
||||||
<img *ngIf="stakeholder.logoUrl" [src]="stakeholder.logoUrl" class="uk-responsive-height">
|
<img *ngIf="stakeholder.logoUrl" [src]="stakeholder.logoUrl" class="uk-responsive-height">
|
||||||
<div *ngIf="!stakeholder.logoUrl">
|
<div *ngIf="!stakeholder.logoUrl">
|
||||||
{{stakeholder.index_name}}
|
{{stakeholder.index_name}}
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<div class="uk-margin-large-left uk-width-medium ng-star-inserted">
|
|
||||||
<div class="">
|
|
||||||
<!-- <div dashboard-input label="Search for..." [formInput]="keyword"></div>-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic"
|
|
||||||
class="uk-navbar-right uk-margin-right">
|
|
||||||
<!--<ul class="uk-navbar-nav">
|
|
||||||
<li class="uk-active">
|
|
||||||
<a class="uk-margin-remove-bottom "><span>Monitor</span></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="uk-margin-remove-bottom ">Search</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="uk-margin-remove-bottom ">Help</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>-->
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="sidebar_main_swipe header_full" [class.sidebar_main_active]="open">
|
|
||||||
<div id="header_main">
|
|
||||||
<nav class="uk-light">
|
|
||||||
<div class="main_logo_top">
|
|
||||||
<div *ngIf="stakeholder && stakeholder.index_name" class=" ">
|
|
||||||
<div class="uk-text-bold uk-h4 uk-margin-remove-bottom">{{stakeholder.index_name}}</div>
|
|
||||||
<div class="uk-h5 uk-margin-remove">Monitor Dashboard</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a id="sidebar_main_toggle" (click)="toggleOpen()" class="sSwitch sSwitch_left uk-margin-left">
|
|
||||||
<span class="sSwitchIcon"></span>
|
|
||||||
</a>
|
|
||||||
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" class="uk-navbar-center">
|
|
||||||
<ul class="uk-navbar-nav">
|
|
||||||
<ng-template ngFor [ngForOf]="stakeholder.topics" let-topic let-i="index">
|
|
||||||
<li *ngIf="topic.isPublic && topic.isActive"
|
|
||||||
[ngClass]="(topic.alias === activeTopic.alias)?'uk-active':''">
|
|
||||||
<a (click)="navigateTo(stakeholder.alias, topic.alias)"
|
|
||||||
class="uk-margin-remove-bottom uk-h4"
|
|
||||||
><span>{{topic.name}}</span></a>
|
|
||||||
</li>
|
|
||||||
</ng-template>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
<dashboard-sidebar *ngIf="sideBar && stakeholder" [items]="sideBar.items"
|
|
||||||
[activeItem]="activeCategory?activeCategory.alias:null"
|
|
||||||
[activeSubItem]="activeSubCategory?activeSubCategory.alias:null" [showHeader]=false
|
|
||||||
></dashboard-sidebar>
|
|
||||||
<div id="page_content" click-outside-or-esc targetId="page_content" [escClose]="false"
|
|
||||||
(clickOutside)="toggleOpen($event)">
|
|
||||||
<div id="page_content_inner">
|
|
||||||
<!-- <div>
|
|
||||||
Filters
|
|
||||||
<input class="uk-input uk-form-width-medium" placeholder="Funding Stream" type="text" name="fund_level_0"
|
|
||||||
[(ngModel)]="fundingL0">
|
|
||||||
|
|
||||||
<input class="uk-input uk-form-width-medium" placeholder="Start year" type="text" name="start_year"
|
|
||||||
[(ngModel)]="startYear">
|
|
||||||
<input class="uk-input uk-form-width-medium" placeholder="End year" type="text" name="end_year"
|
|
||||||
[(ngModel)]="endYear">
|
|
||||||
<button class="uk-button uk-button-primary" (click)="setIndicators()">Apply</button>
|
|
||||||
</div>-->
|
|
||||||
<h4 *ngIf="activeSubCategory && (activeSubCategory.numbers.length > 0
|
|
||||||
|| activeSubCategory.charts.length > 0); else noIndicators"
|
|
||||||
class="uk-margin uk-margin-top uk-text-bold">Indicators
|
|
||||||
</h4>
|
|
||||||
<ng-template #noIndicators>
|
|
||||||
|
|
||||||
<div class="">
|
|
||||||
<div class="">
|
|
||||||
<div class="uk-h3">
|
|
||||||
No indicators available yet. Stay tuned!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="(activeSubCategory && activeSubCategory.description && activeSubCategory.description.length > 0) ||
|
|
||||||
(activeCategory && activeCategory.description && activeCategory.description.length > 0) ||
|
|
||||||
(activeTopic && activeTopic.description && activeTopic.description.length > 0)"
|
|
||||||
class="">
|
|
||||||
<div class="">
|
|
||||||
<div class="uk-h5">
|
|
||||||
{{activeSubCategory.description && activeSubCategory.description.length > 0 ? activeSubCategory.description
|
|
||||||
: (activeCategory.description && activeCategory.description.length > 0 ? activeCategory.description :
|
|
||||||
(activeTopic.description && activeTopic.description.length > 0 ? activeTopic.description : ""))}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-template>
|
|
||||||
<div *ngIf="activeSubCategory" class="uk-grid uk-grid-medium uk-margin-bottom"
|
|
||||||
uk-height-match="target: div.md-card">
|
|
||||||
<ng-template ngFor [ngForOf]="activeSubCategory.numbers" let-number let-i="index">
|
|
||||||
<div *ngIf="number.isActive && number.isPublic"
|
|
||||||
[class.uk-width-1-3@m]="number.width === 'small'"
|
|
||||||
[class.uk-width-1-2@m]="number.width === 'medium'"
|
|
||||||
[class.uk-width-1-1]="number.width === 'large'">
|
|
||||||
<div class="md-card"
|
|
||||||
[attr.uk-tooltip]="number.description">
|
|
||||||
<div class="md-card-content">
|
|
||||||
<span class="uk-text-muted uk-margin-bottom uk-h5">{{number.name}}</span>
|
|
||||||
<h2 *ngIf="numberResults.get(i)" class="uk-margin-remove">
|
|
||||||
<span>{{numberResults.get(i) | number}}</span>
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-template>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="activeSubCategory" class="uk-grid uk-grid-medium uk-margin-bottom uk-flex uk-flex-bottom "
|
|
||||||
uk-height-match="target: div > div > .chartTitle">
|
|
||||||
<ng-template ngFor [ngForOf]="activeSubCategory.charts" let-chart let-i="index">
|
|
||||||
<div *ngIf="chart.isActive && chart.isPublic && chartsActiveType.get(i)"
|
|
||||||
[class.uk-width-1-3@m]="chart.width === 'small'"
|
|
||||||
[class.uk-width-1-2@m]="chart.width === 'medium'"
|
|
||||||
[class.uk-width-1-1]="chart.width === 'large'">
|
|
||||||
<div class="indicatorBox">
|
|
||||||
|
|
||||||
<h4 class="uk-margin-bottom uk-margin-top chartTitle uk-flex uk-flex-bottom ">
|
|
||||||
<div>{{chart.name + " "}}</div>
|
|
||||||
</h4>
|
|
||||||
<div class="md-card" [attr.uk-tooltip]="chart.description">
|
|
||||||
<div class="md-card-content uk-text-center">
|
|
||||||
<div *ngIf="chart.indicatorPaths.length > 1" class="uk-button-group">
|
|
||||||
<button *ngFor="let indicatorPath of chart.indicatorPaths;"
|
|
||||||
class="uk-button"
|
|
||||||
(click)="setActiveChart(i, indicatorPath.type)"
|
|
||||||
[class.uk-button-secondary]="chartsActiveType.get(i).url === indicatorPath.url">
|
|
||||||
{{indicatorPath.type}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<iframe *ngIf="chartsActiveType.get(i).source !== 'image'"
|
|
||||||
[src]="chartsActiveType.get(i).safeResourceUrl"
|
|
||||||
class="uk-width-1-1 uk-height-medium"></iframe>
|
|
||||||
<!-- {{chartsActiveType.get(i).safeResourceUrl}}-->
|
|
||||||
<img *ngIf="chartsActiveType.get(i).source === 'image'"
|
|
||||||
[src]="chartsActiveType.get(i).safeResourceUrl"
|
|
||||||
class="uk-width-1-1 uk-height-medium">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-template>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="uk-margin-large-left uk-width-medium ng-star-inserted">
|
||||||
|
<div class="">
|
||||||
|
<!-- <div dashboard-input label="Search for..." [formInput]="keyword"></div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" class="uk-navbar-right uk-margin-right">
|
||||||
|
<!--<ul class="uk-navbar-nav">
|
||||||
|
<li class="uk-active">
|
||||||
|
<a class="uk-margin-remove-bottom "><span>Monitor</span></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="uk-margin-remove-bottom ">Search</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="uk-margin-remove-bottom ">Help</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>-->
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<a *ngIf="stakeholder" id="style_switcher" class="" routerLinkActive="active"
|
</div>
|
||||||
[routerLink]="['/admin', this.stakeholder.alias]">
|
<div class="sidebar_main_swipe header_full" [class.sidebar_main_active]="open">
|
||||||
<div id="style_switcher_toggle"><i class="material-icons">settings</i></div>
|
<div id="header_main">
|
||||||
</a>
|
<nav class="uk-light">
|
||||||
|
<div class="main_logo_top">
|
||||||
|
<div *ngIf="stakeholder && stakeholder.index_name" class=" ">
|
||||||
|
<div class="uk-text-bold uk-h4 uk-margin-remove-bottom">{{stakeholder.index_name}}</div>
|
||||||
|
<div class="uk-h5 uk-margin-remove">Monitor Dashboard</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a id="sidebar_main_toggle" (click)="toggleOpen()" class="sSwitch sSwitch_left uk-margin-left">
|
||||||
|
<span class="sSwitchIcon"></span>
|
||||||
|
</a>
|
||||||
|
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" class="uk-navbar-center">
|
||||||
|
<ul class="uk-navbar-nav">
|
||||||
|
<ng-template ngFor [ngForOf]="stakeholder.topics" let-topic let-i="index">
|
||||||
|
<li *ngIf="topic.isPublic && topic.isActive"
|
||||||
|
[ngClass]="(topic.alias === activeTopic.alias)?'uk-active':''">
|
||||||
|
<a (click)="navigateTo(stakeholder.alias, topic.alias)" class="uk-margin-remove-bottom uk-h4"
|
||||||
|
><span>{{topic.name}}</span></a>
|
||||||
|
</li>
|
||||||
|
</ng-template>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<dashboard-sidebar *ngIf="sideBar && stakeholder" [items]="sideBar.items"
|
||||||
|
[activeItem]="activeCategory?activeCategory.alias:null"
|
||||||
|
[activeSubItem]="activeSubCategory?activeSubCategory.alias:null" [showHeader]=false
|
||||||
|
></dashboard-sidebar>
|
||||||
|
<div *ngIf="activeSubCategory"
|
||||||
|
id="page_content" click-outside-or-esc targetId="page_content" [escClose]="false"
|
||||||
|
(clickOutside)="toggleOpen($event)">
|
||||||
|
<div id="page_content_inner">
|
||||||
|
<!-- <div>
|
||||||
|
Filters
|
||||||
|
<input class="uk-input uk-form-width-medium" placeholder="Funding Stream" type="text" name="fund_level_0"
|
||||||
|
[(ngModel)]="fundingL0">
|
||||||
|
|
||||||
|
<input class="uk-input uk-form-width-medium" placeholder="Start year" type="text" name="start_year"
|
||||||
|
[(ngModel)]="startYear">
|
||||||
|
<input class="uk-input uk-form-width-medium" placeholder="End year" type="text" name="end_year"
|
||||||
|
[(ngModel)]="endYear">
|
||||||
|
<button class="uk-button uk-button-primary" (click)="setIndicators()">Apply</button>
|
||||||
|
</div>-->
|
||||||
|
|
||||||
|
|
||||||
|
<div class="" *ngIf="activeSubCategory.numbers.length == 0 && activeSubCategory.charts.length == 0;">
|
||||||
|
<div class="">
|
||||||
|
<div class="uk-h3">
|
||||||
|
No indicators available yet. Stay tuned!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="activeSubCategory" class="uk-grid uk-grid-medium uk-margin-bottom" uk-height-match="target: div.md-card">
|
||||||
|
|
||||||
|
<ng-template ngFor [ngForOf]="activeSubCategory.numbers" let-number let-i="index">
|
||||||
|
<div *ngIf="number.isActive && number.isPublic"
|
||||||
|
[class.uk-width-1-3@m]="number.width === 'small'"
|
||||||
|
[class.uk-width-1-2@m]="number.width === 'medium'"
|
||||||
|
[class.uk-width-1-1]="number.width === 'large'">
|
||||||
|
<div class="md-card"
|
||||||
|
[attr.uk-tooltip]="number.description">
|
||||||
|
<div class="md-card-content">
|
||||||
|
<span class="uk-text-muted uk-margin-bottom uk-h5">{{number.name}}</span>
|
||||||
|
<h2 *ngIf="numberResults.get(i)" class="uk-margin-remove">
|
||||||
|
<span>{{numberResults.get(i) | number}}</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ng-template>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="(activeSubCategory && activeSubCategory.charts.length == 0) && ((activeSubCategory && activeSubCategory.description &&
|
||||||
|
activeSubCategory.description.length > 0) ||
|
||||||
|
(activeCategory && activeCategory.description && activeCategory.description.length > 0) ||
|
||||||
|
(activeTopic && activeTopic.description && activeTopic.description.length > 0))"
|
||||||
|
class="">
|
||||||
|
<div class="">
|
||||||
|
<div class="uk-h5">
|
||||||
|
{{activeSubCategory.description && activeSubCategory.description.length > 0 ? activeSubCategory.description
|
||||||
|
: (activeCategory.description && activeCategory.description.length > 0 ? activeCategory.description :
|
||||||
|
(activeTopic.description && activeTopic.description.length > 0 ? activeTopic.description : ""))}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="activeSubCategory"class="uk-grid uk-grid-medium uk-margin-bottom uk-flex uk-flex-bottom "
|
||||||
|
uk-height-match="target: div > div > .chartTitle">
|
||||||
|
<ng-template ngFor [ngForOf]="activeSubCategory.charts" let-chart let-i="index">
|
||||||
|
<div *ngIf="chart.isActive && chart.isPublic && chartsActiveType.get(i)"
|
||||||
|
[class.uk-width-1-3@m]="chart.width === 'small'"
|
||||||
|
[class.uk-width-1-2@m]="chart.width === 'medium'"
|
||||||
|
[class.uk-width-1-1]="chart.width === 'large'">
|
||||||
|
<div class="indicatorBox">
|
||||||
|
|
||||||
|
<h4 class="uk-margin-bottom uk-margin-top chartTitle uk-flex uk-flex-bottom ">
|
||||||
|
<div>{{chart.name + " "}}</div>
|
||||||
|
</h4>
|
||||||
|
<div class="md-card" [attr.uk-tooltip]="chart.description">
|
||||||
|
<div class="md-card-content uk-text-center">
|
||||||
|
<div *ngIf="chart.indicatorPaths.length > 1" class="uk-button-group">
|
||||||
|
<button *ngFor="let indicatorPath of chart.indicatorPaths;"
|
||||||
|
class="uk-button"
|
||||||
|
(click)="setActiveChart(i, indicatorPath.type)"
|
||||||
|
[class.uk-button-secondary]="chartsActiveType.get(i).url === indicatorPath.url">
|
||||||
|
{{indicatorPath.type}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<iframe *ngIf="chartsActiveType.get(i).source !== 'image'"
|
||||||
|
[src]="chartsActiveType.get(i).safeResourceUrl"
|
||||||
|
class="uk-width-1-1 uk-height-medium"></iframe>
|
||||||
|
<!-- {{chartsActiveType.get(i).safeResourceUrl}}-->
|
||||||
|
<!-- <a [href]="chartsActiveType.get(i).safeResourceUrl" target="_blank" > ChartuURL</a>-->
|
||||||
|
<img *ngIf="chartsActiveType.get(i).source === 'image'"
|
||||||
|
[src]="chartsActiveType.get(i).safeResourceUrl"
|
||||||
|
class="uk-width-1-1 uk-height-medium">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ng-template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a *ngIf="stakeholder" id="style_switcher" class="" routerLinkActive="active"
|
||||||
|
[routerLink]="['/admin', this.stakeholder.alias]">
|
||||||
|
<div id="style_switcher_toggle"><i class="material-icons">settings</i></div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -55,18 +55,18 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
public keyword: FormControl;
|
public keyword: FormControl;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private route: ActivatedRoute,
|
private route: ActivatedRoute,
|
||||||
private _router: Router,
|
private _router: Router,
|
||||||
private _meta: Meta,
|
private _meta: Meta,
|
||||||
private _title: Title,
|
private _title: Title,
|
||||||
private _piwikService: PiwikService,
|
private _piwikService: PiwikService,
|
||||||
private helper: HelperService,
|
private helper: HelperService,
|
||||||
private stakeholderService: StakeholderService,
|
private stakeholderService: StakeholderService,
|
||||||
private statisticsService: StatisticsService,
|
private statisticsService: StatisticsService,
|
||||||
private layoutService: LayoutService,
|
private layoutService: LayoutService,
|
||||||
private seoService: SEOService,
|
private seoService: SEOService,
|
||||||
private cdr: ChangeDetectorRef,
|
private cdr: ChangeDetectorRef,
|
||||||
private sanitizer: DomSanitizer, private _fb: FormBuilder) {
|
private sanitizer: DomSanitizer, private _fb: FormBuilder) {
|
||||||
this.errorCodes = new ErrorCodes();
|
this.errorCodes = new ErrorCodes();
|
||||||
this.errorMessages = new ErrorMessagesComponent();
|
this.errorMessages = new ErrorMessagesComponent();
|
||||||
this.status = this.errorCodes.LOADING;
|
this.status = this.errorCodes.LOADING;
|
||||||
|
|
@ -91,8 +91,8 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
this.status = this.errorCodes.LOADING;
|
this.status = this.errorCodes.LOADING;
|
||||||
this.numberResults = new Map<number, number>();
|
this.numberResults = new Map<number, number>();
|
||||||
this.chartsActiveType = new Map<number, IndicatorPath>();
|
this.chartsActiveType = new Map<number, IndicatorPath>();
|
||||||
subscription = this.stakeholderService.getStakeholderAsObservable().subscribe(stakeholder => {
|
// subscription = this.stakeholderService.getStakeholderAsObservable().subscribe(stakeholder => {
|
||||||
/*let stakeholder: Stakeholder = null;
|
let stakeholder: Stakeholder = null;
|
||||||
if (params['stakeholder'] == "fwf") {
|
if (params['stakeholder'] == "fwf") {
|
||||||
stakeholder = new Stakeholder(null, "funder", "fwf_________::FWF", "Austrian Science Fund (FWF)", "FWF",
|
stakeholder = new Stakeholder(null, "funder", "fwf_________::FWF", "Austrian Science Fund (FWF)", "FWF",
|
||||||
false, "fwf", true, true, null);
|
false, "fwf", true, true, null);
|
||||||
|
|
@ -110,7 +110,7 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
false, "ec", true, true, null);
|
false, "ec", true, true, null);
|
||||||
stakeholder = this.stakeholderUtils.createFunderFromDefaultProfile(stakeholder, StakeholderCreator.createFunderDefaultProfile().topics);
|
stakeholder = this.stakeholderUtils.createFunderFromDefaultProfile(stakeholder, StakeholderCreator.createFunderDefaultProfile().topics);
|
||||||
stakeholder.logoUrl = "./assets/ec.png";
|
stakeholder.logoUrl = "./assets/ec.png";
|
||||||
}*/
|
}
|
||||||
if (stakeholder) {
|
if (stakeholder) {
|
||||||
this.stakeholder = stakeholder;
|
this.stakeholder = stakeholder;
|
||||||
this.seoService.createLinkForCanonicalURL(url, false);
|
this.seoService.createLinkForCanonicalURL(url, false);
|
||||||
|
|
@ -129,9 +129,9 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
this.status = this.errorCodes.DONE;
|
this.status = this.errorCodes.DONE;
|
||||||
this.setView(params);
|
this.setView(params);
|
||||||
}
|
}
|
||||||
}, error => {
|
// }, error => {
|
||||||
this.navigateToError();
|
// this.navigateToError();
|
||||||
});
|
// });
|
||||||
this.subscriptions.push(subscription);
|
this.subscriptions.push(subscription);
|
||||||
} else {
|
} else {
|
||||||
this.setView(params);
|
this.setView(params);
|
||||||
|
|
@ -213,7 +213,7 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.activeSubCategory = this.activeCategory.subCategories.find(subCategory =>
|
this.activeSubCategory = this.activeCategory.subCategories.find(subCategory =>
|
||||||
subCategory.isPublic && subCategory.isActive);
|
subCategory.isPublic && subCategory.isActive);
|
||||||
}
|
}
|
||||||
if (this.activeSubCategory) {
|
if (this.activeSubCategory) {
|
||||||
this.setSideBar();
|
this.setSideBar();
|
||||||
|
|
@ -258,8 +258,8 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
category.subCategories.forEach(subCategory => {
|
category.subCategories.forEach(subCategory => {
|
||||||
if (subCategory.isPublic && subCategory.isActive) {
|
if (subCategory.isPublic && subCategory.isActive) {
|
||||||
subItems.push(new Item(subCategory.alias, subCategory.name, (
|
subItems.push(new Item(subCategory.alias, subCategory.name, (
|
||||||
'/' + this.stakeholder.alias + '/' + this.activeTopic.alias + '/' + category.alias + '/' + subCategory.alias),
|
'/' + this.stakeholder.alias + '/' + this.activeTopic.alias + '/' + category.alias + '/' + subCategory.alias),
|
||||||
null, null, false));
|
null, null, false));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let open = this.activeCategory.alias === category.alias;
|
let open = this.activeCategory.alias === category.alias;
|
||||||
|
|
@ -267,8 +267,8 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
open = MonitorComponent.sidebarStatus.status[index];
|
open = MonitorComponent.sidebarStatus.status[index];
|
||||||
}
|
}
|
||||||
items.push(new Item(category.alias, category.name, (
|
items.push(new Item(category.alias, category.name, (
|
||||||
'/' + this.stakeholder.alias + '/' + this.activeTopic.alias + '/' + category.alias),
|
'/' + this.stakeholder.alias + '/' + this.activeTopic.alias + '/' + category.alias),
|
||||||
subItems, null, open));
|
subItems, null, open));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if(items.length === 0) {
|
if(items.length === 0) {
|
||||||
|
|
@ -317,7 +317,7 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
|
|
||||||
public getUrlByStakeHolder(indicatorPath: IndicatorPath) {
|
public getUrlByStakeHolder(indicatorPath: IndicatorPath) {
|
||||||
return this.sanitizer.bypassSecurityTrustResourceUrl(
|
return this.sanitizer.bypassSecurityTrustResourceUrl(
|
||||||
this.statisticsService.getChartUrl(indicatorPath.source, this.indicatorUtils.getFullUrl(indicatorPath, this.fundingL0, this.startYear, this.endYear)));
|
this.statisticsService.getChartUrl(indicatorPath.source, this.indicatorUtils.getFullUrl(indicatorPath, this.fundingL0, this.startYear, this.endYear)));
|
||||||
}
|
}
|
||||||
|
|
||||||
public setActiveChart(index, type: string) {
|
public setActiveChart(index, type: string) {
|
||||||
|
|
@ -332,7 +332,7 @@ export class MonitorComponent implements OnInit, OnDestroy, IDeactivateComponent
|
||||||
|
|
||||||
public navigateTo(stakeholder: string, topic: string, category: string = null, subcategory: string = null) {
|
public navigateTo(stakeholder: string, topic: string, category: string = null, subcategory: string = null) {
|
||||||
let url = stakeholder + '/' + topic + ((category) ? ('/'
|
let url = stakeholder + '/' + topic + ((category) ? ('/'
|
||||||
+ category) : '') + ((subcategory) ? ('/' + subcategory) : '');
|
+ category) : '') + ((subcategory) ? ('/' + subcategory) : '');
|
||||||
return this._router.navigate([url]);
|
return this._router.navigate([url]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,16 +8,18 @@ export class StakeholderCreator {
|
||||||
funder.topics.push(StakeholderCreator.createResearchProductionTopic(funder));
|
funder.topics.push(StakeholderCreator.createResearchProductionTopic(funder));
|
||||||
funder.topics.push(StakeholderCreator.createOSTopic(funder));
|
funder.topics.push(StakeholderCreator.createOSTopic(funder));
|
||||||
let collaboration = new Topic("Collaboration","Indexes for collaboration","collaboration", true, true);
|
let collaboration = new Topic("Collaboration","Indexes for collaboration","collaboration", true, true);
|
||||||
collaboration.categories.push(this.createEmptyCategory("Academic Impact","","academic-impact"));
|
collaboration.categories.push(this.createEmptyCategory("International collaboration","Indicators for international collaborations based on the percentage of research results or patents with at least one co-author from abroad","international-collaboration"));
|
||||||
collaboration.categories.push(this.createEmptyCategory("Economic Impact","","economic-impact"));
|
collaboration.categories.push(this.createEmptyCategory("EU collaboration","Indicators for EU Collaboration based on the percentage of research results or patents with at least one co-author from another EU organization","eu-collaboration"));
|
||||||
collaboration.categories.push(this.createEmptyCategory("Societal Impact","","societal-impact"));
|
collaboration.categories.push(this.createEmptyCategory("Industrial collaboration","Indicators for Industrial collaboration based on the percentage of research results or patents with at least one co-author from the industry","industrial-collaboration"));
|
||||||
|
collaboration.categories.push(this.createEmptyCategory("Transdisciplinary / transectoral collaboration","Indicators for Transdisciplinary/transectoral collaboration based on the percentage of research results or patents with at least one co-author from another discipline or sector","transdisciplinary-collaboration"));
|
||||||
|
|
||||||
funder.topics.push(collaboration);
|
funder.topics.push(collaboration);
|
||||||
|
|
||||||
funder.topics.push(StakeholderCreator.createEmptyTopic("Diffusion","","diffusion"));
|
funder.topics.push(StakeholderCreator.createEmptyTopic("Diffusion","Indicators based on citations, classifications and usage data: How diverse are the research knowledge resources upon which an article is drawn? How diverse are the venues in which a body of research appears? How diverse are the fields that cite a research result?","diffusion"));
|
||||||
let impact = new Topic("Impact", "", "impact", true, true);
|
let impact = new Topic("Impact", "", "impact", true, true);
|
||||||
impact.categories.push(this.createEmptyCategory("Academic Impact","","academic-impact"));
|
impact.categories.push(this.createEmptyCategory("Academic Impact","Indicators based on citations and collaboration, related to MAG classifications.","academic-impact"));
|
||||||
impact.categories.push(this.createEmptyCategory("Economic Impact","","economic-impact"));
|
impact.categories.push(this.createEmptyCategory("Economic Impact","Indicators based on patents and collaboration between industry and academia","economic-impact"));
|
||||||
impact.categories.push(this.createEmptyCategory("Societal Impact","","societal-impact"));
|
impact.categories.push(this.createEmptyCategory("Societal Impact","Indicators that correlate research results with SDGs","societal-impact"));
|
||||||
funder.topics.push(impact);
|
funder.topics.push(impact);
|
||||||
|
|
||||||
return funder;
|
return funder;
|
||||||
|
|
@ -183,53 +185,104 @@ export class StakeholderCreator {
|
||||||
static createOpenAccessTopic(stakeholder:Stakeholder):Category {
|
static createOpenAccessTopic(stakeholder:Stakeholder):Category {
|
||||||
let category = new Category("Open Access", "", "open-access", true, true);
|
let category = new Category("Open Access", "", "open-access", true, true);
|
||||||
category.subCategories.push(this.createOASub(stakeholder,"Publications","Publication","publication","publications"));
|
category.subCategories.push(this.createOASub(stakeholder,"Publications","Publication","publication","publications"));
|
||||||
category.subCategories.push(this.createOASub(stakeholder,"Research data","Research data","dataset","datasets"));
|
// category.subCategories.push(this.createOASub(stakeholder,"Research data","Research data","dataset","datasets"));
|
||||||
category.subCategories.push(this.createOASub(stakeholder,"Software","Software","software","software"));
|
// category.subCategories.push(this.createOASub(stakeholder,"Software","Software","software","software"));
|
||||||
category.subCategories.push(this.createOASub(stakeholder,"Other research products","Other research product","other","other"));
|
// category.subCategories.push(this.createOASub(stakeholder,"Other research products","Other research product","other","other"));
|
||||||
return category;
|
return category;
|
||||||
}
|
}
|
||||||
static createOASub(stakeholder:Stakeholder,typePlural, typeSingl, dbType, dbTypePlural ):SubCategory {
|
static createOASub(stakeholder:Stakeholder,typePlural, typeSingl, dbType, dbTypePlural ):SubCategory {
|
||||||
let sub:SubCategory = new SubCategory(typePlural, null, dbTypePlural, true, true);
|
let sub:SubCategory = new SubCategory(typePlural, null, dbTypePlural, true, true);
|
||||||
// sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 0 ));
|
sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 0 ));
|
||||||
// sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 1 ));
|
sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 1 ));
|
||||||
// sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 2 ));
|
// sub.charts = sub.charts.concat( this.createOAPerType(stakeholder,typePlural, typeSingl, dbType, dbTypePlural, 2 ));
|
||||||
return sub;
|
return sub;
|
||||||
}
|
}
|
||||||
static createOAPerType(stakeholder:Stakeholder,typePlural, typeSingl, dbType, dbTypePlural, index:number):Indicator[] {
|
static createOAPerType(stakeholder:Stakeholder,typePlural, typeSingl, dbType, dbTypePlural, index:number):Indicator[] {
|
||||||
|
|
||||||
let fundingFilter = ['', ',{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["FP7"]}],"op":"AND"}',
|
let fundingFilter = ['', '{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["FP7"]}],"op":"AND"}',
|
||||||
',{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["H2020"]}],"op":"AND"}'];
|
'{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["H2020"]}],"op":"AND"}'];
|
||||||
let categoryTitle = ["Overview", "FP7", "H2020"];
|
let fieldValue = ["", "FP7", "H2020"];
|
||||||
let chartTitle = ["", "FP7 ", "H2020 "];
|
let chartTitle = ["", "FP7 ", "H2020 "];
|
||||||
let indicators:Indicator[]=[];
|
let indicators:Indicator[]=[];
|
||||||
let utils = new IndicatorUtils();
|
let utils = new IndicatorUtils();
|
||||||
|
|
||||||
let open_non_url = "http://88.197.53.71:8080/stats-api/chart?json="+encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"pie","color":"#e62020ee","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.oavsnonoa"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"'+chartTitle[index]+' Open Access vs Non Open Access"},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
let open_non_url = "http://88.197.53.71:8080/stats-api/chart?json="+encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"pie","color":"#e62020ee","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.oavsnonoa"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"'+chartTitle[index]+' Open Access vs Non Open Access"},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"pie","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.greenvsgold"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"pie","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.greenvsgold"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
let open_non_ind:Indicator = new Indicator(categoryTitle[index], "", "column", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", open_non_url, "pie")])
|
let open_non_ind:Indicator = new Indicator(chartTitle[index], "", "chart", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", open_non_url, "pie")])
|
||||||
open_non_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
open_non_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
if(index!=0){
|
||||||
|
open_non_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
indicators.push(open_non_ind);
|
indicators.push(open_non_ind);
|
||||||
|
|
||||||
let gold_vs_green_url = "http://88.197.53.71:8080/stats-api/chart?json="+ encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"pie","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.greenvsgold"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
if(dbType == "publication") {
|
||||||
let gold_vs_green_ind:Indicator = (new Indicator("", "", "column", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_vs_green_url, "pie")]));
|
let gold_vs_green_url = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"column","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + (index == 2 ? ".h2020" : (index == 1 ? ".fp7" : "")) + '.' + dbTypePlural + '.greenvsgold"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"' + chartTitle[index] + ' Green vs Gold"},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
gold_vs_green_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
let gold_vs_green_ind: Indicator = (new Indicator("", "", "chart", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_vs_green_url, "pie")]));
|
||||||
indicators.push(gold_vs_green_ind);
|
gold_vs_green_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
if (index != 0) {
|
||||||
|
gold_vs_green_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
indicators.push(gold_vs_green_ind);
|
||||||
|
|
||||||
let gold_vs_green_time_url = "http://88.197.53.71:8080/stats-api/chart?json="+ encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Gold OA","type":"column","color":"#F8B500","query":{"name":"monitor.'+ ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.gold.year"}},{"name":"Green OA","type":"column","color":"#239D60","query":{"name":"monitor.'+ ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.green.year"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Green vs Gold Open Access"},"subtitle":{"text":"by year"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
let gold_vs_green_time_url = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Gold OA","type":"column","color":"#F8B500","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + (index == 2 ? ".h2020" : (index == 1 ? ".fp7" : "")) + '.' + dbTypePlural + '.gold.year"}},{"name":"Green OA","type":"column","color":"#239D60","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + (index == 2 ? ".h2020" : (index == 1 ? ".fp7" : "")) + '.' + dbTypePlural + '.green.year"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Green vs Gold Open Access"},"subtitle":{"text":"by year"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
let gold_vs_green_time_ind:Indicator = (new Indicator("", "", "column", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_vs_green_time_url, "column")]));
|
let gold_vs_green_time_ind: Indicator = (new Indicator("", "", "chart", "small", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_vs_green_time_url, "column")]));
|
||||||
gold_vs_green_time_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
gold_vs_green_time_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
indicators.push(gold_vs_green_time_ind);
|
if (index != 0) {
|
||||||
|
gold_vs_green_time_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
indicators.push(gold_vs_green_time_ind);
|
||||||
|
}
|
||||||
|
|
||||||
let top_project_url = "http://88.197.53.71:8080/stats-api/chart?json="+ encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"bar","query":{"name":"monitor.'+ ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.top10projects"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Top 15 projects"},"subtitle":{"text":"by publications"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
let top_project_url = "http://88.197.53.71:8080/stats-api/chart?json="+ encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"bar","query":{"name":"monitor.'+ ChartHelper.prefix + 'id' + ChartHelper.suffix +(index==2?".h2020":(index==1?".fp7":""))+ '.' + dbTypePlural+'.top10projects"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Top 15 projects"},"subtitle":{"text":"by publications"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
let top_project_ind:Indicator = (new Indicator("", "", "column", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", top_project_url, "column")]));
|
let top_project_ind:Indicator = (new Indicator("", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", top_project_url, "column")]));
|
||||||
top_project_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
top_project_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
if(index!=0){
|
||||||
|
top_project_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
indicators.push(top_project_ind);
|
indicators.push(top_project_ind);
|
||||||
if(index == 0) {
|
if(index == 0) {
|
||||||
let top_datasources_url = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"bar","color":"#e62020ee","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.top10datasources"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Top 10 Datasources"},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
let top_datasources_url = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"Data","type":"bar","color":"#42a5f5","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.top10datasources"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Top 10 Datasources"},"subtitle":{},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
let top_datasources_ind: Indicator = (new Indicator("By Content Providers", "", "column", "large", true, true, [utils.generateIndicatorByChartUrl("stats-tool", top_datasources_url, "column")]));
|
let top_datasources_ind: Indicator = (new Indicator("", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", top_datasources_url, "column")]));
|
||||||
top_datasources_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
top_datasources_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
indicators.push(top_datasources_ind);
|
indicators.push(top_datasources_ind);
|
||||||
}
|
}
|
||||||
|
if(index != 0) {
|
||||||
|
let open_non_fl2 = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent(
|
||||||
|
'{"library":"HighCharts","chartDescription":{"queries":[{"name":"Open Access","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 2","aggregate":null}],"filters":['+fundingFilter[index]+',{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}},{"name":"Non Open Access","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 2","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.access mode","type":"!=","values":["Open Access"]}],"op":"AND"}'+(fundingFilter[index].length >0?', ':'')+fundingFilter[index]+'],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access vs Non Open Access"},"subtitle":{"text":"'+chartTitle[index]+'"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
|
let open_non_fl2_ind: Indicator = (new Indicator("By Scientific area", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", open_non_fl2, "column")]));
|
||||||
|
// open_non_fl2_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
indicators.push(open_non_fl2_ind);
|
||||||
|
if (index != 0) {
|
||||||
|
open_non_fl2_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
let gold_green__fl2 = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent(
|
||||||
|
'{"library":"HighCharts","chartDescription":{"queries":[{"name":"Green OA","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 2","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["' + fieldValue[index] + '"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.datasource.type","type":"contains","values":["repo"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}},{"name":"Gold OA","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 2","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["' + fieldValue[index] + '"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.datasource.id","type":"starts_with","values":["doaj"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Green vs Gold Open Access"},"subtitle":{"text":"' + chartTitle[index] + '"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
|
let gold_green_ind_fl2: Indicator = (new Indicator("", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_green__fl2, "column")]));
|
||||||
|
// open_non_fl2_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
indicators.push(gold_green_ind_fl2);
|
||||||
|
if (index != 0) {
|
||||||
|
gold_green_ind_fl2.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
|
||||||
|
let open_non_fl1 = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent(
|
||||||
|
'{"library":"HighCharts","chartDescription":{"queries":[{"name":"Open Access","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 1","aggregate":null}],"filters":['+fundingFilter[index]+',{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}},{"name":"Non Open Access","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 1","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.access mode","type":"!=","values":["Open Access"]}],"op":"AND"}'+(fundingFilter[index].length >0?', ':'')+fundingFilter[index]+'],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access vs Non Open Access"},"subtitle":{"text":"'+chartTitle[index]+'"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
|
let open_non_fl1_ind: Indicator = (new Indicator("By Programme", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", open_non_fl1, "column")]));
|
||||||
|
// open_non_fl2_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
indicators.push(open_non_fl1_ind);
|
||||||
|
if (index != 0) {
|
||||||
|
open_non_fl1_ind.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
let gold_green__fl1 = "http://88.197.53.71:8080/stats-api/chart?json=" + encodeURIComponent(
|
||||||
|
'{"library":"HighCharts","chartDescription":{"queries":[{"name":"Green OA","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 1","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["' + fieldValue[index] + '"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.datasource.type","type":"contains","values":["repo"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}},{"name":"Gold OA","type":"bar","query":{"select":[{"field":"' + dbType + '","aggregate":"count"},{"field":"' + dbType + '.project.funding level 1","aggregate":null}],"filters":[{"groupFilters":[{"field":"' + dbType + '.access mode","type":"=","values":["Open Access"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.project.funding level 0","type":"=","values":["' + fieldValue[index] + '"]}],"op":"AND"},{"groupFilters":[{"field":"' + dbType + '.datasource.id","type":"starts_with","values":["doaj"]}],"op":"AND"}],"entity":"' + dbType + '","profile":"OpenAIRE All-inclusive","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Green vs Gold Open Access"},"subtitle":{"text":"' + chartTitle[index] + '"},"yAxis":{"title":{}},"xAxis":{"title":{}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}');
|
||||||
|
let gold_green_ind_fl1: Indicator = (new Indicator("", "", "chart", "medium", true, true, [utils.generateIndicatorByChartUrl("stats-tool", gold_green__fl1, "column")]));
|
||||||
|
// open_non_fl2_ind.indicatorPaths[0].parameters["id"] = stakeholder.index_shortName.toLowerCase();
|
||||||
|
indicators.push(gold_green_ind_fl1);
|
||||||
|
if (index != 0) {
|
||||||
|
gold_green_ind_fl1.recommendedFor.push("ec__________::EC");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
return indicators;
|
return indicators;
|
||||||
}
|
}
|
||||||
static createOSTopic(stakeholder:Stakeholder):Topic{
|
static createOSTopic(stakeholder:Stakeholder):Topic{
|
||||||
|
|
|
||||||
|
|
@ -84,8 +84,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .double-header .header_full #page_content_inner {
|
.dashboard .double-header .header_full #page_content_inner {
|
||||||
top: calc(var(--header-height) + var(--monitor-header-menu-height));
|
/*top: calc(var(--header-height) + var(--monitor-header-menu-height));*/
|
||||||
position: absolute;
|
/*position: absolute;*/
|
||||||
|
margin-top: calc(var(--header-height) + 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.stakeholderPage #sidebar_main .menu_section > ul li > a {
|
.stakeholderPage #sidebar_main .menu_section > ul li > a {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue