monitor/src/app/community/community.component.html

560 lines
31 KiB
HTML

<schema2jsonld *ngIf="community" [URL]="url"
[logoURL]="community.logoUrl" type="home"
[name]="community.title">
</schema2jsonld>
<div id="stickhere">
</div>
<div *ngIf="communityInfo" class="uk-section uk-padding-remove-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 class="uk-grid">
<div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">
<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
{{community.title}}
</div>
<div *ngIf="community.shortTitle != null"
class=" uk-h5 uk-margin-remove">
{{community.shortTitle}}
</div>
<div *ngIf="community.description != null" class="uk-margin ">
<div *ngIf="!showAllDescription" class="">
{{community.description.substring(0, 300)}}{{community.description.length > 300 ? '...' : ''}}</div>
<div *ngIf="showAllDescription" class=""> {{community.description}}</div>
<div *ngIf="!showAllDescription && community.description.length > 300 "
class="uk-animation-fade uk-text-center uk-text-bold">
<a (click)="showAllDescription = !showAllDescription;">View more
</a>
</div>
<div *ngIf="showAllDescription"
class="uk-text-center uk-text-bold">
<a (click)="showAllDescription = !showAllDescription;">
View less
</a>
</div>
</div>
</div>
<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">
<div
*ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication') && isRouteEnabled(searchLinkToPublications)"
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]="searchLinkToPublications"><span
class="uk-text-bold uk-h5">{{publicationTotal|number}}</span>
<p class="uk-text-small uk-margin-remove">publications</p></a>
</div>
</div>
</div>
<div
*ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') && isRouteEnabled(searchLinkToDatasets)"
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]="searchLinkToDatasets"><span
class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>
<p class="uk-text-small uk-margin-remove">research data</p></a>
</div>
</div>
</div>
<div
*ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') && isRouteEnabled(searchLinkToSoftware)"
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]="searchLinkToSoftware"><span
class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>
<p class="uk-text-small uk-margin-remove">software</p></a>
</div>
</div>
</div>
<div
*ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp') && isRouteEnabled(searchLinkToOrps)"
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]="searchLinkToOrps"><span
class="uk-text-bold uk-h5">{{orpTotal|number}}</span>
<p class="uk-text-small uk-margin-remove">other products</p></a>
</div>
</div>
</div>
<div
*ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"
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]="searchLinkToProjects"><span
class="uk-text-bold uk-h5">{{projectTotal|number}}</span>
<p class="uk-text-small uk-margin-remove">projects</p></a>
</div>
</div>
</div>
<div
*ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
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]="searchLinkToDataProviders"><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 uk-h5">Subjects
</div>
<div *ngIf="community.subjects != null" class=" ">
<span *ngFor="let subject of community.subjects.slice(0,4) 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]="searchLinkToAdvancedPublications">
{{subject}}
</a>
</span>{{" "}}
</span>
<span *ngIf="showAllSubjects">
<span *ngFor="let subject of community.subjects.slice(4) 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]="searchLinkToAdvancedPublications">
{{subject}}
</a>
</span> {{" "}}
</span>
</span>
<br>
<div *ngIf="!showAllSubjects && community.subjects.length > 4 "
class="uk-animation-fade uk-text-center uk-text-bold">
<a (click)="showAllSubjects = !showAllSubjects;">
View more
</a>
</div>
<div *ngIf="showAllSubjects"
class="uk-text-center uk-text-bold">
<a (click)="showAllSubjects = !showAllSubjects;">
View less
</a>
</div>
</div>
</div>
</div>
</div>
</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 != '' && 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>-->
<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum"
let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities"
let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap"
let-showChartTitle="showChartTitle"
let-showIn="showIn">
<div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity].length == 0 &&
!statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] &&
!statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] &&
!statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
class="uk-alert uk-alert-primary">
No graphs available
</div>
<div *ngIf="statisticsSum && statisticsDisplay &&
statisticsSum[entity].total>0"
class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m uk-child-width-1-2@s">
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].total|number}}</div>
<div>Total
{{entityName}}</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn]" class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].projects|number}} </div>
<div>Total projects linked to {{entityName}}</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn]" class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].open_access|number}} </div>
<div>Open access
{{entityName}}</div>
</div>
</div>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn]" class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].closed_access|number}} </div>
<div>Closed access
{{entityName}}</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn]" class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].embargo|number}} </div>
<div>Embargoed
{{entityName}}</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
class="uk-padding-remove">
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small">
<div
class="uk-text-large">{{statisticsSum[entity].restricted|number}} </div>
<div>Restricted
{{entityName}}</div>
</div>
</div>
</div>
<div *ngIf=" allowedEntities &&
statisticsSum && allowedCharts && statisticsSum[entity] &&
allowedCharts[entity] && statisticsSum[entity].total>0 &&
allowedCharts[entity].length>0">
<div *ngIf="showIn == 'showInDashboard'">
<div uk-slider>
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-1@s uk-child-width-1-2@m">
<li *ngFor="let chart of allowedCharts[entity]">
<div class=" iframeContainer uk-height-medium uk-margin-top">
<div *ngIf="showChartTitle[chart]" class=" uk-h5 ">
{{chartsInfoMap[chart].title}}</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
</div>
</li>
</ul>
</div>
<div class="uk-hidden@s uk-light">
<a class="uk-position-center-left " href="#" uk-slidenav-previous uk-slider-item="previous"></a>
<a class="uk-position-center-right " href="#" uk-slidenav-next uk-slider-item="next"></a>
</div>
<div class="uk-visible@s">
<a class="uk-position-center-left-out " href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right-out " href="#" uk-slidenav-next uk-slider-item="next"></a>
</div>
</div>
</div>
<div *ngIf=" allowedEntities &&
statisticsSum && allowedCharts && statisticsSum[entity] &&
allowedCharts[entity] && statisticsSum[entity].total>0 &&
allowedCharts[entity].length>0">
<div class="uk-margin-top portal-hr"></div>
</div>
</div>
<div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m ">
<div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom">
<div class=" iframeContainer uk-height-large uk-margin-top">
<div *ngIf="showChartTitle[chart]" class=" uk-h5 ">
{{chartsInfoMap[chart].title}}</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe>
</div>
</div>
</div>
</div>
</ng-template>
<div class="uk-text-center">
<!-- <button [class]="'uk-button '+((show == 'overview')?'uk-disabled ':' uk-button-default ')"
(click)="show='overview'">Overview
</button>
{{" "}}
<button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')"
(click)="show='analysis';">Graph Analysis
</button>-->
<mat-form-field>
<div class="uk-margin-small-bottom">Select view</div>
<!-- <mat-label>Select view</mat-label>-->
<mat-select [(value)]="show">
<mat-option value="overview">Overview</mat-option>
<mat-option value="analysis">Graph Analysis</mat-option>
</mat-select>
</mat-form-field>
<!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
<option value="overview">Overview</option>
<option value="analysis">Graph Analysis</option>
</select>-->
<!-- <select [(ngModel)]="sortBy" class="uk-select uk-margin-small-bottom uk-width-1-2 uk-padding-remove" name="select_order" >-->
<!-- <option value="num" >Sort by results number</option>-->
<!-- <option value="name" >Sort by name</option>-->
<!-- </select>-->
</div>
<div class="uk-margin-top customTabs">
<ul class="uk-margin-remove uk-flex-center"
data-uk-tab="{connect: '#resultTabs'">
<li *ngIf="isEntityEnabled('publication')" (click)="searchResearchResults('publication', publicationTotal, publicationResults)" class="uk-active"><a
href="#">publications</a></li>
<li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchResults('dataset', researchDataTotal, researchDataResults)"><a href="#">research data</a></li>
<li *ngIf="isEntityEnabled('software')" (click)="searchResearchResults('software', softwareTotal, softwareResults)"><a href="#">software</a></li>
<li *ngIf="isEntityEnabled('orp')" (click)="searchResearchResults('other', orpTotal, orpResults)"><a href="#">other research products</a></li>
</ul>
<ul id="resultTabs" class=" communityBorder customTabsContent uk-switcher " style="min-height:450px;">
<li *ngIf="isEntityEnabled('publication')" class="uk-padding">
<div *ngIf="show=='overview'">
<div *ngIf="statistics !=null && activeTab == 'publication'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:
'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
</div>
<results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"
[community]=community [params]=params [showLoading]="showLoading"
[properties]="properties"
class=""></results-comp>
</div>
<div *ngIf="show!='overview' && activeTab == 'publication'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:
'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
</div>
</li>
<li *ngIf="isEntityEnabled('dataset')" class="uk-padding">
<div *ngIf="show=='overview'">
<div *ngIf="statistics !=null && activeTab == 'dataset'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:
'research data' , statisticsSum:statistics.statisticsSum,
statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
</div>
<results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"
[community]=community [params]=params [showLoading]="showLoading"
[properties]="properties"
class=""></results-comp>
</div>
<div *ngIf="show!='overview' && activeTab == 'dataset'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:
'research data' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
</div>
</li>
<li *ngIf="isEntityEnabled('software')" class="uk-padding">
<div *ngIf="show=='overview'">
<div *ngIf="statistics !=null && activeTab == 'software'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:
'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
</div>
<results-comp [results]=softwareResults [total]=softwareTotal resultType="software"
[community]=community [params]=params [showLoading]="showLoading"
[properties]="properties"
class=""></results-comp>
</div>
<div *ngIf="show!='overview' && activeTab == 'software'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:
'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
</div>
</li>
<li *ngIf="isEntityEnabled('orp')" class="uk-padding">
<div *ngIf="show=='overview'">
<div *ngIf="statistics !=null && activeTab == 'orp'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:
'other products' , statisticsSum:statistics.statisticsSum,
statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
</div>
<results-comp [results]=orpResults [total]=orpTotal resultType="other"
[community]=community [params]=params [showLoading]="showLoading"
[properties]="properties"
class=""></results-comp>
</div>
<div *ngIf="show!='overview' && activeTab == 'orp'">
<ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:
'other products' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
</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>
</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 && communityInfo!=null">
<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(shareInZenodoPage)" class="">
<span class="lowOpacityColor">Related Zenodo communities </span>
<a [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
<span>
{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
</a>
{{" "}}
<span class="uk-icon"
uk-tooltip="title:<div class='uk-margin'>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>
</div>
</div>
<div *ngIf="isRouteEnabled('/curators')" class="uk-width-3-5@m uk-width-1-1@s uk-margin-top">
<curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators>
</div>
</div>
</div>
</div>
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId != null
&& communityId != '' && community != null && communityInfo != null">
<ng-container *ngIf=" isRouteEnabled('/organizations')">
<div class="uk-container uk-margin-bottom uk-grid">
<div class="uk-width-expand uk-padding-remove">
<affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
</div>
</div>
</ng-container>
</div>
<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
class="uk-section tm-middle uk-container uk-margin-large-top ">
<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>
</div>