[Connect|Trunk]
Community Page: update layout according to mocks git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56015 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki
parent
4288d49e36
commit
762c5cd506
|
|
@ -18,7 +18,7 @@ import {SubscribeService} from './openaireLibrary/utils/subscribe/subscribe.serv
|
|||
styles: [`
|
||||
`],
|
||||
template: `
|
||||
|
||||
<div [class]="(community)?(community.id +'App'):'connectApp'" >
|
||||
<navbar *ngIf= "properties && showMenu && !community" portal="connect" [onlyTop]=false [userMenuItems]=userMenuItems [menuItems]=menuItems
|
||||
[showMenu]=showMenu [properties]="properties"></navbar>
|
||||
<navbar *ngIf= "properties && showMenu && community" portal="connect" [onlyTop]=false [communityId]="community.id" [userMenuItems]=userMenuItems [menuItems]=menuItems
|
||||
|
|
@ -37,9 +37,9 @@ import {SubscribeService} from './openaireLibrary/utils/subscribe/subscribe.serv
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
|
||||
</span></a>
|
||||
</cookie-law>
|
||||
<bottom *ngIf= "properties && isClient && showMenu && !community" [grantAdvance]="false" [properties]="properties"></bottom>
|
||||
<bottom *ngIf= "properties && isClient && showMenu && community" [showSocialButtons] = "true" [showMenuItems]="true" [grantAdvance]="false" [showOpenaire]="true" [communityId]="community.id" [menuItems]=bottomMenuItems [properties]="properties"></bottom>
|
||||
|
||||
<bottom *ngIf= "properties && isClient && showMenu && !community" [grantAdvance]="false" [properties]="properties" ></bottom>
|
||||
<bottom *ngIf= "properties && isClient && showMenu && community" [showSocialButtons] = "true" [showMenuItems]="true" [grantAdvance]="false" [showOpenaire]="true" [communityId]="community.id" [menuItems]=bottomMenuItems [properties]="properties" [class]="(community)?(community.id +'App'):'connectApp'" ></bottom>
|
||||
</div>
|
||||
`
|
||||
|
||||
})
|
||||
|
|
@ -279,6 +279,7 @@ export class AppComponent {
|
|||
|
||||
if(communityId && communityId!="" && com.communityId == communityId){
|
||||
community = com;
|
||||
document.documentElement.style.setProperty('--portal-main-color', "#4C9CD5");
|
||||
// this._layoutService.getLayout(com.communityId,
|
||||
// this.properties.adminToolsAPIURL + '/').subscribe (
|
||||
// layout => {
|
||||
|
|
|
|||
|
|
@ -1,29 +1,29 @@
|
|||
<div id="stickhere">
|
||||
</div>
|
||||
<div *ngIf="communityInfo"
|
||||
class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection"
|
||||
uk-sticky="top: #stickhere; show-on-up: true; animation: uk-animation-slide-top; ">
|
||||
<div class="communityToolBar uk-padding-small uk-margin-small-top">
|
||||
<div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
|
||||
<manage *ngIf="communityId != null && communityId != '' && isManager()" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
|
||||
<subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>
|
||||
<invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-hidden@m communityToolBarSection" >
|
||||
<div class="communityToolBar uk-padding-small">
|
||||
<div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
|
||||
<manage *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
|
||||
<subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>
|
||||
<invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="communityInfo" class=" " >
|
||||
<div class="uk-background-muted uk-padding-small">
|
||||
<div class="uk-container uk-margin-bottom " *ngIf="communityId != null && communityId != '' && community != null">
|
||||
<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
<!-- <div *ngIf="communityInfo"-->
|
||||
<!-- class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection"-->
|
||||
<!-- uk-sticky="top: #stickhere; show-on-up: true; animation: uk-animation-slide-top; ">-->
|
||||
<!-- <div class="communityToolBar uk-padding-small uk-margin-small-top">-->
|
||||
<!-- <div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">-->
|
||||
<!-- <manage *ngIf="communityId != null && communityId != '' && isManager()" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>-->
|
||||
<!-- <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>-->
|
||||
<!-- <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-hidden@m communityToolBarSection" >-->
|
||||
<!-- <div class="communityToolBar uk-padding-small">-->
|
||||
<!-- <div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">-->
|
||||
<!-- <manage *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>-->
|
||||
<!-- <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>-->
|
||||
<!-- <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div *ngIf="communityInfo" class="uk-section uk-margin-top " >
|
||||
<div class="communityPanelBackground uk-margin-top uk-padding-small">
|
||||
<div class="uk-container uk-margin-top uk-margin-bottom " *ngIf="communityId != null && communityId != '' && community != null">
|
||||
<!--<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
{{community.title}}
|
||||
</div>
|
||||
<div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
|
|
@ -31,10 +31,10 @@
|
|||
</div>
|
||||
<div *ngIf="community.description != null" class="">
|
||||
<p class=""> {{community.description}}</p>
|
||||
</div>
|
||||
<div class="uk-grid uk-grid-divider">
|
||||
<div class="uk-width-1-3@m uk-width-1-1@s uk-first-column uk-margin-top">
|
||||
<div *ngIf="community.date != null" > <span class="uk-text-bold">Created:</span> {{community.date | date:'dd-MM-yyyy'}}</div>
|
||||
</div>-->
|
||||
<div class="uk-grid">
|
||||
<div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">
|
||||
<!--<div *ngIf="community.date != null" > <span class="uk-text-bold">Created:</span> {{community.date | date:'dd-MM-yyyy'}}</div>
|
||||
<subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>
|
||||
<div *ngIf="community.managers != null && community.managers[0] != '' && community.managers[0] != null"><span class="uk-text-bold"> Curated by:</span>
|
||||
<span *ngFor='let manager of community.managers; let i = index' >{{manager.substr(0, manager.indexOf('@'))}}<span *ngIf="manager.includes('@') == 0">{{manager}}</span><span *ngIf="i<(community.managers.length-1)">,</span>
|
||||
|
|
@ -47,11 +47,25 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>-->
|
||||
<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
{{community.title}}
|
||||
</div>
|
||||
<div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
{{community.shortTitle}}
|
||||
</div>
|
||||
<div *ngIf="community.description != null" class="">
|
||||
<p class=""> {{community.description}}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="uk-width-2-3@m uk-width-1-1@s">
|
||||
<div class="uk-width-3-5@m uk-width-1-1@s">
|
||||
<div>
|
||||
<div class="uk-margin-bottom uk-text-right">
|
||||
<subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId"
|
||||
class=""></subscribe> {{" "}}
|
||||
<invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>
|
||||
</div>
|
||||
|
||||
<!-- <div class=" uk-text-large uk-margin-bottom">Statistics</div>-->
|
||||
<div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-margin-remove"
|
||||
uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">
|
||||
|
|
@ -59,7 +73,7 @@
|
|||
<div *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication') && isRouteEnabled('/search/find/publications')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/publications" ><span class="uk-text-bold">{{publicationTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/publications" ><span class="uk-text-bold uk-h5">{{publicationTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">publications</p></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,7 +82,7 @@
|
|||
<div *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') && isRouteEnabled('/search/find/datasets')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/datasets"><span class="uk-text-bold">{{researchDataTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/datasets"><span class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">research data</p></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -76,7 +90,7 @@
|
|||
<div *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') && isRouteEnabled('/search/find/software')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/software"><span class="uk-text-bold">{{softwareTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/software"><span class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">software</p></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -85,7 +99,7 @@
|
|||
<div *ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp') && isRouteEnabled('/search/find/other')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/other"><span class="uk-text-bold">{{orpTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/other"><span class="uk-text-bold uk-h5">{{orpTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">other products</p></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -95,7 +109,7 @@
|
|||
<div *ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled('/search/find/projects')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/projects"><span class="uk-text-bold">{{projectTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/projects"><span class="uk-text-bold uk-h5">{{projectTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">projects</p></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -104,33 +118,33 @@
|
|||
<div *ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled('/search/find/dataproviders')" class="uk-padding-remove-left">
|
||||
<div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
||||
<div class="uk-margin-top uk-margin-bottom">
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/dataproviders"><span class="uk-text-bold">{{contentProviderTotal|number}}</span>
|
||||
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/dataproviders"><span class="uk-text-bold uk-h5">{{contentProviderTotal|number}}</span>
|
||||
<p class="uk-text-small uk-margin-remove">content providers</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div *ngIf="community.subjects != null && community.subjects.length > 0" class="uk-margin-small-bottom uk-margin-top uk-text-bold">Subjects related to community</div>
|
||||
<div *ngIf="community.subjects != null">
|
||||
<span *ngFor="let subject of community.subjects.slice(0,10) let i=index">
|
||||
<div *ngIf="community.subjects != null && community.subjects.length > 0"
|
||||
class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects</div>
|
||||
<div *ngIf="community.subjects != null" class="uk-height-max-small uk-overflow-auto">
|
||||
<span *ngFor="let subject of community.subjects.slice(0,6) let i=index">
|
||||
<span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">
|
||||
<a [queryParams]="{subject:createParams(subject), sb: 'and'}" routerLinkActive="router-link-active" routerLink="/search/advanced/publications">
|
||||
{{subject}}
|
||||
</a>
|
||||
</span>
|
||||
<!-- http://scoobydoo.di.uoa.gr:4200/search/advanced/publications?&subject=%22ocean%22&sb=and -->
|
||||
</span>{{" "}}
|
||||
</span>
|
||||
<span *ngIf="showAll">
|
||||
<span *ngFor="let subject of community.subjects.slice(10) let i=index">
|
||||
<span *ngFor="let subject of community.subjects.slice(6) let i=index">
|
||||
<span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">
|
||||
<a [queryParams]="{subject:createParams(subject), sb: 'and'}" routerLinkActive="router-link-active" routerLink="/search/advanced/publications">
|
||||
{{subject}}
|
||||
</a>
|
||||
</span>
|
||||
</span> {{" "}}
|
||||
</span>
|
||||
</span>
|
||||
<span *ngIf="!showAll && community.subjects.length > 10">
|
||||
<span *ngIf="!showAll && community.subjects.length > 6 ">
|
||||
<a (click)="showAll = !showAll;">
|
||||
view all
|
||||
</a>
|
||||
|
|
@ -147,128 +161,194 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">
|
||||
<div class="uk-container uk-margin-bottom uk-grid">
|
||||
<div class="uk-width-expand uk-padding-remove">
|
||||
<article *ngIf="communityInfo" class="uk-article ">
|
||||
<div *ngIf="communityId == null || communityId == ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">
|
||||
No community chosen
|
||||
</div>
|
||||
<div *ngIf="communityId != null && communityId != '' && community != null">
|
||||
|
||||
<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">
|
||||
<div class="uk-container uk-margin-bottom uk-grid">
|
||||
<div class="uk-width-expand uk-padding-remove">
|
||||
<article *ngIf="communityInfo" class="uk-article ">
|
||||
<div *ngIf="communityId != null && communityId != '' && community != null">
|
||||
|
||||
|
||||
<div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
|
||||
<div class="uk-text-bold uk-h5">Search research results</div>
|
||||
<search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
|
||||
</div>
|
||||
<!-- <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
|
||||
<div class="uk-text-bold uk-h5">Search research results</div>
|
||||
<search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
|
||||
</div>-->
|
||||
|
||||
<div class="uk-margin-large-top">
|
||||
<div class="uk-text-bold uk-h5">
|
||||
Recent research results
|
||||
</div>
|
||||
<div class="uk-margin-large-top">
|
||||
<div class="uk-text-bold uk-h5">
|
||||
Recent research results
|
||||
</div>
|
||||
|
||||
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#resultTabs'">
|
||||
<li *ngIf="isEntityEnabled('publication')" (click)="searchPublications()" class="uk-active"><a href="#">publications</a></li>
|
||||
<li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchData()"><a href="#">research data</a></li>
|
||||
<li *ngIf="isEntityEnabled('software')" (click)="searchSoftware()"><a href="#">software</a></li>
|
||||
<li *ngIf="isEntityEnabled('orp')" (click)="searchOrps()"><a href="#">other research products</a></li>
|
||||
</ul>
|
||||
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#resultTabs'">
|
||||
<li *ngIf="isEntityEnabled('publication')" (click)="searchPublications()" class="uk-active"><a href="#">publications</a></li>
|
||||
<li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchData()"><a href="#">research data</a></li>
|
||||
<li *ngIf="isEntityEnabled('software')" (click)="searchSoftware()"><a href="#">software</a></li>
|
||||
<li *ngIf="isEntityEnabled('orp')" (click)="searchOrps()"><a href="#">other research products</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="resultTabs" class="uk-switcher" style="min-height:450px;">
|
||||
<li *ngIf="isEntityEnabled('publication')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties"
|
||||
class="uk-width-expand"></results-comp>
|
||||
<div *ngIf=" activeTab == 'publication' && statistics !=null && statistics.allowedEntities &&
|
||||
<ul id="resultTabs" class="uk-switcher" style="min-height:450px;">
|
||||
<li *ngIf="isEntityEnabled('publication')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties"
|
||||
class="uk-width-expand"></results-comp>
|
||||
<div *ngIf=" activeTab == 'publication' && statistics !=null && statistics.allowedEntities &&
|
||||
statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] &&
|
||||
statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 &&
|
||||
statistics.allowedCharts['publication'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
|
||||
<div *ngFor="let chart of statistics.allowedCharts['publication']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
<div *ngFor="let chart of statistics.allowedCharts['publication']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('dataset')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties" class="uk-width-expand"></results-comp>
|
||||
<div *ngIf="activeTab == 'dataset' && statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts &&
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('dataset')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties" class="uk-width-expand"></results-comp>
|
||||
<div *ngIf="activeTab == 'dataset' && statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts &&
|
||||
statistics.statisticsSum['dataset'] && statistics.allowedCharts['dataset'] && statistics.statisticsSum['dataset'].total>0 && statistics.allowedCharts['dataset'].length>0"
|
||||
class="uk-width-2-5@m uk-width-1-1@s">
|
||||
<div *ngFor="let chart of statistics.allowedCharts['dataset']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('software')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=softwareResults [total]=softwareTotal resultType="software"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties" class="uk-width-expand"></results-comp>
|
||||
<div *ngIf="statistics !=null && statistics.allowedEntities && statistics.statisticsSum &&
|
||||
class="uk-width-2-5@m uk-width-1-1@s">
|
||||
<div *ngFor="let chart of statistics.allowedCharts['dataset']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('software')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=softwareResults [total]=softwareTotal resultType="software"
|
||||
[community]=community [params]=params [showLoading]="showLoading" [properties]="properties" class="uk-width-expand"></results-comp>
|
||||
<div *ngIf="statistics !=null && statistics.allowedEntities && statistics.statisticsSum &&
|
||||
statistics.allowedCharts && statistics.statisticsSum['software'] &&
|
||||
statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
|
||||
<div *ngFor="let chart of statistics.allowedCharts['software']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('orp')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=orpResults [total]=orpTotal resultType="other" [community]=community
|
||||
[params]=params [showLoading]="showLoading" [properties]="properties"
|
||||
class="uk-width-expand"></results-comp>
|
||||
<div *ngIf=" activeTab == 'orp' && statistics !=null && statistics.allowedEntities &&
|
||||
<div *ngFor="let chart of statistics.allowedCharts['software']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li *ngIf="isEntityEnabled('orp')">
|
||||
<div class="uk-grid">
|
||||
<results-comp [results]=orpResults [total]=orpTotal resultType="other" [community]=community
|
||||
[params]=params [showLoading]="showLoading" [properties]="properties"
|
||||
class="uk-width-expand"></results-comp>
|
||||
<div *ngIf=" activeTab == 'orp' && statistics !=null && statistics.allowedEntities &&
|
||||
statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] &&
|
||||
statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 &&
|
||||
statistics.allowedCharts['orp'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
|
||||
<div *ngFor="let chart of statistics.allowedCharts['orp']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
|
||||
</div>
|
||||
<div *ngFor="let chart of statistics.allowedCharts['orp']" class=" uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div *ngIf="statistics && statistics.allowedEntities && countOtherGraphs()>0">
|
||||
<div class="uk-text-bold uk-h5">
|
||||
Other Graphs
|
||||
</div>
|
||||
<div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
|
||||
<ng-container *ngFor="let entity of statistics.allowedEntities">
|
||||
<ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">
|
||||
|
||||
<ng-container *ngIf="statistics.allowedCharts[entity] " >
|
||||
<div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div *ngIf="statistics && statistics.allowedEntities && countOtherGraphs()>0">
|
||||
<div class="uk-text-bold uk-h5">
|
||||
Other Graphs
|
||||
</div>
|
||||
<div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
|
||||
<ng-container *ngFor="let entity of statistics.allowedEntities">
|
||||
<ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- <statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>-->
|
||||
|
||||
|
||||
<div class="communityPanelBackground uk-margin-top uk-padding-small">
|
||||
<div class="uk-container uk-margin-top uk-margin-bottom " *ngIf="communityId != null && communityId != '' && community != null">
|
||||
<!--<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
{{community.title}}
|
||||
</div>
|
||||
<div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
||||
{{community.shortTitle}}
|
||||
</div>
|
||||
<div *ngIf="community.description != null" class="">
|
||||
<p class=""> {{community.description}}</p>
|
||||
</div>-->
|
||||
<div class="uk-grid">
|
||||
<div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">
|
||||
<div *ngIf="community.date != null" > <span class="lowOpacityColor">Created</span> {{community.date | date:'dd-MM-yyyy'}}</div>
|
||||
<subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>
|
||||
<div *ngIf=" isRouteEnabled('/participate/share-zenodo')" class="">
|
||||
<a [queryParams]=params routerLinkActive="router-link-active" routerLink="/participate/share-zenodo" >
|
||||
<span class="lowOpacityColor">Zenodo communities </span> <span>
|
||||
{{zenodoCommunityIdS.length + ((masterZenodoCommunity)?1:0)}}</span>{{" "}}
|
||||
<span class="uk-icon" uk-tooltip="title:<div class='uk-pargin'>Zenodo is a catch-all repository for OpenAIRE<hr>A zenodo community is created and curated by Zenodo users</div>">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-3-5@m uk-width-1-1@s">
|
||||
<div>
|
||||
Cuartors Section
|
||||
<div *ngIf="community.managers != null && community.managers[0] != '' && community.managers[0] != null"><span class="uk-text-bold"> Curated by:</span>
|
||||
<span *ngFor='let manager of community.managers; let i = index' >{{manager.substr(0, manager.indexOf('@'))}}<span *ngIf="manager.includes('@') == 0">{{manager}}</span><span *ngIf="i<(community.managers.length-1)">,</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ng-container *ngIf="statistics.allowedCharts[entity] " >
|
||||
<div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
|
||||
<div class="iframeContainer">
|
||||
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="">
|
||||
<div class="uk-container uk-margin-bottom uk-grid">
|
||||
<div class="uk-width-expand uk-padding-remove">
|
||||
Related Organizations....
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
|
||||
class="uk-section tm-middle uk-container uk-margin-large-top " id="tm-main">
|
||||
<div class="uk-container uk-margin-bottom uk-grid">
|
||||
<div class="uk-width-expand uk-padding-remove">
|
||||
<article class="uk-article ">
|
||||
<div
|
||||
class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">
|
||||
No community chosen
|
||||
</div>
|
||||
<div *ngIf="communityId != null && communityId != '' && community != null">
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
|
||||
|
|
|
|||
|
|
@ -193,6 +193,7 @@
|
|||
<div class="uk-width-medium uk-text-muted uk-text-small">separate with commas</div>
|
||||
<div class="uk-margin-small-top uk-text-center ">
|
||||
<button class=" uk-button uk-button-primary uk-button-small " (click)="invite()">Invite</button>
|
||||
{{" "}}
|
||||
<a class=" uk-button uk-button-default uk-button-small " [queryParams]="communityIdParam" routerLinkActive="router-link-active" routerLink="/invite">
|
||||
<span class="uk-margin-xsmall-left uk-icon" >
|
||||
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="cog" ratio="0.8"><circle fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path fill="none" stroke="#000" 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"></path></svg>
|
||||
|
|
|
|||
|
|
@ -23,12 +23,12 @@ 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 uk-button-primary' + (loading ? ' uk-disabled' : '')" (click)="confirmOpen()"> Unsubscribe</a>
|
||||
<button *ngIf="!subscribed" [class]="'uk-button uk-button-primary' + (loading ? ' uk-disabled' : '')" (click)="subscribe()"> Subscribe</button>
|
||||
<button *ngIf="subscribed" [class]="'uk-button uk-button-primary' + (loading ? ' uk-disabled' : '')" (click)="confirmOpen()"> Unsubscribe</button>
|
||||
</span>
|
||||
|
||||
<span *ngIf="showNumbers && subscribers !=null && subscribers > 0 && showTemplate" >
|
||||
<span class="uk-text-bold"> Members:</span> {{subscribers}}
|
||||
<span class="lowOpacityColor"> Members</span> {{subscribers}}
|
||||
</span>
|
||||
<modal-alert (alertOutput)="confirmClose($event)">
|
||||
</modal-alert>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,10 @@
|
|||
--connect-portal-lower-tone: #b48536;
|
||||
--develop-portal-lower-tone: #9f4e7e;
|
||||
|
||||
--community_main_color: #4C9CD5;
|
||||
--community_secondary_color:#24857F;
|
||||
--community_main_dark_color:#2276B9;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -103,3 +107,61 @@
|
|||
height:100%;
|
||||
border:0;
|
||||
}
|
||||
|
||||
|
||||
/* Community Page
|
||||
community_main_color
|
||||
community_secondary_color
|
||||
community_main_dark_color
|
||||
|
||||
*/
|
||||
|
||||
.communityPanelBackground /*, div:not(.connect_App).uk-section-primary*/{
|
||||
background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color));
|
||||
color:white;
|
||||
}
|
||||
div:not(.connect_App) bottom .uk-totop{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
/*div:not(.connectApp).uk-section-primary{
|
||||
background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color)) !important;
|
||||
color:white !important;
|
||||
}*/
|
||||
|
||||
.communityPanelBackground .uk-h5, .communityPanelBackground .uk-link, .communityPanelBackground a:not(.uk-button){
|
||||
color:white;
|
||||
}
|
||||
|
||||
.communityPanelBackground .uk-card, .communityPanelBackground .uk-label{
|
||||
background-color:rgb(255,255,255,0.5);
|
||||
border-color:rgb(255,255,255,0.5);
|
||||
}
|
||||
.communityPanelBackground .uk-link, .communityPanelBackground a:not(.uk-button){
|
||||
color:white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.communityPanelBackground .uk-label{
|
||||
border-radius: 20px;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
.communityPanelBackground .lowOpacityColor{
|
||||
color:rgb(255,255,255,0.5);
|
||||
}
|
||||
|
||||
/*div:not(.connect_App) .uk-link, div:not(.connect_App) a {
|
||||
|
||||
color:var(--community_main_dark_color);
|
||||
}
|
||||
div:not(.connect_App) .uk-link:hover, div:not(.connect_App) a:hover {
|
||||
color:var(--community_main_color);
|
||||
}
|
||||
|
||||
div:not(.connect_App) .search-results > li:nth-child(2) {
|
||||
|
||||
border-top-color:var(--community_main_color) !important;
|
||||
|
||||
}
|
||||
div:not(.connect_App) .portal-button {
|
||||
|
||||
background-color: var(--community-main-color) !important;
|
||||
}*/
|
||||
|
|
|
|||
Loading…
Reference in New Issue