changed dashboard layout to show only enabled entities
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@51847 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
70d8375acc
commit
eb6712b0b5
|
@ -2,7 +2,7 @@
|
|||
|
||||
<div class="uk-container uk-margin-bottom">
|
||||
|
||||
<article class="uk-article ">
|
||||
<article *ngIf="communityInfo" class="uk-article ">
|
||||
<div *ngIf="communityId == null || communityId == ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">
|
||||
No community chosen
|
||||
</div>
|
||||
|
@ -53,33 +53,33 @@
|
|||
</p>
|
||||
</div>
|
||||
<div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<div *ngIf="publicationTotal != null && IsEntityEnabled('publication')" class="uk-first-column">
|
||||
<div class="uk-card uk-card-default uk-card-small uk-card-body">
|
||||
<div *ngIf="publicationTotal != null">
|
||||
<div>
|
||||
<a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/publications" ><h3 class="uk-card-title">{{publicationTotal}}</h3>
|
||||
<p>publications</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div *ngIf="researchDataTotal != null && IsEntityEnabled('dataset')">
|
||||
<div class="uk-card uk-card-default uk-card-small uk-card-body">
|
||||
<div *ngIf="researchDataTotal != null">
|
||||
<div>
|
||||
<a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/datasets"><h3 class="uk-card-title">{{researchDataTotal}}</h3>
|
||||
<p>research data</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div *ngIf="softwareTotal != null && IsEntityEnabled('software')">
|
||||
<div class="uk-card uk-card-default uk-card-small uk-card-body">
|
||||
<div *ngIf="softwareTotal != null">
|
||||
<div>
|
||||
<a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/software"><h3 class="uk-card-title">{{softwareTotal}}</h3>
|
||||
<p>software</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div *ngIf="projectTotal != null && IsEntityEnabled('project')">
|
||||
<div class="uk-card uk-card-default uk-card-small uk-card-body">
|
||||
<div *ngIf="projectTotal != null">
|
||||
<div>
|
||||
<a routerLinkActive="router-link-active" routerLink="/search/find/projects"><h3 class="uk-card-title">{{projectTotal}}</h3>
|
||||
<p>projects</p></a>
|
||||
</div>
|
||||
|
@ -93,9 +93,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div>
|
||||
<div *ngIf="contentProviderTotal != null && IsEntityEnabled('datasource')">
|
||||
<div class="uk-card uk-card-default uk-card-small uk-card-body">
|
||||
<div *ngIf="contentProviderTotal != null">
|
||||
<div>
|
||||
<a routerLinkActive="router-link-active" routerLink="/search/find/dataproviders"><h3 class="uk-card-title">{{contentProviderTotal}}</h3>
|
||||
<p>content providers</p></a>
|
||||
</div>
|
||||
|
@ -103,7 +103,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">
|
||||
<!--<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">
|
||||
<h2 class="uk-h3 uk-heading-line uk-text-primary">
|
||||
Most recent research results
|
||||
</h2>
|
||||
|
@ -119,7 +119,7 @@
|
|||
<li><results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params></results-comp></li>
|
||||
<li><results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params></results-comp></li>
|
||||
<li><results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params></results-comp></li>
|
||||
</ul>
|
||||
</ul>-->
|
||||
|
||||
<!-- <div *ngIf="communityId != null && communityId != ''" class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">
|
||||
<div class="uk-width-expand@m">
|
||||
|
@ -134,16 +134,37 @@
|
|||
</h2>
|
||||
<results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params></results-comp>
|
||||
</div>
|
||||
<div class="uk-width-expand@m">
|
||||
<!--<div class="uk-width-expand@m">
|
||||
<h2 class="uk-h3 uk-heading-line uk-text-primary">
|
||||
<span>Most recent software</span>
|
||||
</h2>
|
||||
<results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params></results-comp>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<div>
|
||||
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
|
||||
<div class="uk-margin-large-top">
|
||||
<h2 class="uk-h3 uk-text-primary">
|
||||
Most recent research results
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#resultTabs'">
|
||||
<li *ngIf="IsEntityEnabled('publication')" class="uk-active"><a href="#">publications</a></li>
|
||||
<li *ngIf="IsEntityEnabled('dataset')"><a href="#">research data</a></li>
|
||||
<li *ngIf="IsEntityEnabled('software')"><a href="#">software</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="resultTabs" class="uk-switcher" style="min-height:450px;">
|
||||
<li *ngIf="IsEntityEnabled('publication')"><results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params></results-comp></li>
|
||||
<li *ngIf="IsEntityEnabled('dataset')"><results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params></results-comp></li>
|
||||
<li *ngIf="IsEntityEnabled('software')"><results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params></results-comp></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -48,6 +48,8 @@ export class CommunityComponent {
|
|||
@Input() communityId = null;
|
||||
public community = null;
|
||||
|
||||
public communityInfo = null;
|
||||
|
||||
constructor (
|
||||
private route: ActivatedRoute,
|
||||
private _router: Router,
|
||||
|
@ -159,6 +161,14 @@ export class CommunityComponent {
|
|||
// console.log(organizationTotal);
|
||||
// });
|
||||
|
||||
|
||||
/**/
|
||||
this.config.getCommunityInformation(this.properties.adminToolsAPIURL, this.communityId).subscribe(
|
||||
res => {
|
||||
this.communityInfo = res;
|
||||
},
|
||||
error => console.log(error)
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
@ -168,4 +178,8 @@ export class CommunityComponent {
|
|||
this.piwiksub.unsubscribe();
|
||||
}
|
||||
}
|
||||
|
||||
IsEntityEnabled(entity: string) {
|
||||
return this.communityInfo.entities.some(x => x['pid'] == entity && x['isEnabled']===true);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,20 +1,22 @@
|
|||
<div>
|
||||
<h2 class="uk-h3 uk-text-primary">
|
||||
<span>Most recent statistics</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div *ngIf="!statisticsSum || (statisticsSum.total_projects==0) || (allowedEntities.length == 0)" class="uk-alert uk-alert-info" style="margin-top:40px;">
|
||||
No statistics are available for {{ communityId.toUpperCase() }}
|
||||
</div>
|
||||
<div>
|
||||
<div *ngFor="let entity of allowedEntities">
|
||||
<div *ngIf="statisticsSum[entity].total>0 && allowedCharts[entity].length>0">
|
||||
<div class="uk-text-uppercase uk-text-bold uk-heading-divider">
|
||||
<h3>{{ entitiesMap.get(entity) }}</h3>
|
||||
</div>
|
||||
<div *ngIf="allowedCharts[entity]" class="uk-grid">
|
||||
<div *ngFor="let chart of allowedCharts[entity]" class="uk-width-1-2@l uk-width-1-1@m uk-first-column">
|
||||
<iframe [src]=chartsUrlMap[chart] width="750" height="450"></iframe>
|
||||
<div class="uk-margin-large-top">
|
||||
<h2 class="uk-h3 uk-text-primary uk-heading-line">
|
||||
<span>Most recent statistics</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div *ngIf="!statisticsSum || (statisticsSum.total_projects==0) || (allowedEntities.length == 0)" class="uk-alert uk-alert-info" style="margin-top:40px;">
|
||||
No statistics are available for {{ communityId.toUpperCase() }}
|
||||
</div>
|
||||
<div>
|
||||
<div *ngFor="let entity of allowedEntities">
|
||||
<div *ngIf="statisticsSum[entity].total>0 && allowedCharts[entity].length>0">
|
||||
<div class="uk-text-uppercase uk-text-bold uk-heading-divider">
|
||||
<h3>{{ entitiesMap.get(entity) }}</h3>
|
||||
</div>
|
||||
<div *ngIf="allowedCharts[entity]" class="uk-grid">
|
||||
<div *ngFor="let chart of allowedCharts[entity]" class="uk-width-1-2@l uk-width-1-1@m uk-first-column">
|
||||
<iframe [src]=chartsUrlMap[chart] width="750" height="450"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue