connect facelift changes part 2
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@53394 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki
parent
d26237cfcf
commit
3039b45137
|
|
@ -36,7 +36,7 @@ import {ConnectHelper} from './openaireLibrary/connect/connectHelper';
|
|||
</span></a>
|
||||
</cookie-law>
|
||||
<bottom *ngIf= "isClient && showMenu && !community" [menuItems]=bottomMenuItems></bottom>
|
||||
<bottom *ngIf= "isClient && community" [showSocialButton] = "false" [showMenu]=true [showDnet] =false showOpenaire=true [(communityId)]="community.id" [(APIUrl)]="properties.adminToolsAPIURL" [menuItems]=bottomMenuItems ></bottom>
|
||||
<bottom *ngIf= "isClient && community" [showSocialButton] = "false" [showMenu]=false [showDnet] =false showOpenaire=true [(communityId)]="community.id" [(APIUrl)]="properties.adminToolsAPIURL" [menuItems]=bottomMenuItems ></bottom>
|
||||
|
||||
`
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,24 @@
|
|||
<div class="image-front-topbar uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent="light" tm-header-transparent-placeholder="">
|
||||
<div style=" min-height: calc(7.89999px + 60vh);"
|
||||
class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom" >
|
||||
<!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
|
||||
<div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div class="uk-container uk-container-small uk-section">
|
||||
|
||||
<h1 class="el-title uk-margin uk-heading-hero portal-color">
|
||||
Research Community Dashboard </h1>
|
||||
<div class="el-content uk-margin"><h2 > Your view to open science</h2></div>
|
||||
|
||||
<p><a href="/" class="el-link uk-button uk-button-primary portal-button">Start here</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="image-front-topbar uk-section-muted uk-section-overlap uk-light" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-slide-top","delay":false}" tm-header-transparent="light" tm-header-transparent-placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="image-front-topbar uk-section-muted uk-section-overlap uk-light" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-slide-top","delay":false}" tm-header-transparent="light" tm-header-transparent-placeholder="">
|
||||
<div style=" background-color: #1e3040;" class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-section-large uk-padding-remove-bottom">
|
||||
<div class="tm-header-placeholder uk-margin-remove-adjacent" style="height: 84px;"></div>
|
||||
<div class="uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid uk-grid-stack" uk-grid="">
|
||||
|
|
@ -14,33 +32,163 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div *ngIf= "communitiesResults != null && communitiesResults.length > 0">
|
||||
<div class="uk-container uk-margin-top uk-margin-bottom">
|
||||
<div class="uk-child-width-1-3@m uk-text-center uk-grid-match " uk-grid >
|
||||
<ng-container *ngFor="let item of communitiesResults; let i = index">
|
||||
<div *ngIf="showCommunity(item)" class="uk-card uk-card-default uk-margin-bottom uk-padding-remove">
|
||||
|
||||
<div class=" uk-section uk-section-small">
|
||||
<div class="uk-container uk-container-small">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div id="page#8" class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-grid-large uk-grid" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
|
||||
<!-- <a routerLinkActive="uk-link" routerLink="/search/find" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a> -->
|
||||
<span class="portal-color">
|
||||
<svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5">
|
||||
<circle fill="none" stroke="#EBB13E" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle>
|
||||
<path fill="none" stroke="#EBB13E" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path>
|
||||
<path fill="none" stroke="#EBB13E" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
||||
</span>
|
||||
<!-- <h3 class="el-title uk-margin uk-h3">
|
||||
Are you a research community?
|
||||
</h3>
|
||||
<div class=" uk-margin-small-top uk-text-left">
|
||||
All you need to do is to provide OpenAIRE with a ‘very limited’ set of metadata fields from your database and we will take it up from there.
|
||||
</div>
|
||||
<div class=" uk-margin-small-top uk-text-left" >
|
||||
Learn how to participate and ensure that your information is picked up by OpenAIRE.
|
||||
</div> -->
|
||||
<h3 class="el-title uk-margin uk-h3">
|
||||
Are you a researcher?
|
||||
</h3>
|
||||
<div class=" uk-margin-small-top uk-text-lead uk-text-left">
|
||||
Research community dashboard
|
||||
</div>
|
||||
<div class=" uk-margin-small-top uk-text-left">
|
||||
A virtual environment designed for your community to:
|
||||
</div>
|
||||
<div class=" uk-margin-top uk-text-left" >
|
||||
<ul class="uk-list uk-list-divider">
|
||||
<li>share all your research results</li>
|
||||
<li>link all your research</li>
|
||||
<li>gather all your research results in one place</li>
|
||||
<li>monitor & report</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="">
|
||||
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
|
||||
<!-- <a class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a> -->
|
||||
<!-- <img class="" width="60" height="70" src="assets/ask-connect.svg" alt="What is it?"> -->
|
||||
<span class=" portal-color uk-icon">
|
||||
<svg width="70" height="70" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="cog" ratio="3.5">
|
||||
<circle fill="none" cx="9.997" cy="10" r="3.31" stroke="#EBB13E"></circle>
|
||||
<path fill="none" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z" stroke="#EBB13E"></path></svg></span>
|
||||
|
||||
<h3 class="el-title uk-margin uk-h3">
|
||||
Are you a community manager?
|
||||
</h3>
|
||||
<div class=" uk-margin-small-top uk-text-lead uk-text-left">
|
||||
Use dashboard to configure:
|
||||
</div>
|
||||
<!-- <div class=" uk-margin-small-top uk-text-left">
|
||||
A virtual environment designed for your community to:
|
||||
</div> -->
|
||||
<div class=" uk-margin-top uk-text-left" >
|
||||
<ul class="uk-list uk-list-divider">
|
||||
<li>the community profile</li>
|
||||
<li>the community content</li>
|
||||
<li>statistics & charts</li>
|
||||
<li>users links</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="">
|
||||
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
|
||||
<img class="" width="60" height="70" src="assets/ask-connect.svg" alt="Have more questions?">
|
||||
<!-- <a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a> -->
|
||||
|
||||
<h3 class="el-title uk-margin uk-h3">
|
||||
Have more questions?
|
||||
</h3>
|
||||
<div class=" uk-margin-small-top uk-text-left">
|
||||
<ul class="uk-list uk-list-divider">
|
||||
<li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a></li>
|
||||
<li><a href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science era</a> </li>
|
||||
<li><a href="https://www.openaire.eu/guides/">Find out how to use OpenAIRE to best serve your needs</a></li>
|
||||
<li><a href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a></li>
|
||||
<li><a href="https://www.openaire.eu/contact-us">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div *ngIf= "communitiesResults != null && communitiesResults.length > 0" class="uk-section-muted ">
|
||||
<div class="uk-container ">
|
||||
<div class="uk-grid portal-hr uk-margin-bottom uk-margin-top">
|
||||
<h3 class=" uk-padding-remove-left uk-width-expand">Research Communities</h3>
|
||||
<select [(ngModel)]="type" (ngModelChange)="searchChanged()" class=" uk-padding-remove-left uk-select uk-width-small " name="select_funder" >
|
||||
<option value="all" >Type</option>
|
||||
<option value="ri" >Research initiative</option>
|
||||
<option value="community" >Research community</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="uk-grid uk-margin-remove-top ">
|
||||
<form class="uk-padding-remove-left ">
|
||||
<input type="text" class="uk-input uk-width-xlarge" placeholder="Search for research communities" [(ngModel)]="keyword" name="keyword" >
|
||||
<button *ngIf="!link" (click)="searchChanged()" type="submit" class=" uk-button portal-button">
|
||||
<span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-margin-top ">
|
||||
<div class="uk-child-width-1-3@m uk-text-center uk-grid-match portal-hr " uk-grid >
|
||||
<ng-container *ngFor="let item of communitiesToShow; let i = index">
|
||||
<div *ngIf="showCommunity(item)" class="uk-padding-small">
|
||||
<div class="uk-card uk-card-default uk-margin-bottom uk-padding-small">
|
||||
<span >
|
||||
<div class="uk-card-media-top">
|
||||
<a *ngIf="!isProduction()" [queryParams]="{communityId: item.communityId}" routerLinkActive="router-link-active" routerLink="/" target="_blank">
|
||||
<div style="" class="uk-margin-auto communitiesImageBox uk-background-muted">
|
||||
<img *ngIf= "item.logoUrl != null && item.logoUrl != '' " src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo" class="uk-height-small uk-responsive-height ">
|
||||
<span *ngIf= "item.logoUrl == null || item.logoUrl == '' " class="uk-icon uk-margin-top">
|
||||
<svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<a *ngIf="isProduction()" href="{{'https://'+getProductionPrefix()+item.communityId+'.openaire.eu'}}" target="_blank">
|
||||
<img *ngIf= "item.logoUrl != null && item.logoUrl != '' " src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo" class="uk-height-small uk-responsive-height ">
|
||||
<span *ngIf= "item.logoUrl == null || item.logoUrl == '' " class="uk-icon uk-margin-top">
|
||||
<svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
||||
</span>
|
||||
<div style="" class="uk-margin-auto communitiesImageBox">
|
||||
<img *ngIf= "item.logoUrl != null && item.logoUrl != '' " src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo" class="uk-height-small uk-responsive-height ">
|
||||
<span *ngIf= "item.logoUrl == null || item.logoUrl == '' " class="uk-icon uk-margin-top">
|
||||
<svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
<div class="uk-card-body">
|
||||
<div class="uk-padding-small uk-text-left">
|
||||
<div>
|
||||
|
||||
<h3 class="uk-card-title">
|
||||
<h3 class="">
|
||||
<a *ngIf="!isProduction()" [queryParams]="{communityId: item.communityId}" routerLinkActive="router-link-active" routerLink="/" target="_blank">
|
||||
{{(item.title)?item.title:item.shortTitle}}</a>
|
||||
<a *ngIf="isProduction()" href="{{'https://'+getProductionPrefix()+item.communityId+'.openaire.eu'}}" target="_blank">
|
||||
|
|
@ -56,84 +204,102 @@
|
|||
<h3 class="uk-card-title"><a [queryParams]="{communityId: item.communityId}" routerLinkActive="router-link-active" routerLink="/community">
|
||||
{{item.shortTitle}}</a></h3>
|
||||
</div-->
|
||||
<div *ngIf="item.status !='all'" class="uk-float-right" uk-tooltip="title: Community is hidden to registered users. It is visible only to users that have privileges to manage community; delay: 100">
|
||||
<span class="private-view-label uk-label uk-label-success " aria-expanded="false">Private view</span>
|
||||
</div>
|
||||
<div *ngIf="item.type =='ri'" class="" >
|
||||
<span class="ri-label uk-label uk-label-info " aria-expanded="false">Research Initiative</span>
|
||||
</div>
|
||||
<div *ngIf="item.type !='ri'" class="" >
|
||||
<span class="uk-label rc-label uk-label-warning " aria-expanded="false">Research Community</span>
|
||||
</div>
|
||||
|
||||
<span *ngIf="item.type =='ri'" class=" uk-label label-grey " aria-expanded="false">Research Initiative</span>
|
||||
<span *ngIf="item.type !='ri'" class="uk-label label-grey " aria-expanded="false">Research Community</span>
|
||||
<span *ngIf="item.status !='all'" uk-tooltip="title: Community is hidden to registered users. It is visible only to users that have privileges to manage community; delay: 100">
|
||||
<span class="private-view-label uk-label label-grey " aria-expanded="false">Private view</span>
|
||||
</span>
|
||||
<p *ngIf="item.description != null" >{{item.description}}</p>
|
||||
<subscribe [communityId]="item.communityId"></subscribe>
|
||||
<manage [communityId]="item.communityId"></manage>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="uk-section-default" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}">
|
||||
<div class="mainPageBottomInfo uk-background-norepeat uk-background-cover uk-background-center-center uk-section uk-section-small ">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-divider uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-first-column">
|
||||
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
A researcher?
|
||||
</h4>
|
||||
<div class=" uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
Explore all OA research results. Link all your research. Build your profile
|
||||
</div>
|
||||
<div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<a class="explorelink el-content uk-button uk-button-default uk-button-small" href="https://beta.explore.openaire.eu" target="_blank" style="">
|
||||
OpenAIRE.EXPLORE
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-first-column">
|
||||
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
A content provider?
|
||||
</h4>
|
||||
<div class=" uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
Join OpenAIRE, use our tools and make your content more visible around the world.
|
||||
</div>
|
||||
<div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<a class="providelink el-content uk-button uk-button-default uk-button-small" href="https://beta.provide.openaire.eu" target="_blank" style="">
|
||||
OpenAIRE.PROVIDE
|
||||
</a>
|
||||
</div>
|
||||
<div class="uk-section-muted" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<h4 class="el-title uk-margin uk-h4">
|
||||
Researcher?
|
||||
</h4>
|
||||
<div class="el-content uk-margin">
|
||||
Explore all OA research results. Link all your research. Build your profile
|
||||
</div>
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark">
|
||||
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
A research manager?
|
||||
</h4>
|
||||
<div class="uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
Use our monitoring services and easily track all relevant research results.
|
||||
</div>
|
||||
<div id="page#41" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<a class="monitorlink el-content uk-button uk-button-default uk-button-small" href="https://monitor.openaire.eu" target="_blank">
|
||||
OpenAIRE.MONITOR
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark">
|
||||
<h4 class="uk-margin-medium uk-text-center uk-h4 uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
A developer?
|
||||
</h4>
|
||||
<div id="page#48" class="uk-text-primary custom-uk-text-light uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
Get access to OpenAIRE data and capitalize on Europe's open linked research.
|
||||
</div>
|
||||
<div id="page#49" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<a class="developlink el-content uk-button uk-button-default uk-button-small" href="https://develop.openaire.eu" target="_blank">
|
||||
OpenAIRE.DEVELOP
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
<a target="_blank" href="https://explore.openaire.eu" class="el-link uk-button uk-button-default">
|
||||
OpenAIRE.EXPLORE
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column provide">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<h4 class="el-title uk-margin uk-h4">
|
||||
Content provider?
|
||||
</h4>
|
||||
<div class="el-content uk-margin">
|
||||
Join OpenAIRE, use our tools and make your content more visible around the world.
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<a target="_blank" href="https://provide.openaire.eu" class="el-link uk-button uk-button-default">
|
||||
OpenAIRE.PROVIDE
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<h4 class="el-title uk-margin uk-h4">
|
||||
Research community?
|
||||
</h4>
|
||||
<div class="el-content uk-margin">
|
||||
Use a trusted partner to share, link, disseminate and monitor your research.
|
||||
</div>
|
||||
<p>
|
||||
<a target="_blank" href="https://connect.openaire.eu" class="el-link uk-button uk-button-default">
|
||||
OpenAIRE.CONNECT
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div-->
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<h4 class="el-title uk-margin uk-h4">
|
||||
Research manager?
|
||||
</h4>
|
||||
<div class="el-content uk-margin">
|
||||
Use our monitoring services and easily track all relevant research results.
|
||||
</div>
|
||||
<p>
|
||||
<a target="_blank" href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default">
|
||||
OpenAIRE.MONITOR
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
<h4 class="el-title uk-margin uk-h4">
|
||||
Developer?
|
||||
</h4>
|
||||
<div class="el-content uk-margin">
|
||||
Get access to OpenAIRE data and capitalize on on Europe's open linked research
|
||||
</div>
|
||||
<p>
|
||||
<a target="_blank" href="https://develop.openaire.eu" class="el-link uk-button uk-button-default">
|
||||
OpenAIRE.DEVELOP
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -29,9 +29,11 @@ export class CommunitiesComponent {
|
|||
public pageTitle = "OpenAIRE"
|
||||
|
||||
public communitiesResults = null;
|
||||
public communitiesToShow = null;
|
||||
|
||||
properties:EnvProperties;
|
||||
|
||||
public keyword:string="";
|
||||
public type:string="all";
|
||||
constructor (
|
||||
private route: ActivatedRoute,
|
||||
private _router: Router,
|
||||
|
|
@ -64,6 +66,7 @@ export class CommunitiesComponent {
|
|||
this._communitiesService.getCommunities(this.properties, this.properties.communitiesAPI).subscribe(
|
||||
communitiesResults => {
|
||||
this.communitiesResults = communitiesResults;
|
||||
this.communitiesToShow = this.communitiesResults.slice();
|
||||
//console.log(communitiesResults);
|
||||
});
|
||||
});
|
||||
|
|
@ -97,5 +100,31 @@ export class CommunitiesComponent {
|
|||
}
|
||||
return true;
|
||||
|
||||
}
|
||||
existsIn(word, keyword):boolean{
|
||||
if(word!= null && (keyword=="" || word.toLowerCase().indexOf(keyword.toLowerCase())!=-1)){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
isType(communityType):boolean{
|
||||
if(this.type == "all" || communityType == this.type){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
searchChanged(){
|
||||
this.communitiesToShow = [];
|
||||
for(var i=0; i <this.communitiesResults.length; i++){
|
||||
if((this.existsIn(this.communitiesResults[i].description, this.keyword) ||
|
||||
this.existsIn(this.communitiesResults[i].title, this.keyword) ||
|
||||
this.existsIn(this.communitiesResults[i].shortTitle, this.keyword))
|
||||
&& this.isType(this.communitiesResults[i].type)){
|
||||
this.communitiesToShow.push(this.communitiesResults[i]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ declare var UIkit: any;
|
|||
<a class="uk-alert-close" uk-close></a>
|
||||
<p>Please login first to subscribe</p>
|
||||
</div>
|
||||
<a *ngIf="!subscribed" [class]="'uk-button uk-button-primary' + (loading ? ' uk-disabled' : '')" (click)="subscribe()"> Subscribe</a>
|
||||
<a *ngIf="!subscribed" [class]="'uk-button portal-button' + (loading ? ' uk-disabled' : '')" (click)="subscribe()"> Subscribe</a>
|
||||
<a *ngIf="subscribed" [class]="'uk-button uk-button-danger' + (loading ? ' uk-disabled' : '')" (click)="confirmOpen()"> Unsubscribe</a>
|
||||
</span>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
:root {
|
||||
--portal-main-color: #EBB13E;
|
||||
--portal-main-contrast: #2E2E2E;
|
||||
/* --portal-main-contrast: #2E2E2E; */
|
||||
--portal-main-contrast: white;
|
||||
--portal-dark-color: #4687E6;
|
||||
|
||||
--openaire-main-color: #313179;
|
||||
|
|
@ -10,19 +11,29 @@
|
|||
--monitor-portal-color: #9ABB55;
|
||||
--connect-portal-color: #EBB13E;
|
||||
--develop-portal-color: #DA65AB;
|
||||
|
||||
--explore-portal-lower-tone: #a0462c;
|
||||
--provide-portal-lower-tone: #3A8FA3;
|
||||
--monitor-portal-lower-tone: #b48536;
|
||||
--connect-portal-lower-tone: #7c9144;
|
||||
--develop-portal-lower-tone: #9f4e7e;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.communitiesImageBox{
|
||||
width:284px; height:109px;
|
||||
}
|
||||
.tm-toolbar .uk-subnav-line .custom-connect-li {
|
||||
background:var(--portal-main-color) !important;
|
||||
}
|
||||
|
||||
.uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
|
||||
/* .uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
|
||||
background-color:#fff !important;
|
||||
color:#5b5b5b !important;
|
||||
box-shadow:0 6px 50px rgba(0,0,0,0.05)
|
||||
}
|
||||
} */
|
||||
|
||||
|
||||
.mainPageSearchForm {
|
||||
|
|
@ -40,3 +51,19 @@
|
|||
.private-view-label{
|
||||
color:black !important;
|
||||
}
|
||||
|
||||
|
||||
.searchForm, .generalSearchForm,
|
||||
.publicationsSearchForm,
|
||||
.projectsSearchForm, .projectsTableSearchForm,
|
||||
.organizationsSearchForm,
|
||||
.datasetsSearchForm,
|
||||
.softwareSearchForm,
|
||||
.orpsSearchForm,
|
||||
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
|
||||
.journalsSearchForm, .journalsTableSearchForm,
|
||||
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
|
||||
|
||||
background: url('./home.jpg') !important;
|
||||
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 322 KiB |
Loading…
Reference in New Issue