150 lines
8.6 KiB
HTML
150 lines
8.6 KiB
HTML
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="pageDescription"></schema2jsonld>
|
|
<div class="funders">
|
|
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
|
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
|
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
|
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
|
|
<div class="uk-width-1-2@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
|
|
<span class="uk-align-left uk-margin-remove-bottom uk-flex uk-flex-middle">
|
|
<span class="custom-coins-dot"></span>
|
|
<span uk-scrollspy-class class="uk-text-large funders-title">Funders</span>
|
|
</span>
|
|
<div style="max-width: 600px;">
|
|
<h1 uk-scrollspy-class class="uk-h1 uk-margin-remove-top">
|
|
<span>Be an integral part of the open R&I ecosystem<span class="custom-handshake-dot"></span></span>
|
|
</h1>
|
|
<div *ngIf="showContentWithNumbers" uk-scrollspy-class>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing
|
|
{{formatNumber(projectsNumber)}} grants from
|
|
{{formatNumber(fundersNumber)}} funders, linked to
|
|
{{formatNumber(researchProductsNumber)}} funded research outputs.
|
|
</div>
|
|
<div class="uk-margin-medium-top" uk-scrollspy-class>
|
|
<a class="uk-button uk-button-primary uk-text-uppercase" target="_blank" href="https://www.openaire.eu/funders-how-to-join-guide">
|
|
Join Us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-2@m uk-width-1-1@s uk-text-center" uk-scrollspy-class>
|
|
<img src="assets/explore-assets/funders/funders.png" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ng-container *ngIf="showLoading">
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<loading></loading>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngIf="!showLoading && funders?.length">
|
|
<div class="uk-container uk-container-large" uk-height-match="target: .percentage;">
|
|
<div id="target" class="uk-section" uk-height-match="target: .alias;">
|
|
<div *ngIf="groupedFunders" class="uk-padding-small uk-padding-remove-vertical uk-margin-medium-bottom uk-flex uk-flex-middle uk-flex-between">
|
|
<ul class="uk-nav uk-nav-default uk-flex uk-flex-wrap">
|
|
<li *ngFor="let item of groupedFunders; let i = index;" class="uk-margin-right" [class.uk-margin-left]="i != 0"
|
|
[class]="index == i ? 'uk-active':''" (click)="changeDisplayedFunders(i)">
|
|
<a class="uk-padding-remove">{{item.group}}</a>
|
|
</li>
|
|
</ul>
|
|
<div class="uk-width-medium">
|
|
<div input
|
|
type="select" placeholder="Show" inputClass="flat x-small"
|
|
[options]="options" [(value)]="sortBy" [disabled]="isDisabled"
|
|
(valueChange)="sortByChanged()"></div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-margin-large-bottom" uk-height-match="target: .name;">
|
|
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-3@l uk-padding-small"
|
|
uk-grid uk-height-match="target: .info;">
|
|
<div *ngFor="let funder of groupedFunders[index].data.slice((currentPage-1)*pageSize, currentPage*pageSize)">
|
|
<div class="uk-card uk-card-default uk-card-hover uk-card-body funder">
|
|
<!-- OA % -->
|
|
<div class="percentage uk-flex uk-flex-right uk-margin-bottom">
|
|
<div *ngIf="funder.openAccessResearchProducts && funder.researchProducts" class="uk-text-center">
|
|
<div class="uk-flex uk-flex-middle uk-flex-center">
|
|
<span class="uk-margin-xsmall-right open-access">
|
|
<icon name="open_access" [flex]="true" [ratio]="1"></icon>
|
|
</span>
|
|
<h6 class="uk-margin-remove">{{(funder.openAccessResearchProducts / funder.researchProducts) * 100 | number : '1.0-0'}}%</h6>
|
|
</div>
|
|
<span>Open Access</span>
|
|
</div>
|
|
</div>
|
|
<!-- funder logo -->
|
|
<div class="uk-card-media-top uk-padding-large uk-padding-remove-vertical uk-flex uk-flex-center uk-flex-middle uk-height-xsmall">
|
|
<img *ngIf="funder.logoUrl; else elseBlock" [src]="funder | logoUrl" [alt]="funder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply">
|
|
<ng-template #elseBlock>
|
|
<img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply">
|
|
</ng-template>
|
|
</div>
|
|
<!-- funder alias -->
|
|
<div class="alias uk-text-uppercase uk-text-small uk-margin-top type">
|
|
<ng-container *ngIf="funder.alias">
|
|
{{funder.alias}}
|
|
</ng-container>
|
|
</div>
|
|
<!-- funder name -->
|
|
<div class="name uk-h6 uk-margin-remove multi-line-ellipsis lines-2">
|
|
<ng-container *ngIf="funder.name" >
|
|
{{funder.name}}
|
|
</ng-container>
|
|
</div>
|
|
<div class="info uk-margin-medium-top">
|
|
<!-- Monitor dashboard -->
|
|
<div>
|
|
<!-- PUBLIC status -->
|
|
<a *ngIf="funder.monitorDashboard && funder.monitorDashboardStatus != 'PRIVATE' && funder.monitorDashboardStatus != 'RESTRICTED'"
|
|
class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'monitor.openaire.eu/dashboard/'+funder.alias">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
|
|
class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
|
|
<span class="monitor-dashboard-link uk-text-uppercase">Monitor Dashboard</span>
|
|
</span>
|
|
</a>
|
|
<!-- RESTRICTED status -->
|
|
<span *ngIf="funder.monitorDashboard && funder.monitorDashboardStatus == 'RESTRICTED'"
|
|
class="uk-flex uk-flex-middle">
|
|
<img src="assets/common-assets/common/Symbol.png" alt="OpenAIRE logo"
|
|
class="uk-margin-xsmall-right" style="width: 17px; height: 17px;">
|
|
<span class="monitor-dashboard-link uk-text-uppercase uk-text-bold uk-text-small">Monitor Dashboard</span>
|
|
<icon class="uk-margin-xsmall-left" name="closed_access" [flex]="true" [ratio]="1"></icon>
|
|
</span>
|
|
</div>
|
|
<!-- Research products -->
|
|
<div>
|
|
<a *ngIf="funder.researchProducts"
|
|
class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
[routerLink]="properties.searchLinkToResults" [queryParams]="{'relfunder': urlEncodeAndQuote(funder.id)}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>Research Products ({{funder.researchProducts | number}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!-- Projects -->
|
|
<div>
|
|
<a *ngIf="funder.projects"
|
|
class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
[routerLink]="properties.searchLinkToProjects" [queryParams]="{'funder': urlEncodeAndQuote(funder.id)}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>Projects ({{funder.projects | number}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<paging-no-load *ngIf="groupedFunders[index].data.length > pageSize"
|
|
(pageChange)="updateCurrentPage($event)"
|
|
[currentPage]="currentPage" [size]="pageSize"
|
|
[totalResults]="groupedFunders[index].data.length">
|
|
</paging-no-load>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div> |