MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

[Connect | Trunk]: Remove helptexts from connect, Change headings 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-10-13 19:06:30 +00:00
parent 642bd9d52d
commit f4c21720f8
13 changed files with 1339 additions and 621 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/communities/browseCommunity/browse-community.component.html
View File

@ -44,8 +44,8 @@
</a>
</div>
<div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
<div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color uk-text-bold" target="_blank" [class.uk-text-small]="smallTitle">
<div class="uk-text-center uk-text-bold" [ngClass]="(showDescription)?'uk-margin-bottom':''">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color" target="_blank" [class.uk-text-small]="smallTitle">
<span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}}
<span *ngIf="community.title.length > thresholdTitle">...</span>
@ -55,7 +55,7 @@
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
</span>
</a>
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="color uk-text-bold" [class.uk-text-small]="smallTitle">
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="color" [class.uk-text-small]="smallTitle">
<span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}}
<span *ngIf="community.title.length > thresholdTitle">...</span>

372
src/app/communities/communities.component.html
View File

@ -1,42 +1,354 @@
<div>
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']"></helper>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom">
<h2 class="uk-text-bold">Community Gateways already in action</h2>
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small portalSearchCard">
<browse-community [community]=community></browse-community>
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-section-overlap"
style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;">
<div class="uk-section">
<div class="uk-position-relative uk-panel">
<div class="uk-container uk-container-large uk-margin-large-top">
<div class="uk-grid uk-flex uk-flex-bottom">
<div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom">
<h1>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span>
</h1>
<ul class="uk-text-large uk-list uk-margin-top">
<li>Turn Open Science into Practice.</li>
<li>It takes your open and linked research outcomes.</li>
<li>A service customized to your needs.</li>
</ul>
<div class="uk-inline uk-margin-top" style="margin-bottom: 50px"><a class="uk-button portal-button"
routerLink="/about/learn-how">LEARN
HOW</a></div>
</div>
<div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.png" style="height:370px"/>
</div>
</div>
</div>
</div>
</div>
<div class="uk-text-right uk-margin-top">
<a *ngIf="researchCommunities.length > 5" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
</div>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom">
<h3 class="uk-text-bold">Community Gateways already in action</h3>
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small portalSearchCard">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
</div>
<div class="uk-text-right uk-margin-top">
<a *ngIf="researchCommunities.length > 5"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span> Browse All</span>
<span uk-icon="chevron-right"></span>
</span>
</a>
</div>
</a>
</div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>
<div class="uk-section-muted">
<div class="uk-container uk-container-large">
<other-portals [properties]="properties"></other-portals>
</div>
<div class="uk-section uk-background-muted">
<div class="uk-container uk-container-large">
<h3 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h3>
<div class="uk-margin-medium-top">
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
uk-height-match=".target">
<div class="uk-first-column">
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/1.png"
style="height:80px; width:94px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center">
<h6 class="uk-text-bold">A Virtual Research Environment</h6>
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
data, software, methods. In one place.
</div>
</div>
<hr/>
<div>
<ul class="uk-list">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Access to OpenAIRE research graph
</li>
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Moderated, front-end linking
</li>
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Cross-platform search
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target"><img src="assets/connect-assets/home/2.png" style="height:110px; width:101px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<h6 class="uk-text-bold">Open Science in action</h6>
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
part of the&nbsp;European Open Science Cloud.
</div>
</div>
<hr>
<div>
<ul class="uk-list">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="icon: check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Use of OpenAIRE Guidelines
</li>
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Publish and get DOIs with Zenodo
</li>
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
EOSC Single Sign-On
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/3.png"
style="height:100px; width:107px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<h6 class="uk-text-bold">Customized to your needs</h6>
<div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run
by you via a simple, yet powerful backend administration tool.
</div>
</div>
<hr>
<div>
<ul class="uk-list">
<li>
<div
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Access control
</li>
<li>
<div
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Analytics: rich set of indicators
</li>
<li>
<div
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Look &amp; feel to match your brand
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-margin-top">
<div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);">
<li class="ng-star-inserted uk-active" tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/deposit.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Find a repository to deposit your research outcome</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/link.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Link your research output with your community, funding, and other research
products</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/overview.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">View community&#39;s overview at a glance</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/results.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Search &amp; browse your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/home/gifs/graph-analysis.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">View statistics for your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
</ul>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<li class="uk-active" uk-slider-item="0"></li>
<li uk-slider-item="1"></li>
<li uk-slider-item="2"></li>
<li uk-slider-item="3"></li>
<li uk-slider-item="4"></li>
</ul>
</div>
</div>
</div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>
<div
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top"
style="background-color: #D9D8E8;">
<div class="uk-container uk-section">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"><img
src="assets/connect-assets/contact/1.png" style="width:237px"/></div>
<div class="uk-width-expand">
<h3>Let us Help you Develop a<br/>
Collaborative Open Science Gateway.<br/>
It is fast. It is reliable.</h3>
<div class="uk-margin-medium uk-text-large">Get in touch with our team to find out how.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div>
</div>
</div>
</div>
</div>
<div class="uk-section-muted">
<div class="uk-container uk-container-large">
<other-portals [properties]="properties"></other-portals>
</div>
</div>

732
src/app/community/community.component.html
View File

@ -1,19 +1,20 @@
<div class="">
<div id="stickhere">
</div>
<div id="stickhere">
</div>
<ng-template #tab_content
let-resultType="resultType" let-fetch="fetch" let-searchLinkToAdvancedPage="searchLinkToAdvancedPage"
let-params="params" let-type="type" let-typeName="typeName" let-showImpactFactors="showImpactFactors">
<div class="uk-grid uk-margin-remove">
<div class="uk-width-expand uk-padding">
<search-tab [fetch]="fetch" [resultType]="resultType" [params]="params"
[searchLinkToAdvancedPage]="searchLinkToAdvancedPage" [properties]="properties" [showImpactFactors]="showImpactFactors" >
</search-tab>
</div>
<ng-template #tab_content
let-resultType="resultType" let-fetch="fetch" let-searchLinkToAdvancedPage="searchLinkToAdvancedPage"
let-params="params" let-type="type" let-typeName="typeName" let-showImpactFactors="showImpactFactors">
<div class="uk-grid uk-margin-remove">
<div class="uk-width-expand uk-padding">
<search-tab [fetch]="fetch" [resultType]="resultType" [params]="params"
[searchLinkToAdvancedPage]="searchLinkToAdvancedPage" [properties]="properties"
[showImpactFactors]="showImpactFactors">
</search-tab>
</div>
<div
*ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
<div
*ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
&&
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['project']['showInDashboard']
@ -26,23 +27,23 @@
&& statistics.allowedChartsMode['showInDashboard'][type] && statistics.statisticsSum[type].total > 0
&& statistics.allowedChartsMode['showInDashboard'][type].length > 0)
)"
class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column">
<div *ngIf="statistics !=null && activeTab == resultType">
<ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName,
class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column">
<div *ngIf="statistics !=null && activeTab == resultType">
<ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName,
statisticsSum:statistics.statisticsSum,
statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
allowedCharts:statistics.allowedChartsMode['showInDashboard'],
showChartTitle: statistics.chartTitlesMode['showInDashboard'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}">
</ng-container>
</ng-container>
</div>
</div>
</div>
</div>
</ng-template>
</ng-template>
<ng-template #analytics_tab_content let-type="type" let-typeName="typeName">
<div *ngIf="analyticsActiveTab == type && isEntityEnabled(type)
<ng-template #analytics_tab_content let-type="type" let-typeName="typeName">
<div *ngIf="analyticsActiveTab == type && isEntityEnabled(type)
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
&&
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInMonitor']
@ -65,122 +66,129 @@
allowedCharts:statistics.allowedChartsMode['showInMonitor'],
showChartTitle: statistics.chartTitlesMode['showInMonitor'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}">
</ng-container>
</div>
</ng-template>
</ng-container>
</div>
</ng-template>
<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum"
let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities"
let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap"
let-showChartTitle="showChartTitle"
let-showIn="showIn">
<div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0 &&
<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum"
let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities"
let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap"
let-showChartTitle="showChartTitle"
let-showIn="showIn">
<div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0 &&
!statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] &&
!statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] &&
!statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
class="uk-alert uk-alert-primary">
No graphs available
</div>
<div *ngIf="statisticsSum && statisticsDisplay && statisticsSum[entity].total > 0"
[class]="'uk-grid uk-grid-small uk-grid-match ' + (showIn == 'showInMonitor' ? ' uk-child-width-1-3@s uk-child-width-1-6@m' : ' uk-child-width-1-1@s uk-child-width-1-3@m')" uk-grid>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].total|number}}</div>
<!-- <div>Total {{entityName}}</div>-->
<div>Total</div>
class="uk-alert uk-alert-primary">
No graphs available
</div>
<div *ngIf="statisticsSum && statisticsDisplay && statisticsSum[entity].total > 0"
[class]="'uk-grid uk-grid-small uk-grid-match ' + (showIn == 'showInMonitor' ? ' uk-child-width-1-3@s uk-child-width-1-6@m' : ' uk-child-width-1-1@s uk-child-width-1-3@m')"
uk-grid>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].total|number}}</div>
<!-- <div>Total {{entityName}}</div>-->
<div>Total</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn] && statisticsSum[entity].projects"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].projects|number}} </div>
<!-- <div>Total projects linked to {{entityName}}</div>-->
<div>Total linked projects</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn] && statisticsSum[entity].open_access"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].open_access|number}} </div>
<!-- <div>Open access {{entityName}}</div>-->
<div>Open access</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && statisticsSum[entity].closed_access"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].closed_access|number}} </div>
<!-- <div>Closed access {{entityName}}</div>-->
<div>Closed access</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && statisticsSum[entity].embargo"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].embargo|number}} </div>
<!-- <div>Embargoed {{entityName}}</div>-->
<div>Embargoed</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn] && statisticsSum[entity].restricted"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].restricted|number}} </div>
<!-- <div>Restricted {{entityName}}</div>-->
<div>Restricted</div>
</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn] && statisticsSum[entity].projects" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].projects|number}} </div>
<!-- <div>Total projects linked to {{entityName}}</div>-->
<div>Total linked projects</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn] && statisticsSum[entity].open_access" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].open_access|number}} </div>
<!-- <div>Open access {{entityName}}</div>-->
<div>Open access</div>
</div>
</div>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && statisticsSum[entity].closed_access" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].closed_access|number}} </div>
<!-- <div>Closed access {{entityName}}</div>-->
<div>Closed access</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && statisticsSum[entity].embargo" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].embargo|number}} </div>
<!-- <div>Embargoed {{entityName}}</div>-->
<div>Embargoed</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn] && statisticsSum[entity].restricted"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].restricted|number}} </div>
<!-- <div>Restricted {{entityName}}</div>-->
<div>Restricted</div>
</div>
</div>
</div>
<div *ngIf=" allowedEntities &&
<div *ngIf=" allowedEntities &&
statisticsSum && allowedCharts && statisticsSum[entity] &&
allowedCharts[entity] && statisticsSum[entity].total>0 &&
allowedCharts[entity].length>0">
<div *ngIf="showIn == 'showInDashboard'">
<div>
<div class="uk-position-relative">
<ul class="uk-list">
<li *ngFor="let chart of allowedCharts[entity]">
<div *ngIf="showIn == 'showInDashboard'">
<div>
<div class="uk-position-relative">
<ul class="uk-list">
<li *ngFor="let chart of allowedCharts[entity]">
<div class=" iframeContainer uk-height-medium uk-margin-medium-top uk-card uk-card-default uk-card-body">
<div *ngIf="showChartTitle[chart]" class="">
{{chartsInfoMap[chart].title}}
<div
class=" iframeContainer uk-height-medium uk-margin-medium-top uk-card uk-card-default uk-card-body">
<div *ngIf="showChartTitle[chart]" class="">
{{chartsInfoMap[chart].title}}
</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- <div *ngIf=" allowedEntities &&-->
<!-- statisticsSum && allowedCharts && statisticsSum[entity] &&-->
<!-- allowedCharts[entity] && statisticsSum[entity].total>0 &&-->
<!-- allowedCharts[entity].length>0">-->
<!-- <div class="uk-margin-top portal-hr"></div>-->
<!-- </div>-->
</div>
<div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m ">
<div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom">
<!-- <div *ngIf=" allowedEntities &&-->
<!-- statisticsSum && allowedCharts && statisticsSum[entity] &&-->
<!-- allowedCharts[entity] && statisticsSum[entity].total>0 &&-->
<!-- allowedCharts[entity].length>0">-->
<!-- <div class="uk-margin-top portal-hr"></div>-->
<!-- </div>-->
</div>
<div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m ">
<div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom">
<div class=" iframeContainer uk-height-large uk-margin-medium-top uk-card uk-card-default uk-card-body">
<div class=" iframeContainer uk-height-large uk-margin-medium-top uk-card uk-card-default uk-card-body">
<div *ngIf="showChartTitle[chart]" class="">
{{chartsInfoMap[chart].title}}
</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe>
</div>
</div>
</div>
</div>
</div>
</ng-template>
</ng-template>
<div *ngIf="communityInfo && community" class="generalSearchForm ">
<div class="uk-container uk-container-large">
@ -199,13 +207,14 @@
<form class=" uk-margin-large uk-margin-large-top ">
<div class="uk-grid uk-margin-small-left">
<div class="uk-margin-small-top uk-padding-remove-left">
<entities-selection [simpleView]="true" currentEntity="result" selectedEntity="result" [customFilter]="customFilter"
<entities-selection [simpleView]="true" currentEntity="result" selectedEntity="result"
[customFilter]="customFilter"
[properties]="properties" [onChangeNavigate]="false"
(selectionChange)="entityChanged($event)"
></entities-selection>
</div>
<!-- [class]="((selectedEntity == 'result')?'quickSelectionsBox':'')+' uk-padding-remove-left uk-margin-small-top'" -->
<div class=" uk-padding-remove-left uk-margin-small-top" >
<!-- [class]="((selectedEntity == 'result')?'quickSelectionsBox':'')+' uk-padding-remove-left uk-margin-small-top'" -->
<div class=" uk-padding-remove-left uk-margin-small-top">
<div class="uk-inline">
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
uk-icon="icon: close"></a>
@ -214,40 +223,30 @@
[(ngModel)]="keyword"
name="keyword">
</div>
<!-- <div>
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
[quickFilter]="resultsQuickFilter" [QFselected]="(resultsQuickFilter)?resultsQuickFilter.selected:null" [properties]="properties">
</quick-selections>
</div>-->
<!-- <div>
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
[quickFilter]="resultsQuickFilter" [QFselected]="(resultsQuickFilter)?resultsQuickFilter.selected:null" [properties]="properties">
</quick-selections>
</div>-->
</div>
<div class="uk-padding-remove-left uk-margin-small-top">
<button (click)="goTo(true)" type="submit"
class="uk-button portal-button uk-text-bold uk-padding uk-padding-remove-vertical uk-margin-small-left">
<button (click)="goTo(true)" type="submit"
class="uk-button portal-button uk-text-bold uk-padding uk-padding-remove-vertical uk-margin-small-left">
Search
</button>
<div class="uk-margin-small-top uk-margin-left"> <a *ngIf="selectedEntity== 'result'" (click)="goTo(false)"
class="portal-link">Advanced Search</a></div>
<div class="uk-margin-small-top uk-margin-left"><a *ngIf="selectedEntity== 'result'" (click)="goTo(false)"
class="portal-link">Advanced Search</a></div>
</div>
</div>
</form>
</div>
</div>
<div *ngIf="communityInfo && community" class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
<div class="uk-padding-small">
<div class="uk-container uk-container-large uk-margin-top"
*ngIf="communityId">
<div>
<!-- <div class="uk-margin-large-bottom">-->
<!-- <div *ngIf="community.title" class="uk-h2 uk-margin-remove">-->
<!-- {{community.title}}-->
<!-- </div>-->
<!-- <div *ngIf="community.shortTitle && community.title != community.shortTitle"-->
<!-- class="subtitle uk-margin-remove">-->
<!-- {{community.shortTitle}}-->
<!-- </div>-->
<!-- </div>-->
<div *ngIf="communityInfo && community" class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
<div class="uk-padding-small">
<div class="uk-container uk-container-large uk-margin-top"
*ngIf="communityId">
<div>
<div class="main-tabs-div">
<ng-template #summary_tab>
@ -281,24 +280,28 @@
</div>
<div [class]="community.date || subscribers ? 'uk-margin-small-bottom' : ''">
<span *ngIf="community.date" class="uk-margin-right">
<span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
<span
class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
</span>
<span>
<subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true (countSubscribersEvent)="countSubscribersEvent($event)"></subscribe>
<subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true
(countSubscribersEvent)="countSubscribersEvent($event)"></subscribe>
</span>
</div>
<div [class]="((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ||
(contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))
? 'uk-margin-small-bottom' : ''">
<span *ngIf="projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">
<span
*ngIf="projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">
<span class="uk-text-muted">Projects:</span>
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects">
{{projectTotal|number}}
</a>
</span>
<span *ngIf="contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
[class]="'uk-display-inline-block '+((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">
<span
*ngIf="contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
[class]="'uk-display-inline-block '+((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">
<span class="uk-text-muted">Content Providers: </span>
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders">
@ -311,26 +314,33 @@
class="uk-icon uk-text-muted uk-margin-small-left"
title="{{buildProjectsAndContentProvidesTooltip()}}"
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1">
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"
ratio="1">
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
<circle cx="10.44" cy="14.42" r="1.05"></circle>
<path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path>
<path fill="none" stroke="#000" stroke-width="1.2"
d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path>
</svg>
</span>
</div>
<div *ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)" class="">
<div
*ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)"
class="">
<span class="lowOpacityColor uk-text-muted">Linked to</span>
<a class="portal-link uk-margin-small-left uk-margin-small-right" [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
<a class="portal-link uk-margin-small-left uk-margin-small-right" [queryParams]=params
routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
<span>{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
</a>
<span class="lowOpacityColor uk-text-muted">Zenodo Communities</span>
<span class="uk-icon uk-text-muted uk-margin-small-left"
title="{{buildZenodoCommunitiesTooltip()}}"
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1">
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"
ratio="1">
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
<circle cx="10.44" cy="14.42" r="1.05"></circle>
<path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path>
<path fill="none" stroke="#000" stroke-width="1.2"
d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path>
</svg>
</span>
</div>
@ -343,13 +353,14 @@
<span *ngIf="subject != ''">
<a class="portal-link"
[queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">
<span>{{subject}}</span>
</a>
<span *ngIf="i < community.subjects.length-1 && i != 19">, </span>
</span>
</span>
<div class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
<div
class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
<a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">
View all
</a>
@ -490,7 +501,7 @@
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)">
<my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
@ -499,7 +510,8 @@
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" [tabId]="'datasets'">
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
[tabId]="'datasets'">
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
@ -518,7 +530,7 @@
<my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)">
<my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
@ -527,7 +539,8 @@
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" [tabId]="'datasets'">
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
[tabId]="'datasets'">
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
@ -545,395 +558,36 @@
</my-small-tabs>
</div>
</div>
<div class="uk-width-3-5@m uk-width-1-1@s">
<div>
<!-- <div class="uk-margin-bottom uk-text-right">-->
<!-- <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId"-->
<!-- class=""></subscribe>-->
<!-- {{" "}}-->
<!-- <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>-->
<!-- </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-margin-remove"-->
<!-- uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">-->
<!-- <div-->
<!-- *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')"-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'publications', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!-- class="uk-text-bold uk-h5">{{publicationTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">publications</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div-->
<!-- *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') "-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'datasets', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!-- class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">research data</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div-->
<!-- *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') "-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'software', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!-- class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">software</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div-->
<!-- *ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp')"-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto"-->
<!-- [queryParams]="{type:'other', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!-- class="uk-text-bold uk-h5">{{orpTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">other products</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div-->
<!-- *ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects"><span-->
<!-- class="uk-text-bold uk-h5">{{projectTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">projects</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div-->
<!-- *ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"-->
<!-- class="uk-padding-remove-left">-->
<!-- <div-->
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
<!-- <div class="uk-margin-top uk-margin-bottom">-->
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders"><span-->
<!-- class="uk-text-bold uk-h5">{{contentProviderTotal|number}}</span>-->
<!-- <p class="uk-text-small uk-margin-remove">content providers</p></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div *ngIf="community.subjects != null && community.subjects.length > 0"-->
<!-- class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects-->
<!-- </div>-->
<!-- <div *ngIf="community.subjects != null" class=" ">-->
<!-- <span *ngFor="let subject of community.subjects.slice(0,4) let i=index">-->
<!-- <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
<!-- <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >-->
<!-- {{subject}}-->
<!-- </a>-->
<!-- </span>{{" "}}-->
<!-- </span>-->
<!-- <span *ngIf="showAllSubjects">-->
<!-- <span *ngFor="let subject of community.subjects.slice(4) let i=index">-->
<!-- <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
<!-- <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">-->
<!-- {{subject}}-->
<!-- </a>-->
<!-- </span> {{" "}}-->
<!-- </span>-->
<!-- </span>-->
<!-- <br>-->
<!-- <div *ngIf="!showAllSubjects && community.subjects.length > 4 "-->
<!-- class="uk-animation-fade uk-text-center uk-text-bold">-->
<!-- <a (click)="showAllSubjects = !showAllSubjects;">-->
<!-- View more-->
<!-- </a>-->
<!-- </div>-->
<!-- <div *ngIf="showAllSubjects"-->
<!-- class="uk-text-center uk-text-bold">-->
<!-- <a (click)="showAllSubjects = !showAllSubjects;">-->
<!-- View less-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
</div>
</div>
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id=""
*ngIf="communityId && communityInfo">
<ng-container *ngIf=" isRouteEnabled('/organizations')">
<div class="uk-container uk-margin-bottom uk-grid">
<div class="uk-width-expand uk-padding-remove">
<affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
</div>
</div>
</ng-container>
</div>
<!--<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">-->
<!-- <div class="uk-container uk-margin-bottom uk-grid">-->
<!-- <div class="uk-width-expand uk-padding-remove">-->
<!-- <article *ngIf="communityInfo" class="uk-article ">-->
<!-- <div *ngIf="communityId != null && communityId != '' && community != null">-->
<!-- <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
<div class="uk-text-bold uk-h5">Search research results</div>
<search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
</div>-->
<!-- <div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">-->
<!-- <button [class]="'uk-button '+((show == 'overview')?'uk-disabled ':' uk-button-default ')"
(click)="show='overview'">Overview
</button>
{{" "}}
<button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')"
(click)="show='analysis';">Graph Analysis
</button>-->
<!-- <mat-form-field>-->
<!-- <div class="uk-margin-small-bottom">Select view</div>-->
<!--&lt;!&ndash; <mat-label>Select view</mat-label>&ndash;&gt;-->
<!-- <mat-select [(value)]="show">-->
<!-- <mat-option value="overview">Overview</mat-option>-->
<!-- <mat-option value="analysis">Graph Analysis</mat-option>-->
<!-- </mat-select>-->
<!-- </mat-form-field>-->
<!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
<option value="overview">Overview</option>
<option value="analysis">Graph Analysis</option>
</select>-->
<!-- <select [(ngModel)]="sortBy" class="uk-select uk-margin-small-bottom uk-width-1-2 uk-padding-remove" name="select_order" >-->
<!-- <option value="num" >Sort by results number</option>-->
<!-- <option value="name" >Sort by name</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="uk-margin-top customTabs">-->
<!-- <ul class="uk-margin-remove uk-flex-center"-->
<!-- data-uk-tab="{connect: '#resultTabs'">-->
<!-- <li *ngIf="isEntityEnabled('publication')" (click)="searchResearchResults('publication', publicationTotal, publicationResults)" class="uk-active"><a-->
<!-- href="#">publications</a></li>-->
<!-- <li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchResults('dataset', researchDataTotal, researchDataResults)"><a href="#">research data</a></li>-->
<!-- <li *ngIf="isEntityEnabled('software')" (click)="searchResearchResults('software', softwareTotal, softwareResults)"><a href="#">software</a></li>-->
<!-- <li *ngIf="isEntityEnabled('orp')" (click)="searchResearchResults('other', orpTotal, orpResults)"><a href="#">other research products</a></li>-->
<!-- </ul>-->
<!-- <ul id="resultTabs" class=" communityBorder customTabsContent uk-switcher " style="min-height:450px;">-->
<!-- <li *ngIf="isEntityEnabled('publication')" class="uk-padding">-->
<!-- <div *ngIf="show=='overview'">-->
<!-- <div *ngIf="statistics !=null && activeTab == 'publication'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
<!-- 'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
<!-- </div>-->
<!-- <results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"-->
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
<!-- [properties]="properties"-->
<!-- class=""></results-comp>-->
<!-- </div>-->
<!-- <div *ngIf="show!='overview' && activeTab == 'publication'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
<!-- 'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li *ngIf="isEntityEnabled('dataset')" class="uk-padding">-->
<!-- <div *ngIf="show=='overview'">-->
<!-- <div *ngIf="statistics !=null && activeTab == 'dataset'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
<!-- 'research data' , statisticsSum:statistics.statisticsSum,-->
<!-- statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
<!-- </div>-->
<!-- <results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"-->
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
<!-- [properties]="properties"-->
<!-- class=""></results-comp>-->
<!-- </div>-->
<!-- <div *ngIf="show!='overview' && activeTab == 'dataset'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
<!-- 'research data' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li *ngIf="isEntityEnabled('software')" class="uk-padding">-->
<!-- <div *ngIf="show=='overview'">-->
<!-- <div *ngIf="statistics !=null && activeTab == 'software'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
<!-- 'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
<!-- </div>-->
<!-- <results-comp [results]=softwareResults [total]=softwareTotal resultType="software"-->
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
<!-- [properties]="properties"-->
<!-- class=""></results-comp>-->
<!-- </div>-->
<!-- <div *ngIf="show!='overview' && activeTab == 'software'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
<!-- 'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li *ngIf="isEntityEnabled('orp')" class="uk-padding">-->
<!-- <div *ngIf="show=='overview'">-->
<!-- <div *ngIf="statistics !=null && activeTab == 'orp'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
<!-- 'other products' , statisticsSum:statistics.statisticsSum,-->
<!-- statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
<!-- </div>-->
<!-- <results-comp [results]=orpResults [total]=orpTotal resultType="other"-->
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
<!-- [properties]="properties"-->
<!-- class=""></results-comp>-->
<!-- </div>-->
<!-- <div *ngIf="show!='overview' && activeTab == 'orp'">-->
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
<!-- 'other products' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <hr>-->
<!--<div *ngIf="statistics && statistics.allowedEntities && countOtherGraphs()>0">
<div class="uk-text-bold uk-h5">
Other Graphs
</div>
<div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
<ng-container *ngFor="let entity of statistics.allowedEntities">
<ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">
<ng-container *ngIf="statistics.allowedCharts[entity] " >
<div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
<div class="iframeContainer">
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
</div>
</div>
</ng-container>
</ng-container>
</ng-container>
</div>
</div>-->
<!-- </div>-->
<!-- </article>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
<!--<div class="communityPanelBackground uk-margin-top uk-padding-small">-->
<!-- <div class="uk-container uk-margin-top uk-margin-bottom "-->
<!-- *ngIf="communityId != null && communityId != '' && community != null && communityInfo!=null">-->
<!-- <div class="uk-grid">-->
<!-- <div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">-->
<!-- <div *ngIf="community.date != null"><span-->
<!-- class="lowOpacityColor">Created</span> {{community.date | date:'dd-MM-yyyy'}}</div>-->
<!-- <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>-->
<!-- <div *ngIf=" isRouteEnabled(shareInZenodoPage)" class="">-->
<!-- <span class="lowOpacityColor">Related Zenodo communities </span>-->
<!-- <a [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">-->
<!-- <span>-->
<!-- {{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>-->
<!-- </a>-->
<!-- {{" "}}-->
<!-- <span class="uk-icon"-->
<!-- uk-tooltip="title:<div class='uk-margin'>Zenodo is a catch-all repository for OpenAIRE<hr>A zenodo community is created and curated by Zenodo users</div>">-->
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"-->
<!-- ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle-->
<!-- cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2"-->
<!-- d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>-->
<!-- </span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId && communityInfo">
<ng-container *ngIf=" isRouteEnabled('/organizations')">
<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
class="uk-section tm-middle uk-container uk-margin-large-top ">
<div class="uk-container uk-margin-bottom uk-grid">
<div class="uk-width-expand uk-padding-remove">
<affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
<article class="uk-article ">
<div
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>
<div *ngIf="communityId">
</div>
</article>
</div>
</div>
</ng-container>
</div>
<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
class="uk-section tm-middle uk-container uk-margin-large-top ">
<div class="uk-container uk-margin-bottom uk-grid">
<div class="uk-width-expand uk-padding-remove">
<article class="uk-article ">
<div
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>
<div *ngIf="communityId">
</div>
</article>
</div>
</div>
</div>
</div>

16
src/app/contact/contact.component.html
View File

@ -1,9 +1,5 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"
description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld>
<ng-template #info>
<helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
[texts]="pageContents['right']"></helper>
</ng-template>
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
@ -19,15 +15,17 @@
</div>
<div *ngIf="!showLoading" class="uk-container uk-container-large">
<div class="uk-grid-divider" uk-grid>
<div class="uk-width-1-1 uk-hidden@m">
<ng-container *ngTemplateOutlet="info"></ng-container>
<div class="uk-width-1-1 uk-width-1-2@m uk-flex-last@m">
<h6 class="uk-margin-auto-top uk-margin-remove-bottom uk-text-bold">OpenAIRE gives you the virtual environment and services designed for your community to:</h6>
<ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top">
<li><span class="uk-text-bold">Create and Manage</span> your Community Gateway</li>
<li><span class="uk-text-bold">Access, share and link</span> together all your research</li>
<li><span class="uk-text-bold">Monitor and report</span> your community&#39;s progress</li>
</ul>
</div>
<contact-us formTitle="Contact us to learn more" class="uk-width-1-2@m"
[properties]="properties" [errorMessage]="errorMessage"
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
<div class="uk-width-1-2 uk-visible@m">
<ng-container *ngTemplateOutlet="info"></ng-container>
</div>
</div>
</div>
</div>

20
src/app/curators/curators.component.html
View File

@ -1,26 +1,18 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<ng-container *ngIf="longView else shortView">
<!-- <div class="image-front-topbar uk-section-default uk-position-relative"-->
<!-- uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"-->
<!-- tm-header-transparent="light">-->
<!-- uk-flex uk-flex-middle-->
<div style=" min-height: 650px;"
class="uk-section uk-padding-remove-top">
<div class="uk-align-center">
<breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top"
[breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-container">
<div *ngIf="showLoading" class="uk-margin-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div>
</div>
<!-- && curators.length > 0-->
<div *ngIf="!showLoading">
<div class="uk-margin-medium-top uk-h2">
<span class="">Curators</span>
<!-- <span> ({{curators.length}})</span>-->
</div>
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']"></helper>
@ -81,7 +73,6 @@
</div>
</div>
</div>
<!-- </div>-->
</ng-container>
<ng-template #shortView>
<div *ngIf=" curators && curators.length > 0" class="uk-grid">
@ -91,13 +82,6 @@
<div class="uk-width-expand uk-padding-remove uk-overflow-auto">
<div class="uk-height-max-medium">
<span *ngFor="let curator of curators.slice(0,numberOfCurators) let i=index;" class="space uk-display-inline-block">
<!-- <span>-->
<!-- <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"-->
<!-- src="{{downloadUrl + curator.photo}}" alt="Curator Photo">-->
<!-- <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"-->
<!-- src="../../assets/common-assets/curator-default.png" alt="Curator Photo">-->
<!-- </span>-->
<a class="">
<span class="user-circle-background">
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
@ -118,9 +102,9 @@
<img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"
src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
</span>
<span class="uk-width-expand uk-h5 ignoreCommunityPanelBackground">
<h6 class="uk-width-expand ignoreCommunityPanelBackground">
{{curator.name}}
</span>
</h6>
</span>
<span *ngIf="curator.affiliations.length > 0" class="uk-width-1-1">
<hr class="uk-margin-top">

2
src/app/deposit/zenodo/shareInZenodo.component.html
View File

@ -35,7 +35,7 @@
</a>
</div>
<div class="uk-width-expand">
<h4 class="uk-comment-title uk-margin-remove ">
<h4 class="uk-comment-title uk-margin-remove">
<a *ngIf="masterZenodoCommunity.link" class="uk-text-large uk-text-bold" target="_blank"
href="{{masterZenodoCommunity.link}}">
<span class="custom-external custom-icon large"></span>

245
src/app/learn-how/faqs/faqs.component.ts
View File

@ -1,5 +1,11 @@
import {Component} from '@angular/core';
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
import {EnvProperties} from "../../openaireLibrary/utils/properties/env-properties";
import {ActivatedRoute, Router} from "@angular/router";
import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({
selector: 'learn-in-depth',
@ -12,7 +18,177 @@ import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.co
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
<div class="uk-section-small ">
<div class="uk-container uk-container-large uk-margin-medium-bottom">
<h2 class="uk-text-bold">Frequently Asked Questions</h2>
</div>
<div class="uk-container">
<ul class="uk-accordion" uk-accordion="">
<li>
<a class="uk-accordion-title color" href="#">What is a &quot;Research community&quot;?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>A research community is a community of practice that gathers together researchers and practitioners
with common research interests (e.g. a research discipline or a specific research topic) and,
possibly, a decisional board. In some cases, a community builds and grows in the context of a research
infrastructure that provides services and tools supporting the research activities of the members of a
community. In other cases, a community builds and grows in the context of one or more research
projects, forming what we call a &ldquo;research initiative&rdquo;.</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">What is the difference between a Community Gateway and the
Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>The RCD offers on demand Community Gateways that communities can customize to fit their sharing,
publishing and discovery needs. Through the RCD, gateway managers can configure the respective
Community Gateway by providing (i) the criteria identifying the subset of the OpenAIRE Research Graph
that pertains to the community, and (ii) the community statistics to be made public or private.</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with
the Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>Once a Community Gateway has been created, several thematic service integration patterns are
possible:</p>
<ol>
<li>
<span class="uk-text-bold">Community-specific repository:</span> OpenAIRE can guide your
repository managers on how to make the repository
<a href="https://www.openaire.eu/validator-registration-guide" target="_blank"> &ldquo;OpenAIRE-compliant&rdquo;</a>.
The gateway managers can configure the gateway so that all metadata records collected from the
repository are available in the gateway. If the repository manager wants to get the enrichments
OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank">
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the Content
Provider Dashboard</a>.
</li>
<li>
<span class="uk-text-bold">Continuous publishing:</span> thematic services, once authorized by the
user, can publish their outputs (e.g. datasets, digital experiments) on behalf of the user. Thematic
services and digital experiment platforms can be easily enhanced with a publishing step by
integrating the <a href="https://developers.zenodo.org/" target="_blank">Zenodo API</a>. To know
more, <a class="uk-link" href="https://doi.org/10.5281/zenodo.1314672" target="_blank"> check out
the pilot we have designed with the EPOS-IT infrastructure. </a></li>
<li>
<span class="uk-text-bold">Community web site:</span> you can use the
<a href="http://develop.openaire.eu/api.html" target="_blank">OpenAIRE Search API</a> to show the
research products relevant to your community on your own website.
</li>
</ol>
</div>
</li>
<li><a class="uk-accordion-title color" href="#">What does my Research Community gain in terms of Open
Science?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid="">
<div class="uk-width-1-1 uk-first-column"><span
class="uk-text-bold">Discovery and reproducibility:</span> Your community will have a single entry
point where all research products, of any type (literature, datasets, software, workflows, protocols),
are gathered together and linked with semantic relationships. Researchers can find a research product
in the gateway (e.g. a research dataset) and easily find out everything related to it and that is
needed to re-use it, but also to replicate and reproduce a research activity (e.g. software used to
process the dataset, the journal article where the research is described).
</div>
<div class="uk-width-1-1 uk-grid-margin uk-first-column"><span class="uk-text-bold">Sharing:</span>
scientific literature is only the tip of the iceberg. With a Community Gateway, you say to the members
of your community that everything they produce is relevant and that they should get credit for it.
</div>
<div class="uk-width-1-1 uk-grid-margin uk-first-column"><span
class="uk-text-bold">Credit for all:</span> Making research data, software, methods and scientific
workflows available &ldquo;as soon as possible&rdquo; is one of the &ldquo;mantra&rdquo; of Open
Science. If your community has integrated Zenodo into a digital experiment platform, researchers no
longer bear the burden of manually publishing their research products, while it is also easier for
them to publish different versions, which reflect different stages of their activities.
</div>
<div class="uk-width-1-1 uk-grid-margin uk-first-column"><span class="uk-text-bold">Awareness:</span>
Thanks to dedicated pages of the Community Gateway you can suggest best practices to the researchers
of the community. Open Science experts of OpenAIRE will be available to assist you.
</div>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">How is the service part of the European Open Science Cloud?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>OpenAIRE has onboarded in the EOSC Market Place both the RCD, as a service that offers on-demand
Community Gateways, and the Gateways as services openly accessible by researchers to explore specific
domains of interest.
</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">Who owns the gateway?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>The community owns the portal, OpenAIRE operates it.</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">How is the gateway operated?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>The gateway is hosted on a virtual machine operated by OpenAIRE and hosted at the <a
href="https://icm.edu.pl/en/centre-of-technology/" target="_blank">ICM data centre</a>. The Gateway
is built with Angular and uses RESTful APIs, built with Java and the Spring Framework, to access the
OpenAIRE Research Graph. OpenAIRE is responsible to keep the back-end and front-end services
up-to-date and monitors the uptime and usage of the gateway, via the matomo web analytics platform.
Aggregated usage data is used by the OpenAIRE team for reporting purposes and does not include any
personal data.
</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">What is the SLA of the service?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>The RCD and the gateways are subject to the generic <a class="uk-link"
href="https://www.openaire.eu/service-level-agreement"
target="_blank">OpenAIRE services SLA</a>.
</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">What are the costs?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div>Researchers of the community shall not pay to access the Community Gateway.</div>
<div>For the deployment and maintenance of a gateway, OpenAIRE may need support to cover part of the
costs (hardware, hardware management, application administration, software maintenance, and text
mining).
</div>
<div>Please <a routerLink="/contact-us">contact us</a> to learn more about the service and the possible
options.
</div>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with OpenAIRE?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid="">
<div class="uk-width-1-1">
<div style="font-style: italic">Open Science training</div>
Help us training on Open Science students and researchers of your community by organising a workshop.
<a class="uk-link" href="https://www.openaire.eu/workshops-page" target="_blank">Check for ideas and
materials</a>.
</div>
<div class="uk-width-1-1">
<div style="font-style: italic">Train the trainer</div>
Join the <a class="uk-link" href="https://www.openaire.eu/cop-training" target="_blank">OpenAIRE
Community of Practice</a>, an informal network to share training experience on Open Science, research
and e-infrastructures.
</div>
<div class="uk-width-1-1">
<div style="font-style: italic">Citizen Science</div>
Do you collaborate with schools? Learn more about the
<a class="uk-link" href="https://www.openaire.eu/citizen-science-activities-in-openaire" target="_blank">
OpenAIRE activities for Citizen Science
</a>.
</div>
<div class="uk-width-1-1">
<div style="font-style: italic">Open Innovation Programme</div>
Spread the word about the OpenAIRE
<a class="uk-link" href="https://www.openaire.eu/open-innovation-in-openaire" target="_blank">Open Innovation programme</a>
for SMEs, start-ups and research labs. The programme&rsquo;s goal is to discover, support and fund innovative
ideas and implementations of software in the Open Science domain.
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`
})
@ -20,4 +196,71 @@ export class FaqsComponent {
public pageTitle: string = "OpenAIRE - Connect | FAQs";
public pageDescription: string = "Frequently asked questions about OpenAIRE Connect research gateway";
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'FAQs'}];
public piwiksub: any;
public pageContents = null;
public divContents = null;
public url: string = null;
properties: EnvProperties;
constructor(
private route: ActivatedRoute,
private _router: Router,
private _meta: Meta,
private _title: Title,
private seoService: SEOService,
private _piwikService: PiwikService,
private helper: HelperService) {
}
public ngOnInit() {
this.route.data
.subscribe((data: { envSpecific: EnvProperties }) => {
this.properties = data.envSpecific;
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
}
this.url = this.properties.baseLink + this._router.url;
this.seoService.createLinkForCanonicalURL(this.url);
this.updateUrl(this.url);
this.updateTitle(this.pageTitle);
this.updateDescription(this.pageDescription);
//this.getDivContents();
this.getPageContents();
});
}
private getPageContents() {
this.helper.getPageHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.pageContents = contents;
})
}
private getDivContents() {
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.divContents = contents;
})
}
public ngOnDestroy() {
if (this.piwiksub) {
this.piwiksub.unsubscribe();
}
}
private updateDescription(description: string) {
this._meta.updateTag({content: description}, "name='description'");
this._meta.updateTag({content: description}, "property='og:description'");
}
private updateTitle(title: string) {
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
this._title.setTitle(_title);
this._meta.updateTag({content: _title}, "property='og:title'");
}
private updateUrl(url: string) {
this._meta.updateTag({content: url}, "property='og:url'");
}
}

301
src/app/learn-how/learn-how.component.ts
View File

@ -1,13 +1,239 @@
import {Component} from '@angular/core';
import {Component, OnInit} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {Meta, Title} from '@angular/platform-browser';
import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({
selector: 'learn-how',
template: `
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<ng-template #one>
<h5 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h5>
<div>First, we learn about your requirements and challenges. We help you understand Open Science practices within
EOSC and together we&rsquo;ll talk about how OpenAIRE RCD fits as a solution.
</div>
</ng-template>
<ng-template #two>
<h5 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h5>
<div>
How do you work today, and how would you like to work tomorrow? We translate your needs into rules
and processes and we configure operational OpenAIRE services. By the end of this phase, we&rsquo;ll
have defined the basic configuration of your Community Gateway.
</div>
</ng-template>
<ng-template #three>
<h5 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h5>
<div>
You validate and test your new Community Gateway (portal) with your experts and community to ensure
all workflows are in place and quality of data meets your standards. If needed, we work together in
another iteration to further refine and adapt to your needs.
</div>
</ng-template>
<ng-template #four>
<h5 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h5>
<div>
We jointly roll out your new Community Gateway. You take over the business operations and start
engaging your researchers, we take care of the smooth operation of the e-service.
</div>
</ng-template>
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom" style="background-color: #E2EEFA !important;">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<div class="uk-section uk-padding-remove-top uk-background-norepeat uk-background-bottom-center uk-section-overlap uk-position-relative uk-preserve-color"
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
<div class="uk-container uk-container-large">
<div class="uk-margin-medium-top uk-grid">
<h1 class="uk-width-1-1 uk-text-bold">Learn the process</h1>
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <strong>Gateway to your
community&#39;s</strong> open and linked research outcomes. Customized to your needs.
</div>
</div>
<div class="uk-margin-large-top uk-flex uk-child-width-1-3@m uk-child-width-1-1@s uk-flex-center uk-grid"
uk-grid="">
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-first-column uk-grid-stack"
uk-grid="">
<div class="uk-first-column">
<ng-container [ngTemplateOutlet]="one"></ng-container>
</div>
<div class="uk-visible@m uk-grid-margin uk-first-column">
<ng-container [ngTemplateOutlet]="four"></ng-container>
</div>
<div class="uk-hidden@m">
<ng-container [ngTemplateOutlet]="two"></ng-container>
</div>
</div>
<div class="uk-text-center"><img src="assets/connect-assets/about/cycle.png"/></div>
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-grid-stack" uk-grid="">
<div class="uk-visible@m uk-first-column">
<ng-container [ngTemplateOutlet]="two"></ng-container>
</div>
<div class="uk-hidden@m uk-visible@s">
<ng-container [ngTemplateOutlet]="four"></ng-container>
</div>
<div class="uk-grid-margin uk-first-column">
<ng-container [ngTemplateOutlet]="three"></ng-container>
</div>
<div class="uk-hidden@s uk-visible@xs">
<ng-container [ngTemplateOutlet]="four"></ng-container>
</div>
</div>
</div>
<div class="uk-width-1-1 uk-text-center uk-text-large uk-margin-large-top"><a
class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more details</a>
</div>
</div>
</div>
<div
class="uk-background-norepeat uk-section uk-background-bottom-center uk-section-overlap uk-position-relative uk-preserve-color">
<div class="uk-container uk-container-large">
<div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);">
<li class="ng-star-inserted uk-active" tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/profile.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Profile</h4>
<div class="uk-margin-medium uk-text-large">Edit community information, change logo url, add
community managers or organizations related to community.
</div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/content.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Content</h4>
<div class="uk-margin-medium uk-text-large">Manage projects, content providers, subjects and
zenodo communities that are related to the research community.
</div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/statistics.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Statistics &amp; Charts</h4>
<div class="uk-margin-medium uk-text-large">Manage statistical numbers &amp; charts that will be
displayed in the community overview and graph analysis views.
</div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/links.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Links</h4>
<div class="uk-margin-medium uk-text-large">Manage user claims related to the research
community.
</div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/help.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Help texts</h4>
<div class="uk-margin-medium uk-text-large">Add or edit help text in research community pages.
</div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/users.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Users</h4>
<div class="uk-margin-medium uk-text-large">Invite more users to subscribe, manage community
subscribers, your personal info and notification settings.
</div>
</div>
</div>
</div>
</li>
</ul>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<li class="uk-active" uk-slider-item="0"></li>
<li uk-slider-item="1"></li>
<li uk-slider-item="2"></li>
<li uk-slider-item="3"></li>
<li uk-slider-item="4"></li>
<li uk-slider-item="5"></li>
</ul>
</div>
</div>
</div>
</div>
<div class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color" style="background-color: #D9D8E8;">
<div class="uk-container uk-section">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">
<div class="uk-width-expand uk-first-column">
<h3 class="uk-text-bold">Get in touch with our team to find out how.</h3>
<div class="uk-margin-medium uk-text-large">We look forward to working together and helping you unlock the full potential of your research community through open science.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></div>
</div>
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"><img src="assets/connect-assets/contact/3.png" style="width:263px" /></div>
</div>
</div>
</div>
</div>
`
}) @Component({
selector: 'learn-how',
template: `
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
@ -16,8 +242,77 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
</div>
`
})
export class LearnHowComponent {
export class LearnHowComponent implements OnInit{
public piwiksub: any;
public pageContents = null;
public divContents = null;
public url: string = null;
public pageTitle: string = "OpenAIRE - Connect | Learn How";
public pageDescription: string = "Learn the process: Build a Gateway to your community's open and linked research outcomes. Customized to your needs.";
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about'}];
properties: EnvProperties;
constructor(
private route: ActivatedRoute,
private _router: Router,
private _meta: Meta,
private _title: Title,
private seoService: SEOService,
private _piwikService: PiwikService,
private helper: HelperService) {
}
public ngOnInit() {
this.route.data
.subscribe((data: { envSpecific: EnvProperties }) => {
this.properties = data.envSpecific;
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
}
this.url = this.properties.baseLink + this._router.url;
this.seoService.createLinkForCanonicalURL(this.url);
this.updateUrl(this.url);
this.updateTitle(this.pageTitle);
this.updateDescription(this.pageDescription);
//this.getDivContents();
this.getPageContents();
});
}
private getPageContents() {
this.helper.getPageHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.pageContents = contents;
})
}
private getDivContents() {
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.divContents = contents;
})
}
public ngOnDestroy() {
if (this.piwiksub) {
this.piwiksub.unsubscribe();
}
}
private updateDescription(description: string) {
this._meta.updateTag({content: description}, "name='description'");
this._meta.updateTag({content: description}, "property='og:description'");
}
private updateTitle(title: string) {
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
this._title.setTitle(_title);
this._meta.updateTag({content: _title}, "property='og:title'");
}
private updateUrl(url: string) {
this._meta.updateTag({content: url}, "property='og:url'");
}
}

238
src/app/learn-how/learnInDepth/learn-in-depth.component.ts
View File

@ -1,5 +1,11 @@
import {Component} from '@angular/core';
import {Component, OnInit} from '@angular/core';
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
import {EnvProperties} from "../../openaireLibrary/utils/properties/env-properties";
import {ActivatedRoute, Router} from "@angular/router";
import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({
selector: 'learn-in-depth',
@ -7,17 +13,239 @@ import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.co
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom" style="background-color: #E2EEFA !important;">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
<div class="uk-background-norepeat uk-background-cover uk-position-relative uk-preserve-color"
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
<div class="uk-container uk-container-large">
<div class="uk-grid" uk-grid="">
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column uk-margin-medium-top">
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong>
</h1>
<div class="uk-width-4-5@m uk-width-1-1@s uk-text-large">
<div class="uk-margin-bottom">You don&rsquo;t have to go alone.</div>
<div>We work with you in <strong>4 collaborative steps</strong> to identify your needs, putting in
practice our expertise on open science so you get the most out of OpenAIRE&rsquo;s operational
services.
</div>
</div>
</div>
<div class="uk-margin-large-top uk-width-expand">
<img src="assets/connect-assets/banner/together.png"
style="height:285px; width:308px"/>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-section">
<div class="uk-grid" uk-grid="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/1.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">1. Analyse your needs</h3>
<div style="font-style: italic;">Identify the scope and goals. Understand open science practices within EOSC
and the OpenAIRE services
</div>
<p>In this stage, you get to talk to the OpenAIRE team. Share your expectations with us and let us give you
all the details about the operational OpenAIRE services, which will be integrated into the Gateway for
your community.</p>
<p>Here are the most important questions that the OpenAIRE team will ask you, in order to understand your
scope and goals:</p>
<ul class="uk-list uk-list-bullet">
<li>Do you want a gateway, where researchers can have access to all research products of a discipline? Do
you want a gateway that gathers any research outcome, produced thanks to the funding and services of a
given research infrastructure?
</li>
<li>Is your community (in)formally organized in sub-communities? Would you like to browse research
products and get statistics also for these sub-communities? For example, the European Grid
Infrastructure (EGI) features &ldquo;virtual organizations&rdquo; that represent discipline-specific
communities and/or specific research projects. The research infrastructure DARIAH, on the other hand, is
organised in national nodes (e.g. DARIAH-IT, DARIAH-DE).
</li>
<li>How can the OpenAIRE team identify the research products of your community, among all those available
in the OpenAIRE Graph? Through a series of steps: set of keywords, acknowledgment statements, set of
projects, set of repositories, etc. This can be partial and provisional information that will serve as a
starting point to the OpenAIRE team. You will be able to refine and update this information, in the
second phase &ldquo;Develop a pilot&rdquo;.
</li>
</ul>
</div>
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/2.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">2. Develop a pilot</h3>
<div style="font-style: italic;">We translate your needs into rules and processes and we configure
operational OpenAIRE services.
</div>
<p>Based on the information gathered in phase 1 &ldquo;Analyse your needs&rdquo;, the OpenAIRE team will set
up a pilot Gateway. We will configure the OpenAIRE mining algorithms to identify research products of the
OpenAIRE Graph that are relevant to your community. Those, together with some basic statistics, will be
available in the pilot version of the Community Gateway that will be deployed on the OpenAIRE BETA
infrastructure.</p>
<p>The OpenAIRE team will give you a demo of the Community Gateway, with details on how to refine and update
the configuration of the Community Gateway, both in terms of criteria for including research products and
in terms of logo and visible portal pages.</p>
</div>
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/3.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow_large.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">3. Test and Validate</h3>
<div style="font-style: italic;">You validate and test your new Community Gateway (portal). If needed, we
further refine and adapt to your needs
</div>
<p>Upon the completion of phase 2, take the time you need to test all its features, from search and browse
for research products, to addition/removal of statistics from the portal. You can report any issue you
might find and ask questions directly to the dedicated OpenAIRE team, via a specially designed
collaboration tool.</p>
<p>Typically, this phase takes some months, as you will have to go through certain procedures. Change the
configuration of the criteria to include research products, wait for the new configuration to be applied
on the OpenAIRE graph and validate the results, before you actually decide that the coverage of research
products for your community is adequate.</p>
<p>For some communities, the OpenAIRE team may also be able to implement dedicated mining algorithms (e.g.
to find acknowledgement statements to your community/infrastructure in the full-texts of research
articles) that may require several rounds of application, validation, and fine-tuning, before it reaches a
high precision and recall. Your feedback is very important to minimize the effort and time needed for this
process to complete.</p>
<div class="uk-width-1-1 uk-text-center uk-margin-medium ">
<img src="assets/connect-assets/OpenAIRE-RCD_howtos.png" style="height:auto; width:auto"/>
</div>
</div>
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/4.png" style="width:100px"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">4. Roll out the service</h3>
<div style="font-style: italic;">We jointly roll out your new portal. You take over the business operations
and start engaging your researchers
</div>
<p>Here we are: the coverage of research products is good, interesting statistics and charts have been
selected, and the portal pages available for end-users are ready. We can roll out the Community Gateway
and make it available to all the researchers of the community!</p>
<p>You, as a Community manager, become the main &ldquo;promoter&rdquo; of the Community Gateway. Engage the
researchers of your community and, when applicable, inform the managers of the research infrastructure
about the availability of tools for impact monitoring.</p>
<p>Remember that you will still be able to change the configuration of the Community Gateway in order to
address any issue that may arise and to follow the evolution of the community (e.g. a new project or a new
content provider that was not previously available in OpenAIRE).</p>
<p>Remember that you don&rsquo;t have to go alone: the dedicated issue tracker you used in the &ldquo;Test
and Validate&rdquo; phase is always available for you to contact the OpenAIRE team and ask for
support.</p>
</div>
</div>
</div>
<div
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"
style="background-color: #D9D8E8;">
<div class="uk-container uk-section">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column">
<img src="assets/connect-assets/contact/2.png" style="width:329px"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-text-bold">Let us help you develop a collaborative Open Science Gateway for your
community.<br/>
It is fast. It is reliable.</h3>
<div class="uk-margin-medium uk-text-large">Get in touch with our team to find out how.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div>
</div>
</div>
</div>
</div>
</div>
`
})
export class LearnInDepthComponent {
export class LearnInDepthComponent implements OnInit {
public pageTitle: string = "OpenAIRE - Connect | Learn In Depth";
public pageDescription: string = "Work in 4 collaborative steps to identify your needs, putting in practice our expertise on open science so you get the most out of OpenAIRE’s operational services.";
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'learn in-depth'}];
public breadcrumbs: Breadcrumb[] = [
{name: 'home', route: '/'},
{name: 'about', route: '/about'},
{name: 'learn in-depth'}
];
public piwiksub: any;
public pageContents = null;
public divContents = null;
public url: string = null;
properties: EnvProperties;
constructor(
private route: ActivatedRoute,
private _router: Router,
private _meta: Meta,
private _title: Title,
private seoService: SEOService,
private _piwikService: PiwikService,
private helper: HelperService) {
}
public ngOnInit() {
this.route.data
.subscribe((data: { envSpecific: EnvProperties }) => {
this.properties = data.envSpecific;
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
}
this.url = this.properties.baseLink + this._router.url;
this.seoService.createLinkForCanonicalURL(this.url);
this.updateUrl(this.url);
this.updateTitle(this.pageTitle);
this.updateDescription(this.pageDescription);
//this.getDivContents();
this.getPageContents();
});
}
private getPageContents() {
this.helper.getPageHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.pageContents = contents;
})
}
private getDivContents() {
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
this.divContents = contents;
})
}
public ngOnDestroy() {
if (this.piwiksub) {
this.piwiksub.unsubscribe();
}
}
private updateDescription(description: string) {
this._meta.updateTag({content: description}, "name='description'");
this._meta.updateTag({content: description}, "property='og:description'");
}
private updateTitle(title: string) {
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
this._title.setTitle(_title);
this._meta.updateTag({content: _title}, "property='og:title'");
}
private updateUrl(url: string) {
this._meta.updateTag({content: url}, "property='og:url'");
}
}

2
src/app/my-communities/my-communities.component.html
View File

@ -15,7 +15,7 @@
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!loading" class="uk-container uk-container-large">
<h2 class="uk-text-center uk-text-bold">My Communities</h2>
<h3 class="uk-text-center uk-text-bold">My Communities</h3>
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid uk-height-match="target: .communityCard; row: false">
<div>

2
src/app/statistics/statistics.component.html
View File

@ -44,7 +44,7 @@
<li *ngFor="let entity of allowedEntities" [class]="displayedEntity == entity?'uk-active':''">
<div *ngIf="(displayedEntity == entity) && statisticsSum[entity]">
<div class="uk-text-uppercase uk-text-bold uk-heading-divider">
<h2>{{ entitiesMap.get(entity) }} statistics</h2>
<h3>{{ entitiesMap.get(entity) }} statistics</h3>
<div *ngIf="!statisticsSum[entity] ||
!statisticsDisplay.entities[entity] ||

12
src/assets/connect-custom.css
View File

@ -231,17 +231,17 @@ a:hover .user-circle-background {
fill: black;
}
.connectApp .uk-text-large {
font-size: 18px;
.connectApp {
font-size: 16px;
}
.connectApp , .connectApp h1, .connectApp h2, .connectApp h3,
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color{
color: #292747;
.connectApp, .connectApp h1, .connectApp h2, .connectApp h3,
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color {
color: #1A1A1A;
}
.connectApp .portal-button {
color: black !important;
color: #1A1A1A !important;
font-weight: 700;
}

12
src/assets/customization.css
View File

@ -33,13 +33,17 @@
.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),
.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),
.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),
.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground) {
.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h6:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h5:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h4:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h3:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h2:not(.ignoreCommunityPanelBackground),
.communityPanelBackground h1:not(.ignoreCommunityPanelBackground){
color: #ffffff !important;
}
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {
font-family: Open Sans !important;
font-size: 18px !important;
font-weight: 700!important;
}
@ -47,7 +51,7 @@
.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),
.portal-card a {
color: rgba(255, 255, 255, 0.98) !important;
font-family: Open Sans !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}