[Explore | Trunk]: Add links on numbers
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@60138 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
43c0931b52
commit
a68ad1c8aa
|
|
@ -203,24 +203,30 @@
|
|||
Our growing <span class="uk-text-bold">Community</span>
|
||||
</h3>
|
||||
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
|
||||
<div class="uk-grid uk-child-width-1-3@m">
|
||||
<div *ngIf="fundersSize">
|
||||
<h3 class="portal-color">
|
||||
<span class="uk-text-bold number"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
|
||||
<div class="uk-grid uk-flex uk-flex-center">
|
||||
<div *ngIf="fundersSize" class="uk-width-1-3@m">
|
||||
<h3>
|
||||
<a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
|
||||
{{fundersSize.number|number}}<span class="number-size">{{fundersSize.size}}</span>
|
||||
</a>
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Funders</span>
|
||||
<div class="uk-text-uppercase uk-text-large">Funders</div>
|
||||
</div>
|
||||
<div *ngIf="datasourcesSize">
|
||||
<h3 class="portal-color">
|
||||
<span class="uk-text-bold number"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
|
||||
<div *ngIf="datasourcesSize" class="uk-width-1-3@m">
|
||||
<h3>
|
||||
<a [routerLink]="properties.searchLinkToDataProviders" class="uk-text-bold number">
|
||||
{{datasourcesSize.number|number}}<span class="number-size">{{datasourcesSize.size}}</span>
|
||||
</a>
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Content providers</span>
|
||||
<div class="uk-text-uppercase uk-text-large">Content providers</div>
|
||||
</div>
|
||||
<div *ngIf="projectsSize">
|
||||
<h3 class="portal-color">
|
||||
<span class="uk-text-bold number"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
|
||||
<div *ngIf="projectsSize" class="uk-width-1-3@m">
|
||||
<h3>
|
||||
<a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
|
||||
{{projectsSize.number|number}}<span class="number-size">{{projectsSize.size}}</span>
|
||||
</a>
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Projects</span>
|
||||
<div class="uk-text-uppercase uk-text-large">Projects</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -228,63 +234,52 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="numbers-background">
|
||||
<div class="uk-container uk-section">
|
||||
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
|
||||
<div *ngIf="publicationsSize || softwareSize || datasetsSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="publicationsSize">
|
||||
<div class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span>publications</span>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="softwareSize" class="uk-visible@m">
|
||||
<div
|
||||
class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span>software</span>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="datasetsSize" class="uk-hidden@m">
|
||||
<div
|
||||
class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
|
||||
customClass="portal-color"></icon>
|
||||
<span>research data</span>
|
||||
</div>
|
||||
<div class="numbers-background uk-section">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center" uk-grid>
|
||||
<div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
|
||||
<div class="number-width">
|
||||
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
|
||||
[queryParams]="{type: 'publications', qf: false}">
|
||||
{{publicationsSize.count|number}} </a>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span>publications</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="softwareSize || datasetsSize || otherSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="softwareSize" class="uk-hidden@m">
|
||||
<div class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span>software</span>
|
||||
</div>
|
||||
<div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
|
||||
<div class="number-width">
|
||||
<a class="number uk-text-bold uk-margin-bottom"
|
||||
[routerLink]="properties.searchLinkToResults"
|
||||
[queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a>
|
||||
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
|
||||
customClass="portal-color"></icon>
|
||||
<span>research data</span>
|
||||
</div>
|
||||
<div *ngIf="datasetsSize" class="uk-visible@m">
|
||||
<div class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
|
||||
customClass="portal-color"></icon>
|
||||
<span>research data</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
|
||||
<div class="number-width">
|
||||
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
|
||||
[queryParams]="{type: 'software', qf: false}">
|
||||
{{softwareSize.count|number}} </a>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span>software</span>
|
||||
</div>
|
||||
<div *ngIf="otherSize">
|
||||
<div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span class="uk-hidden@m">other research<br>products</span>
|
||||
<span class="uk-visible@m">other research products</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
|
||||
<div class="number-width">
|
||||
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
|
||||
[queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
|
||||
<span class="uk-hidden@m">other research<br>products</span>
|
||||
<span class="uk-visible@m">other research products</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue