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

[Connect | Trunk]: Fix sections of all pages 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59681 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-10-23 18:05:26 +00:00
parent 0af44324e7
commit 60e5e7978f
7 changed files with 329 additions and 341 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,27 +1,20 @@
<div class="image-front-topbar" <div class="image-front-topbar" style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-section-overlap" <div class="uk-grid uk-flex uk-flex-bottom">
style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;"> <div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom">
<div class="uk-section"> <h1>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span>
<div class="uk-position-relative uk-panel"> </h1>
<div class="uk-container uk-container-large uk-margin-large-top"> <ul class="uk-text-large uk-list uk-margin-top">
<div class="uk-grid uk-flex uk-flex-bottom"> <li>Turn Open Science into Practice.</li>
<div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom"> <li>It takes your open and linked research outcomes.</li>
<h1>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span> <li>A service customized to your needs.</li>
</h1> </ul>
<ul class="uk-text-large uk-list uk-margin-top"> <div class="uk-inline uk-margin-top" style="margin-bottom: 50px"><a class="uk-button portal-button"
<li>Turn Open Science into Practice.</li> routerLink="/about/learn-how">LEARN
<li>It takes your open and linked research outcomes.</li> HOW</a></div>
<li>A service customized to your needs.</li> </div>
</ul> <div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.png" style="height:370px"/>
<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>
</div> </div>
@ -30,19 +23,20 @@
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom"> <div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div> </div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom"> <div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section">
<h3 class="uk-text-bold">Community Gateways already in action</h3> <div class="uk-padding-small">
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <h3 class="uk-text-bold">Community Gateways already in action</h3>
<div <div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" <div
uk-grid uk-height-match=".community"> class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> uk-grid uk-height-match=".community">
<div class="uk-padding-small portalSearchCard"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<browse-community [community]=community></browse-community> <div class="uk-padding-small portalSearchCard">
<browse-community [community]=community></browse-community>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="uk-text-right uk-margin-top"> <div class="uk-text-right uk-margin-top">
<a *ngIf="researchCommunities.length > 5" <a *ngIf="researchCommunities.length > 5"
@ -55,8 +49,8 @@
</a> </a>
</div> </div>
</div> </div>
<div class="uk-section uk-background-muted"> <div class="uk-section uk-container uk-container-large">
<div class="uk-container uk-container-large"> <div class="uk-padding-small">
<h3 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h3> <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-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="" <div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
@ -220,120 +214,120 @@
</div> </div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-margin-top"> <div class="uk-section uk-container uk-container-large">
<div class="uk-slider" <div class="uk-padding-small">
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true"> <div class="uk-slider"
<div class="uk-slider-container"> uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);"> <div class="uk-slider-container">
<li class="ng-star-inserted uk-active" tabindex="-1"> <ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li class="ng-star-inserted uk-active" tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/deposit.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/deposit.gif"/>
<div class="uk-margin-top"> </div>
<div> <div class="uk-margin-top">
<h4 class="uk-text-bold">Find a repository to deposit your research outcome</h4> <div>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <h4 class="uk-text-bold">Find a repository to deposit your research outcome</h4>
communities, both established and emerging ones. Our service helps you reach out and engage all your <div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
researchers to practice open science out-of-the-box. 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 class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div> </div>
</div> </div>
</div> </li>
</li> <li tabindex="-1">
<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-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-first-column">
<div class="uk-first-column"> <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/link.gif"/>
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/link.gif"/> </div>
</div> <div class="uk-margin-top">
<div class="uk-margin-top"> <div>
<div> <h4 class="uk-text-bold">Link your research output with your community, funding, and other research
<h4 class="uk-text-bold">Link your research output with your community, funding, and other research products</h4>
products</h4> <div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research
<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
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.
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 class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div> </div>
</div> </div>
</div> </li>
</li> <li tabindex="-1">
<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-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-first-column">
<div class="uk-first-column"> <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/overview.gif"/>
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/overview.gif"/> </div>
</div> <div class="uk-margin-top">
<div class="uk-margin-top"> <div>
<div> <h4 class="uk-text-bold">View community&#39;s overview at a glance</h4>
<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
<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
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.
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 class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div> </div>
</div> </div>
</div> </li>
</li> <li tabindex="-1">
<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-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-first-column">
<div class="uk-first-column"> <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/results.gif"/>
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/results.gif"/> </div>
</div> <div class="uk-margin-top">
<div class="uk-margin-top"> <div>
<div> <h4 class="uk-text-bold">Search &amp; browse your community&#39;s research products.</h4>
<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
<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
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.
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 class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div> </div>
</div> </div>
</div> </li>
</li> <li tabindex="-1">
<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-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-first-column">
<div class="uk-first-column"> <img class="uk-border-rounded uk-box-shadow-large"
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/graph-analysis.gif"/>
src="assets/connect-assets/home/gifs/graph-analysis.gif"/> </div>
</div> <div class="uk-margin-top">
<div class="uk-margin-top"> <div>
<div> <h4 class="uk-text-bold">View statistics for your community&#39;s research products.</h4>
<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
<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
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.
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 class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div> </div>
</div> </div>
</div> </li>
</li> </ul>
</ul> <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"> <li class="uk-active" uk-slider-item="0"></li>
<li class="uk-active" uk-slider-item="0"></li> <li uk-slider-item="1"></li>
<li uk-slider-item="1"></li> <li uk-slider-item="2"></li>
<li uk-slider-item="2"></li> <li uk-slider-item="3"></li>
<li uk-slider-item="3"></li> <li uk-slider-item="4"></li>
<li uk-slider-item="4"></li> </ul>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" <!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper> [texts]="pageContents['bottom']"></helper>-->
<div <div class="uk-section" style="background-color: #D9D8E8;">
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top" <div class="uk-container">
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-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 <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> src="assets/connect-assets/contact/1.png" style="width:237px"/></div>

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

@ -1,33 +1,30 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"
description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld> description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld>
<div class="image-front-topbar" <div class="uk-container uk-container-large uk-section uk-padding-remove-bottom">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-padding-small">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-section uk-background-top-center uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color"> </div>
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top"> </div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <div class="uk-section uk-padding-remove-top uk-container uk-container-large uk-flex uk-flex-middle">
<div class="uk-padding-small uk-margin-top">
<div *ngIf="showLoading">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div>
</div> </div>
<div style=" min-height: 350px;" class="uk-section uk-section-small uk-flex uk-flex-middle"> <div *ngIf="!showLoading">
<div class="uk-align-center"> <div class="uk-grid-divider" uk-grid>
<div *ngIf="showLoading" class="uk-margin-large"> <div class="uk-width-1-1 uk-width-1-2@m uk-flex-last@m">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span <h6 class="uk-margin-auto-top uk-margin-remove-bottom uk-text-bold">OpenAIRE gives you the virtual environment
class="loading-gif uk-align-center"></span></div> and services designed for your community to:</h6>
</div> <ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top">
<div *ngIf="!showLoading" class="uk-container uk-container-large"> <li><span class="uk-text-bold">Create and Manage</span> your Community Gateway</li>
<div class="uk-grid-divider" uk-grid> <li><span class="uk-text-bold">Access, share and link</span> together all your research</li>
<div class="uk-width-1-1 uk-width-1-2@m uk-flex-last@m"> <li><span class="uk-text-bold">Monitor and report</span> your community&#39;s progress</li>
<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>
<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>
</div> </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> </div>
</div> </div>
</div> </div>

1
src/app/contact/contact.component.ts
View File

@ -94,7 +94,6 @@ export class ContactComponent implements OnInit {
email: this.fb.control('', [Validators.required, Validators.email]), email: this.fb.control('', [Validators.required, Validators.email]),
affiliation: this.fb.control('', Validators.required), affiliation: this.fb.control('', Validators.required),
community: this.fb.control('', Validators.required), community: this.fb.control('', Validators.required),
subject: this.fb.control('', Validators.required),
message: this.fb.control('', Validators.required), message: this.fb.control('', Validators.required),
recaptcha: this.fb.control('', Validators.required), recaptcha: this.fb.control('', Validators.required),
}); });

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

@ -10,16 +10,14 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({ @Component({
selector: 'learn-in-depth', selector: 'learn-in-depth',
template: ` template: `
<div class="image-front-topbar" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-padding-small">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div> </div>
<div class="uk-section-small "> </div>
<div class="uk-container uk-container-large uk-margin-medium-bottom"> <div class="uk-container uk-container-large uk-section uk-padding-remove-top">
<div class="uk-padding-small">
<div class="uk-margin-top uk-margin-medium-bottom">
<h2 class="uk-text-bold">Frequently Asked Questions</h2> <h2 class="uk-text-bold">Frequently Asked Questions</h2>
</div> </div>
<div class="uk-container"> <div class="uk-container">
@ -47,7 +45,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with <a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with
the Research Community Dashboard (RCD)?</a> the Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content" hidden="">
<p>Once a Community Gateway has been created, several thematic service integration patterns are <p>Once a Community Gateway has been created, several thematic service integration patterns are
possible:</p> possible:</p>
@ -58,8 +56,10 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
<a href="https://www.openaire.eu/validator-registration-guide" target="_blank"> &ldquo;OpenAIRE-compliant&rdquo;</a>. <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 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 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"> OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide"
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the Content target="_blank">
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the
Content
Provider Dashboard</a>. Provider Dashboard</a>.
</li> </li>
<li> <li>
@ -156,7 +156,8 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with OpenAIRE?</a> <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 aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid="">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Open Science training</div> <div style="font-style: italic">Open Science training</div>
@ -173,15 +174,18 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Citizen Science</div> <div style="font-style: italic">Citizen Science</div>
Do you collaborate with schools? Learn more about the 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"> <a class="uk-link" href="https://www.openaire.eu/citizen-science-activities-in-openaire"
target="_blank">
OpenAIRE activities for Citizen Science OpenAIRE activities for Citizen Science
</a>. </a>.
</div> </div>
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Open Innovation Programme</div> <div style="font-style: italic">Open Innovation Programme</div>
Spread the word about the OpenAIRE 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> <a class="uk-link" href="https://www.openaire.eu/open-innovation-in-openaire" target="_blank">Open
for SMEs, start-ups and research labs. The programme&rsquo;s goal is to discover, support and fund innovative 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. ideas and implementations of software in the Open Science domain.
</div> </div>
</div> </div>

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

@ -11,7 +11,6 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
selector: 'learn-how', selector: 'learn-how',
template: ` template: `
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<ng-template #one> <ng-template #one>
<h5 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h5> <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 <div>First, we learn about your requirements and challenges. We help you understand Open Science practices within
@ -41,23 +40,20 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
engaging your researchers, we take care of the smooth operation of the e-service. engaging your researchers, we take care of the smooth operation of the e-service.
</div> </div>
</ng-template> </ng-template>
<div class="image-front-topbar" <div class="image-front-topbar" style="background-color: #E2EEFA;">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<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> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</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" </div>
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;"> <div class="uk-section uk-padding-remove-top"
<div class="uk-container uk-container-large"> style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
<div class="uk-margin-medium-top uk-grid"> <div class="uk-container uk-container-large uk-margin-top">
<h1 class="uk-width-1-1 uk-text-bold">Learn the process</h1> <div class="uk-padding-small">
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <strong>Gateway to your <h1 class="uk-width-1-1 uk-text-bold">Learn the process</h1>
community&#39;s</strong> open and linked research outcomes. Customized to your needs. <div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <strong>Gateway to your
</div> 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" <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=""> uk-grid="">
@ -96,153 +92,146 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
</div> </div>
</div> </div>
</div> </div>
<div class="uk-width-1-1 uk-text-center uk-text-large uk-margin-large-top"><a <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> class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more
details</a>
</div> </div>
</div> </div>
</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-section uk-container uk-container-large">
<div class="uk-container uk-container-large"> <div class="uk-padding-small">
<div class="uk-slider" <div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true"> uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container"> <div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);"> <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"> <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-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/profile.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
</div> src="assets/connect-assets/about/gifs/profile.gif"/>
<div class="uk-margin-top"> </div>
<div> <div class="uk-margin-top">
<h4 class="uk-text-bold">Profile</h4> <div>
<div class="uk-margin-medium uk-text-large">Edit community information, change logo url, add <h4 class="uk-text-bold">Profile</h4>
community managers or organizations related to community. <div class="uk-margin-medium uk-text-large">Edit community information, change logo url, add
</div> community managers or organizations related to community.
</div> </div>
</div> </div>
</div> </div>
</li> </div>
<li tabindex="-1"> </li>
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/content.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large"
<div class="uk-margin-top"> src="assets/connect-assets/about/gifs/content.gif"/>
<div> </div>
<h4 class="uk-text-bold">Content</h4> <div class="uk-margin-top">
<div class="uk-margin-medium uk-text-large">Manage projects, content providers, subjects and <div>
zenodo communities that are related to the research community. <h4 class="uk-text-bold">Content</h4>
</div> <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>
</div> </div>
</li> </div>
<li tabindex="-1"> </li>
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/statistics.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large"
<div class="uk-margin-top"> src="assets/connect-assets/about/gifs/statistics.gif"/>
<div> </div>
<h4 class="uk-text-bold">Statistics &amp; Charts</h4> <div class="uk-margin-top">
<div class="uk-margin-medium uk-text-large">Manage statistical numbers &amp; charts that will be <div>
displayed in the community overview and graph analysis views. <h4 class="uk-text-bold">Statistics &amp; Charts</h4>
</div> <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>
</div> </div>
</li> </div>
<li tabindex="-1"> </li>
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/links.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large"
<div class="uk-margin-top"> src="assets/connect-assets/about/gifs/links.gif"/>
<div> </div>
<h4 class="uk-text-bold">Links</h4> <div class="uk-margin-top">
<div class="uk-margin-medium uk-text-large">Manage user claims related to the research <div>
community. <h4 class="uk-text-bold">Links</h4>
</div> <div class="uk-margin-medium uk-text-large">Manage user claims related to the research
community.
</div> </div>
</div> </div>
</div> </div>
</li> </div>
<li tabindex="-1"> </li>
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/help.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/help.gif"/>
<div class="uk-margin-top"> </div>
<div> <div class="uk-margin-top">
<h4 class="uk-text-bold">Help texts</h4> <div>
<div class="uk-margin-medium uk-text-large">Add or edit help text in research community pages. <h4 class="uk-text-bold">Help texts</h4>
</div> <div class="uk-margin-medium uk-text-large">Add or edit help text in research community pages.
</div> </div>
</div> </div>
</div> </div>
</li> </div>
<li tabindex="-1"> </li>
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <li tabindex="-1">
<div class="uk-first-column"> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/users.gif"/> <div class="uk-first-column">
</div> <img class="uk-border-rounded uk-box-shadow-large"
<div class="uk-margin-top"> src="assets/connect-assets/about/gifs/users.gif"/>
<div> </div>
<h4 class="uk-text-bold">Users</h4> <div class="uk-margin-top">
<div class="uk-margin-medium uk-text-large">Invite more users to subscribe, manage community <div>
subscribers, your personal info and notification settings. <h4 class="uk-text-bold">Users</h4>
</div> <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>
</div> </div>
</li> </div>
</ul> </li>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"> </ul>
<li class="uk-active" uk-slider-item="0"></li> <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<li uk-slider-item="1"></li> <li class="uk-active" uk-slider-item="0"></li>
<li uk-slider-item="2"></li> <li uk-slider-item="1"></li>
<li uk-slider-item="3"></li> <li uk-slider-item="2"></li>
<li uk-slider-item="4"></li> <li uk-slider-item="3"></li>
<li uk-slider-item="5"></li> <li uk-slider-item="4"></li>
</ul> <li uk-slider-item="5"></li>
</div> </ul>
</div> </div>
</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>
<div class="uk-container uk-section"> <div class="uk-section" style="background-color: #D9D8E8;">
<div class="uk-container">
<div class="uk-padding-small">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid=""> <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">
<div class="uk-width-expand uk-first-column"> <div class="uk-width-expand uk-first-column">
<h3 class="uk-text-bold">Get in touch with our team to find out how.</h3> <h3>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-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 class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></div>
</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 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>
</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>
</div>
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
</div> </div>
` `
}) })
export class LearnHowComponent implements OnInit{ export class LearnHowComponent implements OnInit {
public piwiksub: any; public piwiksub: any;
public pageContents = null; public pageContents = null;
public divContents = null; public divContents = null;

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

@ -10,20 +10,19 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({ @Component({
selector: 'learn-in-depth', selector: 'learn-in-depth',
template: ` template: `
<div class="image-front-topbar" <div class="image-front-topbar" style="background-color: #E2EEFA;">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<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> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div class="uk-background-norepeat uk-background-cover uk-position-relative uk-preserve-color" </div>
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;"> <div class="uk-section uk-padding-remove-top"
<div class="uk-container uk-container-large"> style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);">
<div class="uk-grid" uk-grid=""> <div class="uk-container uk-container-large uk-margin-top">
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column uk-margin-medium-top"> <div class="uk-padding-small">
<div class="uk-grid" uk-grid>
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column">
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong> <h1 class="uk-width-3-4 uk-margin-medium-bottom">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong>
</h1> </h1>
<div class="uk-width-4-5@m uk-width-1-1@s uk-text-large"> <div class="uk-width-4-5@m uk-width-1-1@s uk-text-large">
@ -42,7 +41,9 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-section"> </div>
<div class="uk-container uk-container-large uk-section">
<div class="uk-padding-small">
<div class="uk-grid" uk-grid=""> <div class="uk-grid" uk-grid="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column"> <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/about/1.png" style="width:100px"/>
@ -150,16 +151,16 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</div> </div>
</div> </div>
<div </div>
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" <div class="uk-section" style="background-color: #D9D8E8;">
style="background-color: #D9D8E8;"> <div class="uk-container">
<div class="uk-container uk-section"> <div class="uk-padding-small">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid=""> <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"> <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"/> <img src="assets/connect-assets/contact/2.png" style="width:329px"/>
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-text-bold">Let us help you develop a collaborative Open Science Gateway for your <h3>Let us help you develop a collaborative Open Science Gateway for your
community.<br/> community.<br/>
It is fast. It is reliable.</h3> 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-margin-medium uk-text-large">Get in touch with our team to find out how.</div>

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

@ -1,39 +1,40 @@
<schema2jsonld [URL]="properties.domain + properties.baseLink" <schema2jsonld [URL]="properties.domain + properties.baseLink"
[logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-connect.png'" type="home" [logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-connect.png'"
type="home"
name="OpenAIRE Connect"> name="OpenAIRE Connect">
</schema2jsonld> </schema2jsonld>
<div class="banner-background image-front-topbar uk-section uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color" <div class="banner-background 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}" <div class="uk-section uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-margin-small-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> <div class="uk-margin-large-top">
<div class="uk-position-relative uk-panel"> <div *ngIf="loading" class="uk-height-large">
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span <div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!loading" class="uk-container uk-container-large"> <div *ngIf="!loading">
<h3 class="uk-text-center uk-text-bold">My Communities</h3> <h3 class="uk-text-center uk-text-bold">My Communities</h3>
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" <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"> 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> <div>
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid"> <div *ngIf="managerOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5> <h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
<div class="uk-width-1-1 uk-margin-small-top"> <div class="uk-width-1-1 uk-margin-small-top">
<div <div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
uk-grid > uk-grid>
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-card uk-card-default uk-card-small portalSearchCard" <div class="uk-padding-small uk-card uk-card-default uk-card-small portalSearchCard"
title="{{community.description}}"> title="{{community.description}}">
<browse-community [community]=community [smallTitle]="true" [showDescription]=false></browse-community> <browse-community [community]=community [smallTitle]="true"
[showDescription]=false></browse-community>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top"> <div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
<a [queryParams]="{role: quote('manager')}" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small" <a [queryParams]="{role: quote('manager')}"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities"> routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
<span>View all ({{managerOfCommunities.length | number}})</span> <span>View all ({{managerOfCommunities.length | number}})</span>
@ -53,17 +54,19 @@
<h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5> <h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5>
<div class="uk-width-1-1 uk-margin-small-top"> <div class="uk-width-1-1 uk-margin-small-top">
<div <div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
uk-grid> uk-grid>
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-card uk-card-small uk-card-default portalSearchCard" <div class="uk-padding-small uk-card uk-card-small uk-card-default portalSearchCard"
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')"> [attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
<browse-community [community]=community [smallTitle]="true" [showDescription]=false></browse-community> <browse-community [community]=community [smallTitle]="true"
[showDescription]=false></browse-community>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top"> <div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
<a [queryParams]="{status: quote('subscribed')}" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small" <a [queryParams]="{status: quote('subscribed')}"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities"> routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
<span>View all ({{subscriberOfCommunities.length | number}})</span> <span>View all ({{subscriberOfCommunities.length | number}})</span>
@ -97,8 +100,8 @@
<h5 class="uk-text-bold">Community Gateways in Action</h5> <h5 class="uk-text-bold">Community Gateways in Action</h5>
<div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div <div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" 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;"> uk-grid uk-height-match=".community;">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small uk-card uk-card-default portalSearchCard"> <div class="uk-padding-small uk-card uk-card-default portalSearchCard">
<browse-community [community]=community></browse-community> <browse-community [community]=community></browse-community>
@ -116,6 +119,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>