617 lines
42 KiB
HTML
617 lines
42 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== 'result'" (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="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="uk-margin-small-bottom">
|
|
<curators [longView]="false"></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>
|
|
<ng-template #mapping_tab>
|
|
<a class="uk-float-right uk-margin-right uk-margin-small-top"
|
|
href="https://openaire.opscidia.com/?iframe=true&keyword=covid19&mapping_size=4" target="_blank" >
|
|
<span class="custom-external custom-icon space"></span>
|
|
</a>
|
|
<div
|
|
class="uk-margin-left tab-header uk-margin uk-margin-top ">
|
|
Browse OpenAIRE Research Graph through a map of the main concepts linked to Coronavirus
|
|
</div>
|
|
<iframe src="https://openaire.opscidia.com/?iframe=true&keyword=covid19&mapping_size=4"
|
|
title="Opscidia Ontology mapping" class="uk-width-1-1" style="height:700px"></iframe>
|
|
<div
|
|
class="uk-margin-small-left uk-margin-small-right uk-margin-small-left uk-text-baseline uk-text-muted uk-text-right uk-margin-small">Powered by <a
|
|
href="http://www.opscidia.com/" target="_blank" class="">Opscidia</a> and <a
|
|
href="https://graph.openaire.eu/" target="_blank" class="">OpenAIRE Research Graph</a> </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-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
|
|
[tabTitle]="'Ontology Mapping'" [tabId]="'mapping'">
|
|
<ng-container *ngTemplateOutlet="mapping_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-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
|
|
[tabTitle]="'Ontology Mapping'" [tabId]="'mapping'">
|
|
<ng-container *ngTemplateOutlet="mapping_tab;"></ng-container>
|
|
</my-tab>
|
|
</my-small-tabs>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
|
|
<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>
|