[Trunk|Connect]: Latest changes on home page base on Natalia's comments.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56343 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
00b25be479
commit
7590ac3247
|
|
@ -1,4 +1,4 @@
|
|||
<div class="uk-container" *ngIf="community" >
|
||||
<div class="uk-container line-height-normal" *ngIf="community" >
|
||||
<div *ngIf="community.status =='manager'" class="uk-card-badge private-card-badge uk-width-1-3 uk-position-top-left uk-text-small uk-text-center">
|
||||
Private
|
||||
</div>
|
||||
|
|
@ -15,25 +15,23 @@
|
|||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="community uk-margin-medium-bottom uk-margin-small-top">
|
||||
<div class="uk-text-center uk-text-small uk-text-bold">
|
||||
<a (click)="confirmModalOpen()">
|
||||
<span class="uk-text-small uk-margin-small" *ngIf="community.title" >
|
||||
{{community.title.slice(0,thresholdTitle)}}
|
||||
<span *ngIf="community.title.length > thresholdTitle">...</span>
|
||||
</span>
|
||||
<span class="uk-text-small uk-margin-small" *ngIf="!community.title && community.shortTitle" >
|
||||
{{community.shortTitle.slice(0,thresholdTitle)}}
|
||||
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="uk-text-center uk-text-small uk-margin" *ngIf="community.description != null && showDescription">
|
||||
<span>{{community.description.slice(0,thresholdDescription)}}<span *ngIf="community.description.length > thresholdDescription">...</span></span>
|
||||
</div>
|
||||
<div class="uk-text-center uk-text-bold community uk-margin-small-top" [ngClass]="(showDescription)?'uk-margin-small-bottom':'uk-margin-large-bottom'">
|
||||
<a (click)="confirmModalOpen()">
|
||||
<span *ngIf="community.title" >
|
||||
{{community.title.slice(0,thresholdTitle)}}
|
||||
<span *ngIf="community.title.length > thresholdTitle">...</span>
|
||||
</span>
|
||||
<span *ngIf="!community.title && community.shortTitle" >
|
||||
{{community.shortTitle.slice(0,thresholdTitle)}}
|
||||
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="uk-position-bottom-right uk-padding-small uk-padding-remove-bottom">
|
||||
<a (click)="confirmModalOpen()" class="portal-color uk-text-uppercase uk-text-bold uk-text-small">
|
||||
<div class="uk-text-left community uk-margin-large-bottom uk-margin-top" *ngIf="community.description != null && showDescription" title="{{community.description}}">
|
||||
<span>{{community.description.slice(0,thresholdDescription)}}<span *ngIf="community.description.length > thresholdDescription">...</span></span>
|
||||
</div>
|
||||
<div class="uk-position-bottom-right uk-margin-bottom uk-margin-right">
|
||||
<a (click)="confirmModalOpen()" class="portal-color uk-text-uppercase uk-text-bold">
|
||||
Visit
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export class BrowseCommunityComponent {
|
|||
// cut title too
|
||||
// check title length, if is manager, if is private and cut description accordingly
|
||||
public thresholdTitle: number = 50;
|
||||
public thresholdDescription: number = 150;
|
||||
public thresholdDescription: number = 120;
|
||||
properties:EnvProperties;
|
||||
|
||||
constructor ( private route: ActivatedRoute,
|
||||
|
|
|
|||
|
|
@ -13,8 +13,7 @@
|
|||
<div class="uk-width-1-1 uk-margin-top">
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
|
||||
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
|
||||
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
|
||||
<div class="uk-padding-small uk-card uk-card-default uk-card-small communityCard" title="{{community.description}}">
|
||||
<browse-community [community]=community [showDescription]=false></browse-community>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -39,7 +38,7 @@
|
|||
<div class="uk-width-1-1 uk-margin-top">
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
|
||||
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
|
||||
<div class="uk-padding-small uk-card uk-card-small uk-card-default communityCard"
|
||||
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
|
||||
<browse-community [community]=community [showDescription]=false></browse-community>
|
||||
</div>
|
||||
|
|
@ -74,149 +73,147 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!loading" class="uk-margin-top">
|
||||
<div class="">
|
||||
<div class="uk-margin-medium-bottom uk-margin-medium-top">
|
||||
<div class="uk-container uk-container-large uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h1>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large" uk-height-match=".target">
|
||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin" uk-grid>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding uk-padding-remove-bottom uk-padding-remove-horizontal connectInfoCard">
|
||||
<div class="uk-card-media-top target">
|
||||
<img src="../../assets/home/1.png" class="uk-align-center" width="111" height="138">
|
||||
<div *ngIf="!loading">
|
||||
<div class="uk-margin-large-bottom uk-margin-large-top">
|
||||
<div class="uk-container uk-container-large uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h1>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large" uk-height-match=".target">
|
||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin" uk-grid>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default connectInfoCard">
|
||||
<div class="uk-card-media-top uk-margin-top target">
|
||||
<img src="../../assets/home/1.png" class="uk-align-center" width="111" height="138">
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin-top" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">A Virtual Research Environment</h5>
|
||||
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications, data, software, methods. In one place.</div>
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">A Virtual Research Environment</h5>
|
||||
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications, data, software, methods. In one place.</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Access to OpenAIRE resources
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Moderated, front-end linking
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Cross-platform search
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding uk-padding-remove-bottom uk-padding-remove-horizontal connectInfoCard">
|
||||
<div class="uk-card-media-top target">
|
||||
<img src="../../assets/home/2.png" class="uk-align-center" width="127" height="138">
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">Open Science in action</h5>
|
||||
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral part of the European Open Science Cloud.</div>
|
||||
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Use of OpenAIRE Guidelines
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
DOIs via Zenodo
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
EOSC Single Sign-On
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Access to OpenAIRE resources
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Moderated, front-end linking
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Cross-platform search
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding uk-padding-remove-bottom uk-padding-remove-horizontal connectInfoCard">
|
||||
<div class="uk-card-media-top target">
|
||||
<img src="../../assets/home/3.png" class="uk-align-center" width="139" height="138">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default connectInfoCard">
|
||||
<div class="uk-card-media-top uk-margin-top target">
|
||||
<img src="../../assets/home/2.png" class="uk-align-center" width="127" height="138">
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin-top" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">Open Science in action</h5>
|
||||
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral part of the European Open Science Cloud.</div>
|
||||
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">Customized to your needs</h5>
|
||||
<div>A Science Gateway with your own brand, rules for aggregation, text & data mining, and
|
||||
presentation. Run by you via a simple, yet powerful backend administration tool.</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Access control
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Analytics: rich set of indicators
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle connectCheckIcon" uk-icon="check">
|
||||
</span>
|
||||
Look & feel to match your brand
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Use of OpenAIRE Guidelines
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
DOIs via Zenodo
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
EOSC Single Sign-On
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default connectInfoCard">
|
||||
<div class="uk-card-media-top uk-margin-top target">
|
||||
<img src="../../assets/home/3.png" class="uk-align-center" width="139" height="138">
|
||||
</div>
|
||||
<div class="uk-card-body uk-grid-divider uk-margin-top" uk-grid>
|
||||
<div class="uk-width-1-1 uk-text-center target">
|
||||
<h5 class="uk-text-bold">Customized to your needs</h5>
|
||||
<div>A Science Gateway with your own brand, rules for aggregation, text & data mining, and
|
||||
presentation. Run by you via a simple, yet powerful backend administration tool.</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Access control
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Analytics: rich set of indicators
|
||||
</li>
|
||||
<li>
|
||||
<span class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" uk-icon="check">
|
||||
</span>
|
||||
Look & feel to match your brand
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large">
|
||||
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'">
|
||||
</gif-slider>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large">
|
||||
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
|
||||
</div>
|
||||
<div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large">
|
||||
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'">
|
||||
</gif-slider>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large">
|
||||
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
|
||||
</div>
|
||||
|
||||
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large uk-margin-medium-top uk-margin-medium-bottom">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-2" role="alert"><span class="loading-gif uk-align-center" ></span></div>
|
||||
</div>
|
||||
<div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-bold">Community Gateways already in action</h1>
|
||||
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large uk-margin-large-top uk-margin-medium-bottom">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-2" role="alert"><span class="loading-gif uk-align-center" ></span></div>
|
||||
</div>
|
||||
<div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-top uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-bold">Community Gateways already in action</h1>
|
||||
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs 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 uk-padding-remove-vertical uk-height-max-large uk-card uk-card-default communityCard">
|
||||
<browse-community [community]=community></browse-community>
|
||||
</div>
|
||||
<div class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs 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 uk-padding-remove-vertical uk-height-max-large uk-card uk-card-default communityCard">
|
||||
<browse-community [community]=community></browse-community>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="uk-text-right uk-margin-top">
|
||||
<!--[queryParams]="{type: quote('community')}"-->
|
||||
<a *ngIf="researchCommunities.length > 5" class="portal-color uk-text-uppercase uk-text-bold"
|
||||
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
||||
Browse All >
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-text-right uk-margin-top">
|
||||
<!--[queryParams]="{type: quote('community')}"-->
|
||||
<a *ngIf="researchCommunities.length > 5" class="portal-color uk-text-uppercase uk-text-bold"
|
||||
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
||||
Browse All >
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<helper div="home-news"></helper>
|
||||
|
|
|
|||
|
|
@ -90,8 +90,6 @@
|
|||
|
||||
.connectInfoCard {
|
||||
background: #ECF3FD;
|
||||
border: #707070 solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
|
|
@ -244,6 +242,10 @@ div:not(.connect_App) bottom .uk-totop{
|
|||
font-size: 41px;
|
||||
}
|
||||
|
||||
.line-height-normal {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/* NOT USED
|
||||
.sketch-line {
|
||||
height:80%;
|
||||
|
|
|
|||
Loading…
Reference in New Issue