2020-09-18 15:27:26 +02:00
|
|
|
<schema2jsonld [URL]="properties.domain + properties.baseLink"
|
2020-10-23 20:05:26 +02:00
|
|
|
[logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-connect.png'"
|
|
|
|
type="home"
|
2019-08-28 14:54:35 +02:00
|
|
|
name="OpenAIRE Connect">
|
|
|
|
</schema2jsonld>
|
2020-12-02 09:44:47 +01:00
|
|
|
<div class=" image-front-topbar" style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">
|
2020-10-23 20:05:26 +02:00
|
|
|
<div class="uk-section uk-container uk-container-large">
|
|
|
|
<div class="uk-padding-small">
|
2020-04-24 18:33:03 +02:00
|
|
|
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
2020-10-23 20:05:26 +02:00
|
|
|
<div class="uk-margin-large-top">
|
|
|
|
<div *ngIf="loading" class="uk-height-large">
|
2019-08-30 10:10:01 +02:00
|
|
|
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
2020-10-23 20:05:26 +02:00
|
|
|
class="loading-gif uk-align-center"></span></div>
|
2019-08-28 14:54:35 +02:00
|
|
|
</div>
|
2020-10-23 20:05:26 +02:00
|
|
|
<div *ngIf="!loading">
|
2020-12-02 09:44:47 +01:00
|
|
|
<h3 class="uk-text-center uk-margin-large-bottom">My Communities</h3>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
|
2020-10-23 20:05:26 +02:00
|
|
|
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">
|
2019-08-28 14:54:35 +02:00
|
|
|
<div>
|
2020-12-02 09:44:47 +01:00
|
|
|
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
|
|
|
|
<h5 class="uk-width-1-1">You are managing</h5>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div class="uk-width-1-1 uk-margin-small-top">
|
|
|
|
<div
|
2020-10-23 20:05:26 +02:00
|
|
|
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
|
|
|
|
uk-grid>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
|
2020-06-04 13:38:43 +02:00
|
|
|
<div class="uk-padding-small uk-card uk-card-default uk-card-small portalSearchCard"
|
2019-08-28 14:54:35 +02:00
|
|
|
title="{{community.description}}">
|
2020-10-23 20:05:26 +02:00
|
|
|
<browse-community [community]=community [smallTitle]="true"
|
|
|
|
[showDescription]=false></browse-community>
|
2019-08-28 14:54:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
|
2020-10-23 20:05:26 +02:00
|
|
|
<a [queryParams]="{role: quote('manager')}"
|
|
|
|
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
|
2019-08-28 14:54:35 +02:00
|
|
|
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
2020-05-08 15:20:05 +02:00
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
<span>View all ({{managerOfCommunities.length | number}})</span>
|
|
|
|
<span uk-icon="chevron-right"></span>
|
|
|
|
</span>
|
2019-08-28 14:54:35 +02:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="uk-container uk-container-large uk-width-4-5">
|
|
|
|
<div *ngIf="subscriberErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert">
|
|
|
|
{{subscriberErrorMessage}}
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-12-02 09:44:47 +01:00
|
|
|
<div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
|
|
|
|
<h5 class="uk-width-1-1">You are subscribed to</h5>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div class="uk-width-1-1 uk-margin-small-top">
|
|
|
|
<div
|
2020-10-23 20:05:26 +02:00
|
|
|
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
|
|
|
|
uk-grid>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
|
2020-06-04 13:38:43 +02:00
|
|
|
<div class="uk-padding-small uk-card uk-card-small uk-card-default portalSearchCard"
|
2019-08-28 14:54:35 +02:00
|
|
|
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
|
2020-10-23 20:05:26 +02:00
|
|
|
<browse-community [community]=community [smallTitle]="true"
|
|
|
|
[showDescription]=false></browse-community>
|
2019-08-28 14:54:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
|
2020-10-23 20:05:26 +02:00
|
|
|
<a [queryParams]="{status: quote('subscribed')}"
|
|
|
|
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
|
2019-08-28 14:54:35 +02:00
|
|
|
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
2020-05-08 15:20:05 +02:00
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
<span>View all ({{subscriberOfCommunities.length | number}})</span>
|
|
|
|
<span uk-icon="chevron-right"></span>
|
|
|
|
</span>
|
2019-08-28 14:54:35 +02:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="uk-text-center">
|
2020-12-02 09:44:47 +01:00
|
|
|
<img width="200" height="185" src="../../assets/connect-assets/banner/login.svg">
|
2019-08-28 14:54:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="managerOfCommunities.length === 0 && subscriberOfCommunities.length === 0"
|
|
|
|
class="uk-child-width-1-1" uk-grid>
|
|
|
|
<div class="uk-flex uk-flex-center uk-margin-bottom">
|
|
|
|
<div class="uk-card uk-card-default uk-box-shadow-medium uk-width-1-2@m">
|
|
|
|
<div class="uk-card-body uk-text-bold uk-text-center ">
|
|
|
|
You are not yet subscribed in any Communities.<br>
|
|
|
|
Start by browsing and subscribing in those that you are interested in.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="!loading && researchCommunities.length > 0">
|
2020-12-02 09:44:47 +01:00
|
|
|
<h5 class="">Community Gateways in Action</h5>
|
2019-08-28 14:54:35 +02:00
|
|
|
<div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
|
|
|
<div
|
2020-10-23 20:05:26 +02:00
|
|
|
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;">
|
2019-08-28 14:54:35 +02:00
|
|
|
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
|
2020-06-04 13:38:43 +02:00
|
|
|
<div class="uk-padding-small uk-card uk-card-default portalSearchCard">
|
2019-08-28 14:54:35 +02:00
|
|
|
<browse-community [community]=community></browse-community>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="uk-text-right uk-margin-top">
|
|
|
|
<a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
|
|
|
|
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
|
|
|
Browse All >
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-10-23 20:05:26 +02:00
|
|
|
</div>
|
2019-08-28 14:54:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|