connect/src/app/community/community.component.html

940 lines
63 KiB
HTML

<div class="">
<div id="stickhere">
</div>
<ng-template #tab_content
let-resultType="resultType" let-fetch="fetch" let-searchLinkToAdvancedPage="searchLinkToAdvancedPage"
let-params="params" let-type="type" let-typeName="typeName" let-showImpactFactors="showImpactFactors">
<div class="uk-grid uk-margin-remove">
<div class="uk-width-expand uk-padding">
<search-tab [fetch]="fetch" [resultType]="resultType" [params]="params"
[searchLinkToAdvancedPage]="searchLinkToAdvancedPage" [properties]="properties" [showImpactFactors]="showImpactFactors" >
</search-tab>
</div>
<div
*ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
&&
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['project']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['open']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInDashboard']
|| statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInDashboard']
|| ( statistics.allowedEntitiesMode['showInDashboard'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInDashboard'] && statistics.statisticsSum[type]
&& statistics.allowedChartsMode['showInDashboard'][type] && statistics.statisticsSum[type].total > 0
&& statistics.allowedChartsMode['showInDashboard'][type].length > 0)
)"
class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column">
<div *ngIf="statistics !=null && activeTab == resultType">
<ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName,
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>
</div>
</div>
</ng-template>
<ng-template #analytics_tab_content let-type="type" let-typeName="typeName">
<div *ngIf="analyticsActiveTab == type && isEntityEnabled(type)
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
&&
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInMonitor']
|| statistics.statisticsDisplay.entities[type].numbers.map['project']['showInMonitor']
|| statistics.statisticsDisplay.entities[type].numbers.map['open']['showInMonitor']
|| statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInMonitor']
|| statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInMonitor']
|| statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInMonitor']
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum[type]
&& statistics.allowedChartsMode['showInMonitor'][type] && statistics.statisticsSum[type].total > 0
&& statistics.allowedChartsMode['showInMonitor'][type].length > 0)
)">
<div class="tab-header uk-margin-bottom">{{typeName}}</div>
<ng-container *ngTemplateOutlet="stats; context: {
entity: type, entityName: typeName,
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>
</ng-template>
<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] && 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-grid-small uk-grid-match ' + (showIn == 'showInMonitor' ? ' uk-child-width-1-3@s uk-child-width-1-6@m' : ' uk-child-width-1-1@s uk-child-width-1-3@m')" uk-grid>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].total|number}}</div>
<!-- <div>Total {{entityName}}</div>-->
<div>Total</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn] && statisticsSum[entity].projects" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].projects|number}} </div>
<!-- <div>Total projects linked to {{entityName}}</div>-->
<div>Total linked projects</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn] && statisticsSum[entity].open_access" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].open_access|number}} </div>
<!-- <div>Open access {{entityName}}</div>-->
<div>Open access</div>
</div>
</div>
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && statisticsSum[entity].closed_access" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].closed_access|number}} </div>
<!-- <div>Closed access {{entityName}}</div>-->
<div>Closed access</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && statisticsSum[entity].embargo" class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].embargo|number}} </div>
<!-- <div>Embargoed {{entityName}}</div>-->
<div>Embargoed</div>
</div>
</div>
<div
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn] && statisticsSum[entity].restricted"
class="">
<div class="uk-card uk-card-default uk-padding-small">
<div
class="uk-h4 uk-text-bold">{{statisticsSum[entity].restricted|number}} </div>
<!-- <div>Restricted {{entityName}}</div>-->
<div>Restricted</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>
<div class="uk-position-relative">
<ul class="uk-list">
<li *ngFor="let chart of allowedCharts[entity]">
<div class=" iframeContainer uk-height-medium uk-margin-medium-top uk-card uk-card-default uk-card-body">
<div *ngIf="showChartTitle[chart]" class="">
{{chartsInfoMap[chart].title}}
</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
</div>
</li>
</ul>
</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-medium-top uk-card uk-card-default uk-card-body">
<div *ngIf="showChartTitle[chart]" class="">
{{chartsInfoMap[chart].title}}
</div>
<iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe>
</div>
</div>
</div>
</div>
</ng-template>
<div *ngIf="communityInfo && community" class="generalSearchForm ">
<div class="uk-container uk-container-large">
<div class="uk-margin-large-top">
<h1 *ngIf="community.title" class="title uk-margin-remove">
{{community.title}}
</h1>
<div *ngIf="community.shortTitle && community.title != community.shortTitle"
class="subtitle uk-margin-remove">
{{community.shortTitle}}
</div>
</div>
</div>
<div class="uk-flex uk-flex-middle uk-flex-center">
<form class=" uk-margin-large uk-margin-large-top ">
<div class="uk-grid uk-margin-small-left">
<div class="uk-margin-small-top uk-padding-remove-left">
<entities-selection [simpleView]="true" currentEntity="result" selectedEntity="result" [customFilter]="customFilter"
[properties]="properties" [onChangeNavigate]="false"
(selectionChange)="entityChanged($event)"
></entities-selection>
</div>
<!-- [class]="((selectedEntity == 'result')?'quickSelectionsBox':'')+' uk-padding-remove-left uk-margin-small-top'" -->
<div class=" uk-padding-remove-left uk-margin-small-top" >
<div class="uk-inline">
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
uk-icon="icon: close"></a>
<input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"
[placeholder]="placeholderText"
[(ngModel)]="keyword"
name="keyword">
</div>
<!-- <div>
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
[quickFilter]="resultsQuickFilter" [QFselected]="(resultsQuickFilter)?resultsQuickFilter.selected:null" [properties]="properties">
</quick-selections>
</div>-->
</div>
<div class="uk-padding-remove-left uk-margin-small-top">
<button (click)="goTo(true)" type="submit"
class="uk-button portal-button uk-text-bold uk-padding uk-padding-remove-vertical uk-margin-small-left">
Search
</button>
<div class="uk-margin-small-top uk-margin-left"> <a *ngIf="selectedEntity!= 'all'" (click)="goTo(false)"
class="portal-link">Advanced Search</a></div>
</div>
</div>
</form>
</div>
</div>
<div *ngIf="communityInfo && community" class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
<div class="uk-padding-small">
<div class="uk-container uk-container-large uk-margin-top"
*ngIf="communityId">
<div>
<!-- <div class="uk-margin-large-bottom">-->
<!-- <div *ngIf="community.title" class="uk-h2 uk-margin-remove">-->
<!-- {{community.title}}-->
<!-- </div>-->
<!-- <div *ngIf="community.shortTitle && community.title != community.shortTitle"-->
<!-- class="subtitle uk-margin-remove">-->
<!-- {{community.shortTitle}}-->
<!-- </div>-->
<!-- </div>-->
<div>
<div class="main-tabs-div">
<ng-template #summary_tab>
<div *ngIf="community" class="uk-grid uk-margin-remove">
<div class="uk-width-expand uk-padding uk-inline">
<div *ngIf="community.description"
class="uk-margin-bottom ">
<!-- [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">-->
<div *ngIf="!showAllDescription" class="">
{{community.description.substring(0, thresholdDescription)}}{{community.description.length > thresholdDescription ? '...' : ''}}</div>
<div *ngIf="showAllDescription" class="uk-overflow-auto">
<div class="uk-height-max-medium">{{community.description}}</div>
</div>
<!-- uk-padding uk-padding-remove-top uk-position-bottom-right-->
<div *ngIf="!showAllDescription && community.description.length > thresholdDescription "
class="uk-animation-fade uk-margin-small-top uk-text-right">
<a (click)="showAllDescription = !showAllDescription;">Read more
</a>
</div>
<!-- uk-padding uk-padding-remove-top uk-position-bottom-right-->
<div *ngIf="showAllDescription"
class="uk-animation-fade uk-margin-small-top uk-text-right">
<a (click)="showAllDescription = !showAllDescription;">
Read less
</a>
</div>
</div>
<div *ngIf="isRouteEnabled('/curators')" [class]="community.managers ? 'uk-margin-small-bottom' : ''">
<curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators>
</div>
<div [class]="community.date || subscribers ? 'uk-margin-small-bottom' : ''">
<span *ngIf="community.date" class="uk-margin-right">
<span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
</span>
<span>
<subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true (countSubscribersEvent)="countSubscribersEvent($event)"></subscribe>
</span>
</div>
<div [class]="((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ||
(contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))
? 'uk-margin-small-bottom' : ''">
<span *ngIf="projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">
<span class="uk-text-muted">Projects:</span>
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects">
{{projectTotal|number}}
</a>
</span>
<span *ngIf="contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
[class]="'uk-display-inline-block '+((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">
<span class="uk-text-muted">Content Providers: </span>
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders">
{{contentProviderTotal|number}}
</a>
</span>
<span *ngIf="projectsCalculated && contentProvidersCalculated &&
((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))
|| (contentProviderTotal && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))"
class="uk-icon uk-text-muted uk-margin-small-left"
title="{{buildProjectsAndContentProvidesTooltip()}}"
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
<svg width="15" height="15" 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 *ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)" class="">
<span class="lowOpacityColor uk-text-muted">Linked to</span>
<a class="portal-link uk-margin-small-left uk-margin-small-right" [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
<span>{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
</a>
<span class="lowOpacityColor uk-text-muted">Zenodo Communities</span>
<span class="uk-icon uk-text-muted uk-margin-small-left"
title="{{buildZenodoCommunitiesTooltip()}}"
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
<svg width="15" height="15" 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('/subjects') && community.subjects && community.subjects.length > 0"
class="uk-width-1-3@m uk-padding right-column uk-inline">
<div class="uk-margin-bottom">
<div class="uk-text-muted uk-margin-small-bottom">Subjects</div>
<span *ngFor="let subject of community.subjects.slice(0,20) let i=index">
<span *ngIf="subject != ''">
<a class="portal-link"
[queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >
<span>{{subject}}</span>
</a>
<span *ngIf="i < community.subjects.length-1 && i != 19">, </span>
</span>
</span>
<div class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
<a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">
View all
</a>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #publications_tab>
<ng-container *ngTemplateOutlet="tab_content; context: {
resultType: 'publication', fetch: fetchPublications,
searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
params: getParamsForSearchLink('publications'),
type: 'publication', typeName: 'publication', showImpactFactors:(community.communityId == 'elixir-gr')}">
</ng-container>
</ng-template>
<ng-template #datasets_tab>
<ng-container *ngTemplateOutlet="tab_content; context: {
resultType: 'dataset', fetch: fetchDatasets,
searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
params: getParamsForSearchLink('datasets'),
type: 'dataset', typeName: 'research data', showImpactFactors:(community.communityId == 'elixir-gr')}">
</ng-container>
</ng-template>
<ng-template #software_tab>
<ng-container *ngTemplateOutlet="tab_content; context: {
resultType: 'software', fetch: fetchSoftware,
searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
params: getParamsForSearchLink('software'),
type: 'software', typeName: 'software', showImpactFactors:(community.communityId == 'elixir-gr')}">
</ng-container>
</ng-template>
<ng-template #other_tab>
<ng-container *ngTemplateOutlet="tab_content; context: {
resultType: 'other', fetch: fetchOrps,
searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
params: getParamsForSearchLink('other'),
type: 'orp', typeName: 'other products', showImpactFactors:(community.communityId == 'elixir-gr')}">
</ng-container>
</ng-template>
<ng-template #analytics_tab>
<div *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"
class="content-overflow uk-overflow-auto">
<div *ngIf="statistics && activeTab=='analytics'" class="uk-width-expand uk-padding">
<div class="uk-text-center">
<button *ngIf="isEntityEnabled('publication')
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
&&
( statistics.statisticsDisplay.entities['publication'].numbers.map['total']['showInMonitor']
|| statistics.statisticsDisplay.entities['publication'].numbers.map['project']['showInMonitor']
|| statistics.statisticsDisplay.entities['publication'].numbers.map['open']['showInMonitor']
|| statistics.statisticsDisplay.entities['publication'].numbers.map['closed']['showInMonitor']
|| statistics.statisticsDisplay.entities['publication'].numbers.map['embargo']['showInMonitor']
|| statistics.statisticsDisplay.entities['publication'].numbers.map['restricted']['showInMonitor']
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['publication']
&& statistics.allowedChartsMode['showInMonitor']['publication'] && statistics.statisticsSum['publication'].total > 0
&& statistics.allowedChartsMode['showInMonitor']['publication'].length > 0))"
[class]="(analyticsActiveTab == 'publication' ? 'active ' : '')+' publicationAnalytics uk-icon uk-icon-button uk-margin-right'"
uk-tooltip="title: Publications" (click)="analyticsActiveTab = 'publication'">
<!-- <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>-->
<img src="assets/connect-assets/home/entities/publication.svg">
</button>
<button *ngIf="isEntityEnabled('dataset')
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['dataset'].total>0
&&
( statistics.statisticsDisplay.entities['dataset'].numbers.map['total']['showInMonitor']
|| statistics.statisticsDisplay.entities['dataset'].numbers.map['project']['showInMonitor']
|| statistics.statisticsDisplay.entities['dataset'].numbers.map['open']['showInMonitor']
|| statistics.statisticsDisplay.entities['dataset'].numbers.map['closed']['showInMonitor']
|| statistics.statisticsDisplay.entities['dataset'].numbers.map['embargo']['showInMonitor']
|| statistics.statisticsDisplay.entities['dataset'].numbers.map['restricted']['showInMonitor']
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['dataset']
&& statistics.allowedChartsMode['showInMonitor']['dataset'] && statistics.statisticsSum['dataset'].total > 0
&& statistics.allowedChartsMode['showInMonitor']['dataset'].length > 0))"
[class]="(analyticsActiveTab == 'dataset' ? 'active ' : '')+' datasetAnalytics uk-icon uk-icon-button uk-margin-right'"
uk-tooltip="title: Research Data" (click)="analyticsActiveTab = 'dataset'">
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path style="stroke: var(--portal-main-color);"fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg>-->
<img src="assets/connect-assets/home/entities/dataset.svg">
</button>
<button *ngIf="isEntityEnabled('software')
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['software'].total>0
&&
( statistics.statisticsDisplay.entities['software'].numbers.map['total']['showInMonitor']
|| statistics.statisticsDisplay.entities['software'].numbers.map['project']['showInMonitor']
|| statistics.statisticsDisplay.entities['software'].numbers.map['open']['showInMonitor']
|| statistics.statisticsDisplay.entities['software'].numbers.map['closed']['showInMonitor']
|| statistics.statisticsDisplay.entities['software'].numbers.map['embargo']['showInMonitor']
|| statistics.statisticsDisplay.entities['software'].numbers.map['restricted']['showInMonitor']
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['software']
&& statistics.allowedChartsMode['showInMonitor']['software'] && statistics.statisticsSum['software'].total > 0
&& statistics.allowedChartsMode['showInMonitor']['software'].length > 0))"
[class]="(analyticsActiveTab == 'software' ? 'active ' : '')+' softwareAnalytics uk-icon uk-icon-button uk-margin-right'"
uk-tooltip="title: Software" (click)="analyticsActiveTab = 'software'">
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path style="stroke: var(--portal-main-color);" 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>-->
<img src="assets/connect-assets/home/entities/software.svg">
</button>
<button *ngIf="isEntityEnabled('orp')
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['orp'].total>0
&&
( statistics.statisticsDisplay.entities['orp'].numbers.map['total']['showInMonitor']
|| statistics.statisticsDisplay.entities['orp'].numbers.map['project']['showInMonitor']
|| statistics.statisticsDisplay.entities['orp'].numbers.map['open']['showInMonitor']
|| statistics.statisticsDisplay.entities['orp'].numbers.map['closed']['showInMonitor']
|| statistics.statisticsDisplay.entities['orp'].numbers.map['embargo']['showInMonitor']
|| statistics.statisticsDisplay.entities['orp'].numbers.map['restricted']['showInMonitor']
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['orp']
&& statistics.allowedChartsMode['showInMonitor']['orp'] && statistics.statisticsSum['orp'].total > 0
&& statistics.allowedChartsMode['showInMonitor']['orp'].length > 0))"
[class]="(analyticsActiveTab == 'orp' ? 'active ' : '')+' otherAnalytics uk-icon uk-icon-button'"
uk-tooltip="title: Other Research Products" (click)="analyticsActiveTab = 'orp'">
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>-->
<img src="assets/connect-assets/home/entities/other.svg">
</button>
</div>
<hr>
<ng-container *ngTemplateOutlet="analytics_tab_content; context: {
type: 'publication', typeName: 'publications'}">
</ng-container>
<ng-container *ngTemplateOutlet="analytics_tab_content; context: {
type: 'dataset', typeName: 'research data'}">
</ng-container>
<ng-container *ngTemplateOutlet="analytics_tab_content; context: {
type: 'software', typeName: 'software'}">
</ng-container>
<ng-container *ngTemplateOutlet="analytics_tab_content; context: {
type: 'orp', typeName: 'other products'}">
</ng-container>
</div>
</div>
</ng-template>
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)">
<my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
[tabTitle]="'Publications'" [tabId]="'publications'"
[tabNumber]="fetchPublications.searchUtils.totalResults">
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" [tabId]="'datasets'">
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
<ng-container *ngTemplateOutlet="software_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
<ng-container *ngTemplateOutlet="other_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="showAnalyticsTab()"
[tabTitle]="'Analytics'" [statistics]="true" [tabId]="'analytics'">
<ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
</my-tab>
</my-tabs>
<my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)">
<my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
[tabTitle]="'Publications'" [tabId]="'publications'"
[tabNumber]="fetchPublications.searchUtils.totalResults">
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" [tabId]="'datasets'">
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
<ng-container *ngTemplateOutlet="software_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
<ng-container *ngTemplateOutlet="other_tab;"></ng-container>
</my-tab>
<my-tab *ngIf="showAnalyticsTab()"
[tabTitle]="'Analytics'" [statistics]="true" [tabId]="'analytics'">
<ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
</my-tab>
</my-small-tabs>
</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 *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')"-->
<!-- 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]="{type:'publications', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><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') "-->
<!-- 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]="{type:'datasets', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><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') "-->
<!-- 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]="{type:'software', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><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')"-->
<!-- 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]="{type:'other', qf:false}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><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]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >-->
<!-- {{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]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">-->
<!-- {{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>-->
<!-- <div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">-->
<!-- <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>-->
<!--&lt;!&ndash; <mat-label>Select view</mat-label>&ndash;&gt;-->
<!-- <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>-->
<!-- </div>-->
<!--</div>-->
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId && communityInfo">
<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">
</div>
</article>
</div>
</div>
</div>
</div>