2024-02-07 15:56:16 +01:00
<!-- schema.org -->
< schema2jsonld * ngIf = "projectInfo"
[data]=projectInfo [URL]="properties.domain+properties.baseLink+properties.searchLinkToProject+projectId"
type="project">< / schema2jsonld >
2024-06-03 16:12:52 +02:00
< div * ngIf = "projectInfo && !projectInfo.belongsTo && !isBottomIntersecting" [ innerHTML ] = " projectInfo . message "
2024-05-31 12:59:23 +02:00
class="uk-alert uk-alert-warning uk-position-fixed uk-position-bottom-center uk-text-small" style="z-index: 1000;">
< / div >
2023-02-23 12:09:42 +01:00
<!-- Desktop view -->
< div class = " uk-visible@m landing uk-section uk-padding-remove tm-middle" >
< div * ngIf = "!isMobile" class = "tm-main" >
2022-05-05 19:54:01 +02:00
< div class = "project" >
2023-03-16 16:53:28 +01:00
< div * ngIf = "properties.adminToolsPortalType == 'eosc'" class = "eosc-explore-back-search-bar" >
< div class = "uk-light uk-container uk-container-large uk-padding-small uk-height-1-1" >
< div class = "uk-flex uk-flex-inline uk-flex-middle uk-height-1-1" >
2023-04-20 19:06:53 +02:00
< a [ href ] = " eoscBackLink " target = "_self" class = "uk-link-reset uk-flex uk-flex-middle uk-text-light uk-text-small" >
2023-03-16 16:53:28 +01:00
< icon name = "arrow_back" visuallyHidden = "back" flex = "true" ratio = "0.7" customClass = "uk-text-light" > < / icon >
< span class = "uk-margin-small-left" > Go to Search< / span >
< / a >
< / div >
< / div >
< / div >
2022-06-02 15:11:24 +02:00
< div * ngIf = "!showFeedback" class = "uk-grid uk-margin-remove-left" uk-grid >
2022-04-28 11:13:06 +02:00
<!-- left box - actions -->
2023-01-23 15:19:00 +01:00
<!-- <div id="landing - left - sidebar" *ngIf="projectInfo" class="uk - visible@s uk - padding - remove - horizontal">
2022-07-17 15:01:39 +02:00
< div class = "uk-flex uk-flex-column uk-flex-between uk-flex-center uk-sticky"
2023-08-22 16:08:46 +02:00
uk-sticky="end: true" [attr.offset]="offset">
2022-04-28 11:13:06 +02:00
< div class = "uk-align-center uk-text-center uk-margin-medium-top uk-flex uk-flex-column uk-flex-between" >
< ng-container * ngIf = "projectInfo && hasMetrics" >
< metrics [ pageViews ] = " pageViews "
[id]="projectId" [entityType]="'projects'" [entity]="'project'"
[viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl"
(metricsResults)="metricsResults($event)" [properties]=properties>
< / metrics >
< / ng-container >
< / div >
< div class = "uk-margin-large-bottom uk-align-center" >
2022-05-13 13:51:53 +02:00
< div class = "uk-text-meta uk-text-uppercase" > Actions< / div >
2022-04-28 11:13:06 +02:00
< ul class = "uk-list" >
< li class = "uk-text-center" >
< a ( click ) = " openAddThisModal ( ) "
2022-07-12 12:20:28 +02:00
[title]="'Share this '+openaireEntities.PROJECT+' in your social networks'"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-28 11:13:06 +02:00
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "share" visuallyHidden = "share" > < / icon >
< / span >
< / a >
< / li >
< li * ngIf = "isRouteAvailable('participate/direct-claim')" class = "uk-text-center"
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Link this project to '+openaireEntities.RESULTS+'< span class = \'material-icons uk-margin-small-left \ ' > east< / span > < / span > '"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-28 11:13:06 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ projectId , ' project ' , ' result ' ] ) "
routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "link" visuallyHidden = "link" > < / icon >
< / span >
< / a >
< / li >
< li * ngIf = "isRouteAvailable('participate/deposit/learn-how')" class = "uk-text-center"
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Deposit your research < span class = \'material-icons uk-margin-small-left \ ' > east< / span > < / span > '"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-28 15:53:49 +02:00
< a routerLinkActive = "router-link-active" routerLink = "/participate/deposit/learn-how" >
2022-04-28 11:13:06 +02:00
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "upload" visuallyHidden = "upload" > < / icon >
< / span >
< / a >
< / li >
< li class = "uk-text-center"
[title]="'Embed results'"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-28 11:13:06 +02:00
< a class = "uk-link-text uk-text-bold uk-text-uppercase" ( click ) = " openEmbedResultsModal ( ) " >
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "code_off" visuallyHidden = "code" > < / icon >
< / span >
< / a >
< / li >
< li class = "uk-text-center"
[title]="'Download report'"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-28 11:13:06 +02:00
< a class = "uk-link-text uk-text-bold uk-text-uppercase" ( click ) = " openDownloadReportModal ( ) " >
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "download" visuallyHidden = "download" > < / icon >
< / span >
< / a >
< / li >
< / ul >
< / div >
< / div >
2023-01-23 15:19:00 +01:00
< / div > -->
2019-12-10 15:45:13 +01:00
2022-04-28 11:13:06 +02:00
<!-- center box -->
2023-02-08 10:21:16 +01:00
< div id = "landing-center-content" class = "uk-width-expand uk-padding-remove uk-background-default" >
2022-06-01 14:29:19 +02:00
2022-04-28 11:13:06 +02:00
< ng-template # graph_and_feedback_template >
2023-08-23 10:43:07 +02:00
< div class = "uk-padding-xsmall" >
< div class = "uk-container uk-container-xlarge uk-flex uk-flex-between uk-flex-wrap uk-margin-small-top uk-margin-small-bottom" [ class . uk-invisible ] = " ! projectInfo " >
2022-04-28 11:13:06 +02:00
<!-- Last Index Info -->
2023-03-28 18:27:02 +02:00
< a href = "https://graph.openaire.eu" target = "_blank" class = "uk-width-1-1 uk-width-auto@l" >
< img src = "assets/common-assets/openaire-badge-1.png" alt = "Powered by OpenAIRE graph" style = "height: 15px;" >
< / a >
< span * ngIf = "indexUpdateDate" class = "uk-text-baseline uk-text-meta uk-width-1-1 uk-width-auto@l" >
Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
< / span >
2022-04-28 11:13:06 +02:00
<!-- Feedback -->
2023-03-28 18:27:02 +02:00
< div * ngIf = "properties.reCaptchaSiteKey" class = "uk-width-1-1 uk-width-auto@l" >
< span class = "uk-text-meta uk-text-xsmall" > Found an issue? < / span >
< a ( click ) = " showFeedback = true; scroll ( ) " class = "uk-text-xsmall" > Give us feedback< / a >
2022-04-28 11:13:06 +02:00
< / div >
< / div >
2023-08-23 10:43:07 +02:00
< / div >
2022-04-28 11:13:06 +02:00
< / ng-template >
2019-12-10 15:45:13 +01:00
2023-02-08 10:21:16 +01:00
< div # graph_and_feedback id = "graph_and_feedback" class = "uk-blur-background uk-text-xsmall uk-visible@m"
2023-08-22 16:08:46 +02:00
uk-sticky="end: true;" [attr.offset]="graph_offset">
2022-04-28 11:13:06 +02:00
< ng-container * ngTemplateOutlet = "graph_and_feedback_template" > < / ng-container >
< / div >
2023-03-31 12:28:35 +02:00
< div class = "uk-container uk-container-xlarge" >
< div * ngIf = "errorMessage.length > 0 || showLoading" class = "uk-container uk-flex uk-flex-center uk-height-viewport uk-position-relative" >
< div * ngIf = "errorMessage.length > 0" class = "uk-alert uk-alert-danger uk-width-2-3 uk-margin-xlarge-top"
role="alert">{{errorMessage}}< / div >
< div * ngIf = "showLoading" class = "uk-position-center" >
< loading > < / loading >
< / div >
< / div >
<!-- new action bar -->
2023-06-08 09:55:12 +02:00
< div * ngIf = "!showLoading && projectInfo" class = "uk-visible@s uk-margin-top uk-margin-bottom" >
2023-03-31 12:28:35 +02:00
< div class = "uk-flex uk-flex-middle uk-flex-center" >
2023-04-21 11:49:14 +02:00
< div class = "landing-action-bar uk-text-xsmall uk-box-shadow-small uk-margin-bottom" >
< entity-actions [ deposit ] = " true " [ share ] = " true " [ linking ] = " true " [ embed ] = " true "
[type]="'project'" [result]="projectInfo" [id]="projectInfo.id">
< div >
< a ( click ) = " openDownloadReportModal ( ) "
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
< icon flex = "true" ratio = "0.8" name = "download" visuallyHidden = "download" > < / icon >
< span class = "uk-margin-xsmall-left" > Download< / span >
< / a >
< / div >
< / entity-actions >
2023-03-31 12:28:35 +02:00
< / div >
< / div >
< / div >
< div class = "uk-margin-left uk-margin-right" [ style ] = " ' margin-bottom: ' + graph_height + ' px ' " >
< ng-container * ngIf = "projectInfo" >
< div [ attr . style ] = " ' margin-top: ' + ( graph_height ? ' calc ( 40px + 20px - ' + graph_height + ' px ) ' : ' 40px ' ) " >
< div class = "uk-grid uk-grid-small" uk-grid >
< div class = "uk-width-expand" >
2024-02-07 15:56:16 +01:00
2023-03-31 12:28:35 +02:00
<!-- Actions for mobile viewport -->
< div class = "uk-flex uk-flex-right uk-margin-medium-bottom uk-hidden@s" >
< div class = "uk-margin-small-right" >
< a ( click ) = " openAddThisModal ( ) "
[title]="'Share this '+openaireEntities.PROJECT+' in your social networks'"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "share" visuallyHidden = "share" > < / icon >
< / span >
< / a >
< / div >
< div * ngIf = "isRouteAvailable('participate/direct-claim')" class = "uk-margin-small-right"
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Link this project to '+openaireEntities.RESULTS+'< span class = \'material-icons uk-margin-small-left \ ' > east< / span > < / span > '"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ projectId , ' project ' , ' result ' ] ) "
routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "link" visuallyHidden = "link" > < / icon >
< / span >
< / a >
< / div >
< div * ngIf = "isRouteAvailable('participate/deposit/learn-how')" class = "uk-margin-small-right"
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Deposit your research < span class = \'material-icons uk-margin-small-left \ ' > east< / span > < / span > '"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
< a routerLinkActive = "router-link-active" routerLink = "/participate/deposit/learn-how" >
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "upload" visuallyHidden = "upload" > < / icon >
< / span >
< / a >
< / div >
< div class = "uk-margin-small-right"
[title]="'Embed results'"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
< a class = "uk-link-text uk-text-bold uk-text-uppercase" ( click ) = " openEmbedResultsModal ( ) " >
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "code" visuallyHidden = "code" > < / icon >
< / span >
< / a >
< / div >
< div class = ""
[title]="'Download report'"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
< a class = "uk-link-text uk-text-bold uk-text-uppercase" ( click ) = " openDownloadReportModal ( ) " >
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
< icon name = "download" visuallyHidden = "download" > < / icon >
< / span >
< / a >
< / div >
< / div >
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
< landing-header [ properties ] = " properties " [ title ] = " projectName "
[subTitle]="projectInfo.acronym ? projectInfo.title : ''"
[entityType]="'project'"
[startDate]="projectInfo.startDate" [endDate]="projectInfo.endDate"
[currentDate]="projectInfo.currentDate" [status]="projectInfo.status"
[openAccessMandatePublications]="projectInfo.openAccessMandatePublications"
2023-05-09 18:04:06 +02:00
[openAccessMandateDatasets]="projectInfo.openAccessMandateDatasets" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / landing-header >
<!-- Labels -->
<!-- To be moved inside the landing - header -->
<!-- <div class="uk - margin - bottom uk - grid uk - grid - small uk - flex - middle" uk - grid>
< ng-container * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets" >
< div >
< span class = "uk-label uk-label-success uk-text-truncate"
title="Open Access mandate for {{openaireEntities.PUBLICATIONS}} and {{openaireEntities.DATASETS}}">
Open Access mandate for {{openaireEntities.PUBLICATIONS}} and {{openaireEntities.DATASETS}}
< / span >
< / div >
< / ng-container >
< ng-container * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)" >
< div >
< span class = "uk-label uk-label-success uk-text-truncate" title = "Open Access mandate for {{openaireEntities.PUBLICATIONS}}" >
Open Access mandate for {{openaireEntities.PUBLICATIONS}}
< / span >
< / div >
< / ng-container >
< ng-container * ngIf = "projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)" >
< div >
< span class = "uk-label uk-label-success uk-text-truncate" title = "Open Access mandate for {{openaireEntities.DATASETS}}" >
Open Access mandate for {{openaireEntities.DATASETS}}
< / span >
< / div >
< / ng-container >
< ng-container * ngIf = "projectInfo.funding && projectInfo.funding.funderName" >
< div >
< span class = "uk-label custom-label label-funder" title = "Funder" >
{{projectInfo.funding.funderName}}
< / span >
< / div >
< / ng-container >
< / div > -->
< div class = "uk-text-small" >
< div * ngIf = "projectInfo.funding" class = "uk-margin-bottom" >
< div class = "uk-margin-small-bottom" >
< span * ngIf = "projectInfo.funding.funderName" class = "uk-margin-right" >
< span class = "uk-text-meta" > Funder: < / span >
< span class = "uk-text-bold" > {{projectInfo.funding.funderName}}< / span >
< / span >
< span * ngIf = "projectInfo.funding.code" class = "uk-margin-right uk-display-inline-block" >
< span class = "uk-text-meta" > Project code: < / span >
{{projectInfo.funding.code}}
< / span >
< span * ngIf = "projectInfo.funding.callIdentifier" class = "uk-display-inline-block" >
< span class = "uk-text-meta" > Call for proposal: < / span >
{{projectInfo.funding.callIdentifier}}
< / span >
< / div >
< div >
< span * ngIf = "projectInfo.funding.fundingStream" class = "uk-margin-right" >
< span class = "uk-text-meta" > Funded under: < / span >
{{projectInfo.funding.fundingStream}}
< / span >
< span * ngIf = "projectInfo.funding.budget" class = "uk-margin-right uk-display-inline-block" >
< span class = "uk-text-meta" > Overall Budget: < / span >
{{projectInfo.funding.budget | number}}
< span * ngIf = "projectInfo.funding.currency" > {{projectInfo.funding.currency}}< / span >
< / span >
< span * ngIf = "projectInfo.funding.contribution" class = "uk-display-inline-block" >
< span class = "uk-text-meta" > Funder Contribution: < / span >
{{projectInfo.funding.contribution | number}}
< span * ngIf = "projectInfo.funding.currency" > {{projectInfo.funding.currency}}< / span >
< / span >
< / div >
< / div >
<!-- <div *ngIf="projectInfo.status" class="uk - margin - right">
< span >
< span class = "uk-text-meta" > Status: < / span >
< span class = "uk-text-secondary" > {{projectInfo.status}}< / span >
< / span >
< / div > -->
<!-- <div *ngIf="projectInfo.startDate || projectInfo.endDate" class="uk - width - large uk - margin - bottom">
< progress * ngIf = "projectInfo.startDate && projectInfo.endDate"
class="uk-progress uk-box-shadow-inner uk-margin-small-top uk-margin-small-bottom"
[value]="(projectInfo.currentDate > projectInfo.startDate ? projectInfo.currentDate-projectInfo.startDate : 0)"
[max]="projectInfo.endDate-projectInfo.startDate">
< / progress >
< div class = "uk-grid" >
< span * ngIf = "projectInfo.startDate" class = "uk-width-1-2 uk-text-meta" >
{{projectInfo.startDate | date: 'dd MMM yyyy'}} (Started)
< / span >
< span * ngIf = "projectInfo.endDate"
[class]="'uk-text-meta uk-width-1-2 ' + (projectInfo.startDate ? 'uk-text-right' : '')">
{{projectInfo.endDate | date: 'dd MMM yyyy'}}
< ng-container * ngIf = "projectInfo.currentDate >= projectInfo.endDate" > (Ended)< / ng-container >
< ng-container * ngIf = "projectInfo.currentDate < projectInfo.endDate" > (Ending)< / ng-container >
< / span >
< / div >
< / div > -->
< div * ngIf = "projectInfo.urlInfo" class = "uk-margin-bottom" >
< a target = "_blank" href = "{{projectInfo.url}}" class = "uk-button uk-button-text custom-external uk-text-capitalize uk-text-normal" >
{{projectInfo.urlInfo}}
< / a >
< / div >
< div * ngIf = "(projectInfo.openAccessMandatePublications ! = undefined & & ! projectInfo . openAccessMandatePublications )
|| (projectInfo.openAccessMandateDatasets != undefined & & !projectInfo.openAccessMandateDatasets)">
< div > Open Access mandate< / div >
< div >
< span
*ngIf="projectInfo.openAccessMandatePublications != undefined & & !projectInfo.openAccessMandatePublications"
class="uk-margin-right">
< span class = "uk-text-meta" > {{openaireEntities.PUBLICATIONS}}: < / span >
< span > No< / span >
< / span >
< span
*ngIf="projectInfo.openAccessMandateDatasets != undefined & & !projectInfo.openAccessMandateDatasets">
< span class = "uk-text-meta" > {{openaireEntities.DATASETS}}: < / span >
< span > No< / span >
< / span >
< / div >
< / div >
< / div >
< / div >
< div * ngIf = "projectInfo && hasMetrics" class = "uk-width-1-1 uk-width-medium@s" >
2023-07-12 16:22:45 +02:00
< div class = "landing-metrics-card uk-text-small uk-flex uk-padding-small" >
2023-12-28 15:34:43 +01:00
< div class = "uk-width-expand uk-flex uk-flex-top" >
2023-03-31 12:28:35 +02:00
< div class = "uk-grid uk-grid-small uk-flex-nowrap" uk-grid uk-height-match = "target: > div > .cell" >
< div >
2023-05-04 14:15:47 +02:00
< ng-container >
< ng-container * ngFor = "let measure of projectInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "cell uk-flex uk-flex-middle" [ class . uk-margin-xsmall-bottom ] = " i ! = projectInfo . measure . counts . length - 1 " >
< icon [ name ] = " measure . icon " [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon >
< / div >
< / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< div >
2023-05-04 14:15:47 +02:00
< ng-container * ngFor = "let measure of projectInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "cell" [ class . uk-margin-xsmall-bottom ] = " i ! = projectInfo . measure . counts . length - 1 " >
< a class = "uk-text-capitalize" > {{measure.name}}< / a >
< ng-container * ngTemplateOutlet = "dropInfo; context: {option: measure.name, isCompact: false}" > < / ng-container >
< / div >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
2023-03-27 15:32:41 +02:00
< ng-template # dropInfo let-option = option >
2023-03-31 12:28:35 +02:00
< div class = "uk-dropdown" uk-dropdown = "pos: bottom-left; mode:click; container: #modal-container;" >
< div class = "uk-padding-small uk-width-medium uk-text-small" [ innerHTML ] = " getMetricsTooltip ( option ) | safeHtml " >
2023-03-27 15:32:41 +02:00
< / div >
< / div >
< / ng-template >
2023-03-31 12:28:35 +02:00
< div class = "uk-text-uppercase uk-text-bolder" >
2023-05-04 14:15:47 +02:00
< ng-container * ngFor = "let measure of projectInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" [ attr . uk-tooltip ] = " measure . value > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}" class="cell" [class.uk-margin-xsmall-bottom]="i != projectInfo.measure.counts.length - 1">
{{formatNumber(measure.value)}}
< / div >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< / div >
< / div >
2023-07-12 16:22:45 +02:00
<!-- <div class="uk - width - 1 - 5 uk - flex uk - flex - bottom"> -->
<!-- <img src="assets/common - assets/metrics - badge.svg" loading="lazy" alt="Metrics badge"> -->
<!-- </div> -->
2023-03-31 12:28:35 +02:00
< / div >
< / div >
< / div >
< / div >
< div id = "main-tabs-div" class = "uk-sticky uk-blur-background"
2023-08-22 16:08:46 +02:00
uk-sticky="end: true; media: @m" [attr.offset]="offset">
2023-03-31 12:28:35 +02:00
< div class = "uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom" >
<!-- <showTitle *ngIf="stickyHeader" [titleName]="projectName" classNames="uk - margin - remove - bottom" class="uk - visible@m"></showTitle> -->
2023-05-15 16:28:33 +02:00
< landing-header [ ngClass ] = " stickyHeader ? ' uk-visible @ m ' : ' uk-invisible ' "
2023-03-31 12:28:35 +02:00
[properties]="properties" [title]="projectName"
[entityType]="'project'"
[startDate]="projectInfo.startDate"
[endDate]="projectInfo.endDate"
[status]="projectInfo.status"
2023-05-09 18:04:06 +02:00
isSticky="true" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / landing-header >
< my-tabs ( selectedActiveTab ) = " onSelectActiveTab ( $ event ) " [ offsetForSticky ] = " offset " [ ( isSticky ) ] = " stickyHeader " >
< my-tab tabTitle = "Summary" [ tabId ] = " ' summary ' " [ active ] = " true " > < / my-tab >
< my-tab * ngIf = "fetchPublications.searchUtils.totalResults > 0"
[tabTitle]="openaireEntities.PUBLICATIONS" [tabNumber]="fetchPublications.searchUtils.totalResults"
[tabId]="'publications'">< / my-tab >
< my-tab * ngIf = "fetchDatasets.searchUtils.totalResults > 0"
[tabTitle]="openaireEntities.DATASETS" [tabNumber]="fetchDatasets.searchUtils.totalResults"
[tabId]="'datasets'">< / my-tab >
< my-tab * ngIf = "fetchSoftware.searchUtils.totalResults > 0"
[tabTitle]="openaireEntities.SOFTWARE" [tabNumber]="fetchSoftware.searchUtils.totalResults"
[tabId]="'software'">< / my-tab >
< my-tab * ngIf = "fetchOrps.searchUtils.totalResults > 0"
[tabTitle]="openaireEntities.OTHER" [tabNumber]="fetchOrps.searchUtils.totalResults"
[tabId]="'other'">< / my-tab >
< my-tab [ tabTitle ] = " ' DMPs ' " [ tabNumber ] = " fetchDmps . searchUtils . totalResults > 0 ? fetchDmps.searchUtils.totalResults : ''" [tabId]="'dmps'">< / my-tab >
< my-tab * ngIf = "projectInfo && hasMetrics"
[tabTitle]="'Metrics'" [tabId]="'metrics'">
< / my-tab >
< my-tab * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"
[tabTitle]="'Statistics'" customClass="statistics" [tabId]="'statistics'" [active]="false">< / my-tab >
< / my-tabs >
< / div >
< / div >
< div id = "landing-sections" class = "uk-text-small" >
< ng-container >
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "summary_content" > < / ng-container >
2023-03-31 12:28:35 +02:00
< / ng-container >
< ng-container * ngIf = "fetchPublications.searchUtils.totalResults > 0" >
< ng-container * ngTemplateOutlet = "publications_content" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "fetchDatasets.searchUtils.totalResults > 0" >
< ng-container * ngTemplateOutlet = "datasets_content" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "fetchSoftware.searchUtils.totalResults > 0" >
< ng-container * ngTemplateOutlet = "software_content" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "fetchOrps.searchUtils.totalResults > 0" >
< ng-container * ngTemplateOutlet = "other_content" > < / ng-container >
< / ng-container >
< ng-container >
< ng-container * ngTemplateOutlet = "dmps_content" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "projectInfo && hasMetrics" >
< ng-container * ngTemplateOutlet = "metricsContent" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)">
< ng-container * ngTemplateOutlet = "statistics_content" > < / ng-container >
< / ng-container >
< / div >
< div class = "uk-text-xsmall uk-hidden@m" > < ng-container * ngTemplateOutlet = "graph_and_feedback_template" > < / ng-container > < / div >
< helper * ngIf = "pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']">< / helper >
< / ng-container >
< / div >
< / div >
2022-05-05 19:54:01 +02:00
2020-03-16 14:09:46 +01:00
< / div >
2022-04-28 11:13:06 +02:00
< / div >
2021-03-10 14:24:19 +01:00
< / div >
2019-07-22 11:16:50 +02:00
< / div >
2020-04-06 11:17:31 +02:00
< / div >
2020-05-26 22:34:04 +02:00
2023-02-23 12:09:42 +01:00
<!-- Mobile view -->
< div * ngIf = "isMobile" class = "uk-hidden@m uk-position-relative landing" >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "projectInfo" >
< div * ngIf = "mobileContent == 'info'" class = "uk-container uk-section" >
< landing-header [ properties ] = " properties " [ title ] = " projectName "
[subTitle]="projectInfo.acronym ? projectInfo.title : ''"
[entityType]="'project'"
[startDate]="projectInfo.startDate" [endDate]="projectInfo.endDate"
[currentDate]="projectInfo.currentDate" [status]="projectInfo.status"
[openAccessMandatePublications]="projectInfo.openAccessMandatePublications"
2023-05-09 18:04:06 +02:00
[openAccessMandateDatasets]="projectInfo.openAccessMandateDatasets" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / landing-header >
< div class = "uk-section uk-margin-top uk-text-large uk-text-empashis uk-text-bold" >
< hr >
< ng-container >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( summaryFsModal , ' Summary ' ) ; onSelectActiveTab ( ' summary ' ) " >
< span > Summary< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "fetchPublications.searchUtils.totalResults > 0" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( publicationsFsModal , openaireEntities . PUBLICATIONS ) ; onSelectActiveTab ( ' publications ' ) " >
< span > {{openaireEntities.PUBLICATIONS}}< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "fetchDatasets.searchUtils.totalResults > 0" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( datasetsFsModal , openaireEntities . DATASETS ) ; onSelectActiveTab ( ' datasets ' ) " >
< span > {{openaireEntities.DATASETS}}< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "fetchSoftware.searchUtils.totalResults > 0" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( softwareFsModal , openaireEntities . SOFTWARE ) ; onSelectActiveTab ( ' software ' ) " >
< span > {{openaireEntities.SOFTWARE}}< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "fetchOrps.searchUtils.totalResults > 0" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( otherFsModal , openaireEntities . OTHER ) ; onSelectActiveTab ( ' other ' ) " >
< span > {{openaireEntities.OTHER}}< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( dmpsFsModal , ' DMPs ' ) ; onSelectActiveTab ( ' dmps ' ) " >
< span > DMPs< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)">
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( statisticsFsModal , ' Statistics ' ) ; onSelectActiveTab ( ' statistics ' ) " >
< span > Statistics< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< / div >
< / div >
< div * ngIf = "mobileContent == 'metrics'" class = "uk-container uk-section" >
< ng-container * ngTemplateOutlet = "metricsContent" > < / ng-container >
< / div >
< div * ngIf = "mobileContent == 'actions'" class = "uk-container uk-section" >
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable" ( click ) = " openFsModal ( addThisFsModal , ' Share this ' + openaireEntities . PROJECT + ' in your social networks ' ) " >
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "share" visuallyHidden = "share" > < / icon >
< span class = "uk-margin-small-left" > Share< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > Share this {{openaireEntities.PROJECT}} in your social networks< / div >
< / div >
2023-02-23 12:09:42 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "isRouteAvailable('participate/deposit/learn-how')" >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< a class = "uk-link-reset" routerLinkActive = "router-link-active" routerLink = "/participate/deposit/learn-how" >
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "upload" visuallyHidden = "upload" > < / icon >
< span class = "uk-margin-small-left" >
Deposit
< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > < span class = "uk-flex uk-flex-middle" > Deposit your research< / span > < / div >
< / a >
< / div >
2023-03-31 12:28:35 +02:00
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable" ( click ) = " openFsModal ( embedResultsFsModal , ' Embed results ' ) " >
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "code" visuallyHidden = "code" > < / icon >
< span class = "uk-margin-small-left" > Embed< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > Emded results< / div >
< / div >
2023-02-23 12:09:42 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable" ( click ) = " openFsModal ( downloadReportFsModal , ' Download report ' ) " >
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "download" visuallyHidden = "download" > < / icon >
< span class = "uk-margin-small-left" > Download< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > Download report< / div >
< / div >
2023-02-23 12:09:42 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "isRouteAvailable('participate/direct-claim')" >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< a class = "uk-link-reset"
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, 'project','result'])"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "link_to" visuallyHidden = "link" > < / icon >
< span class = "uk-margin-small-left" >
Link to
< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > < span class = "uk-flex uk-flex-middle" > Link this project to {{openaireEntities.RESULTS}}< / span > < / div >
< / a >
< / div >
2023-03-31 12:28:35 +02:00
< hr class = "uk-margin-remove" >
< / ng-container >
< / div >
2023-08-25 14:56:53 +02:00
< div class = "landing-action-bar-mobile uk-tile-default uk-blur-background" >
2023-03-31 12:28:35 +02:00
< div class = "uk-container uk-flex-middle uk-grid uk-text-xsmall uk-text-meta" [ ngClass ] = " hasMetrics ? ' uk-child-width-1-3 ' : ' uk-child-width-1-2 ' " >
< div >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'info' ; scroll ( ) " >
2023-08-21 12:59:20 +02:00
< icon name = "assignment_turned_in" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " [ ngClass ] = " mobileContent = = ' info ' ? ' uk-text-primary ' : ' ' " > < / icon >
2023-03-31 12:28:35 +02:00
< span > {{openaireEntities.PROJECT}}< / span >
< / a >
< / div >
< div * ngIf = "projectInfo && hasMetrics" >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'metrics' ; scroll ( ) " >
2023-08-21 12:59:20 +02:00
< icon name = "bar_chart" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " [ ngClass ] = " mobileContent = = ' metrics ' ? ' uk-text-primary ' : ' ' " > < / icon >
2023-03-31 12:28:35 +02:00
< span > Metrics< / span >
< / a >
< / div >
< div >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'actions' ; scroll ( ) " >
2023-08-21 12:59:20 +02:00
< icon name = "pending" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " [ ngClass ] = " mobileContent = = ' actions ' ? ' uk-text-primary ' : ' ' " > < / icon >
2023-03-31 12:28:35 +02:00
< span > Actions< / span >
< / a >
< / div >
< / div >
< / div >
< fs-modal # summaryFsModal classTitle = "uk-tile-default uk-border-bottom" ( cancelEmitter ) = " cancelSummaryClicked ( ) " >
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "summary_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # publicationsFsModal classTitle = "uk-tile-default uk-border-bottom"
*ngIf="fetchPublications.searchUtils.totalResults > 0">
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "publications_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # datasetsFsModal classTitle = "uk-tile-default uk-border-bottom"
*ngIf="fetchDatasets.searchUtils.totalResults > 0">
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "datasets_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # softwareFsModal classTitle = "uk-tile-default uk-border-bottom"
*ngIf="fetchSoftware.searchUtils.totalResults > 0">
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "software_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # otherFsModal classTitle = "uk-tile-default uk-border-bottom"
*ngIf="fetchOrps.searchUtils.totalResults > 0">
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "other_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # dmpsFsModal classTitle = "uk-tile-default uk-border-bottom" >
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "dmps_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< fs-modal # statisticsFsModal classTitle = "uk-tile-default uk-border-bottom"
*ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)">
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "statistics_content" > < / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02:00
< / ng-container >
2023-02-23 12:09:42 +01:00
< / div >
2022-04-28 11:13:06 +02:00
< feedback * ngIf = "projectInfo && properties.reCaptchaSiteKey" [ projectInfo ] = " projectInfo "
[properties]="properties" [entityType]="'project'" [title]="projectName" [fields]="feedbackFields"
[(showForm)]="showFeedback">< / feedback >
2020-05-26 22:34:04 +02:00
< modal-loading > < / modal-loading >
2020-06-29 13:10:32 +02:00
< modal-alert # AlertModalCsvError > < / modal-alert >
2022-04-28 11:13:06 +02:00
< modal-alert * ngIf = "projectInfo" # addThisModal classBody = "uk-flex uk-flex-center uk-flex-middle" >
< addThis > < / addThis >
< / modal-alert >
< modal-alert * ngIf = "projectInfo" # embedResultsModal large = "true" >
2023-03-31 12:28:35 +02:00
< ng-container * ngTemplateOutlet = "embed_content" > < / ng-container >
2022-04-28 11:13:06 +02:00
< / modal-alert >
< modal-alert * ngIf = "projectInfo" # downloadReportModal >
2023-02-23 12:09:42 +01:00
< ng-container * ngTemplateOutlet = "download_content" > < / ng-container >
2022-04-28 11:13:06 +02:00
< / modal-alert >
< ng-template # download_research_results_box
let-type="type" let-fileName_type="fileName_type" let-csvParams="csvParams">
< ul class = "uk-list uk-margin-remove-bottom" >
< li >
< div class = "uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
(click)="downloadHtmlFile(type, 'funder-'+fileName_type+'-report')">
< icon name = "download" flex = "true" class = "uk-margin-small-right" > < / icon >
Download {{projectInfo.funding.funderShortName}} report (HTML)
< / div >
< / li >
< li class = "uk-margin-small-top" >
< div class = "uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
(click)="downloadCsvFile(downloadURLAPI+csvParams, 'funder-'+fileName_type+'-report')">
< icon name = "download" flex = "true" class = "uk-margin-small-right" > < / icon >
Download {{projectInfo.funding.funderShortName}} report (CSV)
< / div >
< / li >
< / ul >
< / ng-template >
< modal-alert * ngIf = "projectInfo && projectInfo.organizations" # organizationsModal >
< ng-container * ngTemplateOutlet = "organizations_template; context: { threshold: projectInfo.organizations.length}" > < / ng-container >
< / modal-alert >
2022-09-21 12:32:21 +02:00
< modal-alert * ngIf = "projectInfo?.description" # descriptionModal
2023-03-31 12:28:35 +02:00
[large]="true">
< div [ innerHTML ] = " projectInfo . description " > < / div >
2022-09-21 12:32:21 +02:00
< / modal-alert >
2022-04-28 11:13:06 +02:00
< ng-template # organizations_template let-threshold = "threshold" >
< span * ngFor = "let organization of projectInfo.organizations.slice(0, threshold); let i=index" class = "uk-text-small"
[attr.uk-tooltip]="organization.acronym & & organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'"
[title]="organization.name">
< a * ngIf = "organization.id" class = "uk-link-text"
2023-04-20 19:06:53 +02:00
[queryParams]="addEoscPrevInParams({organizationId: organization.id})" routerLinkActive="router-link-active"
2022-04-28 11:13:06 +02:00
[routerLink]="properties.searchLinkToOrganization.split('?')[0]">
{{(organization.acronym) ? organization.acronym : ''}}
{{(!organization.acronym & & organization.name) ? organization.name : ''}}
< / a >
< span * ngIf = "!organization.id" >
< span * ngIf = "organization.acronym" > {{organization.acronym}}< / span >
< span * ngIf = "!organization.acronym && organization.name" > {{organization.name}}< / span >
< / span >
< span * ngIf = "(i < projectInfo.organizations.length-1)" > , < / span >
< / span >
< span * ngIf = "projectInfo.organizations.length > threshold" > ... < / span >
2022-05-03 15:45:23 +02:00
< / ng-template >
2023-02-23 12:09:42 +01:00
< ng-template # summary_content >
2023-03-31 12:28:35 +02:00
< div id = "summary" class = "landing-section landing-section-height-auto" >
< div class = "uk-margin-medium-top uk-margin-medium-bottom" [ ngClass ] = " isMobile ? ' ' : ' uk-card uk-card-default card-tab ' " >
< div [ ngClass ] = " isMobile ? ' ' : ' uk-card-body ' " >
< div class = "uk-grid uk-grid-divider" uk-grid >
< div * ngIf = "!hasPrimaryInfo && !hasSecondaryInfo" class = "uk-width-expand uk-height-small uk-flex uk-flex-center uk-flex-middle" >
< div class = "uk-animation-fade uk-text-meta uk-text-large" >
No summary information available
< / div >
< / div >
< div * ngIf = "hasPrimaryInfo && viewAllMobile != 'organizations'" class = "uk-width-expand" >
<!-- Description -->
< div * ngIf = "projectInfo.description && (!viewAllMobile || viewAllMobile == 'description')" class = "uk-margin-medium-bottom" >
< div class = "uk-text-justify" >
< div * ngIf = "viewAllMobile != 'description'" class = "uk-text-meta uk-margin-small-bottom" > Description< / div >
< div [ ngClass ] = " viewAllMobile = = ' description ' ? ' ' : ' multi-line-ellipsis lines-10 ' " >
< div # descriptionDiv class = "uk-margin-small-bottom"
[innerHtml]="projectInfo.description">< / div >
< / div >
< div * ngIf = "showViewMoreButton && viewAllMobile != 'description'" class = "uk-flex uk-flex-right" >
< a ( click ) = " viewAllDescriptionClicked ( ) ; " class = "view-more-less-link" >
View more
< / a >
< / div >
< / div >
< / div >
< / div >
< div * ngIf = "hasSecondaryInfo && viewAllMobile != 'description'" [ class . uk-width-1-3 @ m ] = " hasPrimaryInfo " class = "uk-width-1-1" >
< div class = "uk-height-1-1" >
<!-- Organizations -->
< div * ngIf = "viewAllMobile != 'organizations'" class = "uk-text-meta uk-margin-small-bottom" > Partners< / div >
< div class = "uk-margin-medium-bottom" >
< ng-container * ngTemplateOutlet = "organizations_template; context: { threshold: lessBtnOrganizations ? projectInfo.organizations.length : thresholdOrganizations }" > < / ng-container >
< div * ngIf = "projectInfo.organizations.length > thresholdOrganizations && !lessBtnOrganizations"
class="uk-text-center">
< a ( click ) = " viewAllOrganizationsClick ( ) ; " class = "view-more-less-link uk-visible@m" >
View all
< / a >
< a ( click ) = " viewAllOrganizationsMobileClicked ( ) " class = "view-more-less-link uk-hidden@m" >
View all
< / a >
< / div >
< div * ngIf = "viewAllOrganizations && lessBtnOrganizations" class = "uk-text-center" >
< a ( click ) = " viewAllOrganizations = !viewAllOrganizations; lessBtnOrganizations = false;" class = "view-more-less-link" > View less< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # publications_content >
2023-07-06 15:29:17 +02:00
< div id = "publications" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< search-tab [ fetch ] = " fetchPublications " resultType = "publication"
[params]="getParamsForSearchLink('publications')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-05-09 18:04:06 +02:00
[properties]="properties" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / search-tab >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # datasets_content >
2023-07-06 15:29:17 +02:00
< div id = "datasets" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< search-tab [ fetch ] = " fetchDatasets " resultType = "dataset"
[params]="getParamsForSearchLink('datasets')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-05-09 18:04:06 +02:00
[properties]="properties" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / search-tab >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # software_content >
2023-07-06 15:29:17 +02:00
< div id = "software" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< search-tab [ fetch ] = " fetchSoftware " resultType = "software"
[params]="getParamsForSearchLink('software')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-05-09 18:04:06 +02:00
[properties]="properties" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / search-tab >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # other_content >
2023-07-06 15:29:17 +02:00
< div id = "other" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< search-tab [ fetch ] = " fetchOrps " resultType = "other"
[params]="getParamsForSearchLink('other')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-05-09 18:04:06 +02:00
[properties]="properties" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / search-tab >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # dmps_content >
2023-07-06 15:29:17 +02:00
< div id = "dmps" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< search-tab [ fetch ] = " fetchDmps " customTitle = "Data Management Plans"
2023-05-09 18:04:06 +02:00
[properties]="properties" resultType="DMPs" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< div class = "uk-margin-medium-top uk-margin-bottom uk-width-1-1 uk-flex uk-flex-center uk-flex-middle" >
< a * ngIf = "fetchDmps.searchUtils.totalResults > 0" class = "uk-button uk-button-text uk-margin-right"
[queryParams]="getParamsForSearchLink('publications', 'Data Management Plan')"
[routerLink]="properties.searchLinkToAdvancedResults">
View all
< span * ngIf = "fetchDmps.searchUtils.totalResults <= searchNumber" > in search page< / span >
< / a >
< a class = "uk-button uk-button-text custom-external" href = "https://argos.openaire.eu/splash/" target = "_blank" >
< img src = "assets/common-assets/common/argos_entities.svg"
alt="argos" width="20px" height="20px" loading="lazy">
Start a new DMP in < span class = "text-argos" > Argos< / span >
< / a >
< / div >
< / search-tab >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # statistics_content >
2023-07-06 15:29:17 +02:00
< div id = "statistics" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< div class = "uk-text-meta uk-text-large uk-text-uppercase uk-margin-medium-bottom" > Statistics< / div >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status , fetchDatasets . searchUtils . status ,
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]"
[type]="'statistics'" tab_error_class=true>< / errorMessages >
< div
*ngIf="statsClicked & &
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)"
class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m">
< div class = "uk-padding uk-padding-remove-top" >
< div class = "uk-card uk-card-default uk-card-body" >
< div * ngIf = "!properties.useNewStatistisTool" class = "uk-text-center uk-text-large" > Produced
{{openaireEntities.RESULTS}} per year
< / div >
< i-frame [ url ] = chartScientificResultsUrl
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply">< / i-frame >
< / div >
< / div >
< div class = "uk-padding uk-padding-remove-top" >
< div class = "uk-card uk-card-default uk-card-body" >
< div * ngIf = "!properties.useNewStatistisTool" class = "uk-text-center uk-text-large" > Access mode of
{{openaireEntities.RESULTS}}
< / div >
< i-frame [ url ] = chartAccessModeUrl
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply">< / i-frame >
< / div >
< / div >
< div class = "uk-padding uk-padding-remove-top" >
< div class = "uk-card uk-card-default uk-card-body" >
< div * ngIf = "!properties.useNewStatistisTool" class = "uk-text-center uk-text-large" >
{{openaireEntities.RESULTS}} per datasource
< / div >
< i-frame [ url ] = chartDatasourcesUrl
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply">< / i-frame >
< / div >
< / div >
< / div >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< ng-template # metricsContent >
2023-07-06 15:29:17 +02:00
< div id = "metrics" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< ul class = "uk-subnav uk-subnav-pill-alt uk-margin-remove" uk-switcher >
< li class = "uk-padding-remove" >
< a href = "#" > Overview< / a >
< / li >
2023-05-04 14:15:47 +02:00
< li * ngIf = "hasMetrics" >
2023-03-31 12:28:35 +02:00
< a href = "#" ( click ) = " clickedUsageMetrics ( ) " > Usage< / a >
< / li >
< / ul >
< ul class = "uk-switcher uk-margin-large-top" >
<!-- overview -->
< li >
2023-05-04 14:15:47 +02:00
< div * ngIf = "hasMetrics" >
2023-03-31 12:28:35 +02:00
< div class = "uk-grid-divider" uk-grid >
< div >
< div class = "uk-text-center uk-margin-small-bottom" >
2023-03-27 15:32:41 +02:00
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' >
< img src = "assets/common-assets/logo-small-usage-counts.png" loading = "lazy" alt = "OpenAIRE UsageCounts" >
< / a >
2023-03-31 12:28:35 +02:00
< / div >
< span class = "uk-text-uppercase uk-text-xsmall" > Usage by< / span >
< span class = "uk-display-block uk-text-bolder" >
2023-03-27 15:32:41 +02:00
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' class = "uk-link-reset" > UsageCounts< / a >
< / span >
2023-03-31 12:28:35 +02:00
< / div >
< div >
< table class = "uk-table uk-table-small" >
< tbody >
2023-05-04 14:15:47 +02:00
< ng-container * ngFor = "let measure of projectInfo.measure.counts; let i = index" >
< tr >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = projectInfo . measure . counts . length - 1 " >
< icon [ name ] = " measure . icon " [ flex ] = " true " [ ratio ] = " 1 . 2 " customClass = "uk-text-background text-usage-counts" > < / icon >
< / td >
< td class = "uk-text-capitalize" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = projectInfo . measure . counts . length - 1 " >
{{measure.name}}
< / td >
< td class = "uk-text-uppercase uk-text-bolder" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = projectInfo . measure . counts . length - 1 "
[attr.uk-tooltip]="measure.value >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}">
{{formatNumber(measure.value)}}
< / td >
< / tr >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / tbody >
< / table >
< / div >
< / div >
< / div >
< / li >
<!-- usage -->
2023-05-04 14:15:47 +02:00
< li * ngIf = "hasMetrics" >
2023-03-31 12:28:35 +02:00
< div class = "uk-flex uk-flex-center uk-flex-middle uk-flex-wrap" [ class . uk-flex-column ] = " isMobile " >
< div class = "uk-margin-large-right uk-flex uk-flex-center uk-flex-middle uk-flex-wrap" [ class . uk-flex-column ] = " ! isMobile " >
2023-05-04 14:15:47 +02:00
< ng-container * ngFor = "let measure of projectInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "uk-text-center uk-margin-medium-bottom" [ class . uk-margin-medium-right ] = " isMobile " >
< div class = "uk-text-background uk-text-bold number metrics-number"
[attr.uk-tooltip]="measure.value >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}">{{formatNumber(measure.value)}}< / div >
< div class = "uk-text-bold uk-text-capitalize" > {{measure.name}}< / div >
< / div >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< ng-container * ngIf = "viewsFrameUrl || downloadsFrameUrl" >
2023-05-19 13:37:23 +02:00
< div * ngIf = "metricsClicked && viewsFrameUrl && hasViews" class = "uk-margin-large-right" >
< i-frame [ height ] = " 300 " [ url ] = " viewsFrameUrl " [ addClass ] = " false "
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">
< / i-frame >
< / div >
< div * ngIf = "metricsClicked && downloadsFrameUrl && hasDownloads" class = "uk-margin-large-right" >
2023-03-31 12:28:35 +02:00
< i-frame [ height ] = " 300 " [ url ] = " downloadsFrameUrl " [ addClass ] = " false "
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">< / i-frame >
< / div >
< / ng-container >
< / div >
< div class = "uk-text-center uk-margin-large-top" >
< span class = "uk-text-meta" > Powered by< / span >
2023-03-27 15:32:41 +02:00
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' >
< img class = "uk-margin-small-left uk-margin-small-right uk-width-small" src = "assets/common-assets/logo-large-usage-counts.png" loading = "lazy" alt = "OpenAIRE UsageCounts" >
< / a >
2023-03-31 12:28:35 +02:00
< / div >
< / li >
< / ul >
< / div >
2023-02-23 12:09:42 +01:00
< / ng-template >
< fs-modal * ngIf = "projectInfo" # addThisFsModal classTitle = "uk-tile-default uk-border-bottom" classBody = "uk-flex uk-flex-center uk-flex-middle" >
< addThis > < / addThis >
< / fs-modal >
< fs-modal * ngIf = "projectInfo" # embedResultsFsModal classTitle = "uk-tile-default uk-border-bottom" classBody = "uk-flex uk-flex-center uk-flex-middle" >
2023-03-31 12:28:35 +02:00
< ng-container * ngTemplateOutlet = "embed_content" > < / ng-container >
2023-02-23 12:09:42 +01:00
< / fs-modal >
< fs-modal * ngIf = "projectInfo" # downloadReportFsModal classTitle = "uk-tile-default uk-border-bottom" classBody = "uk-flex uk-flex-center uk-flex-middle" >
2023-03-31 12:28:35 +02:00
< ng-container * ngTemplateOutlet = "download_content" > < / ng-container >
2023-02-23 12:09:42 +01:00
< / fs-modal >
< ng-template # embed_content >
2023-03-31 12:28:35 +02:00
< div [ ngClass ] = " isMobile ? ' uk-width-1-1 ' : ' uk-padding-small uk-margin-small-left uk-margin-small-right ' " >
2023-02-23 12:09:42 +01:00
< div [ ngClass ] = " isMobile ? ' ' : ' uk-padding-small uk-padding-remove-vertical ' " >
< div input type = "select" placeholder = "Select content type to embed" inputClass = "flat x-small"
2023-03-31 12:28:35 +02:00
[options]="resultTypesForEmbedding" [(value)]="embed_research_results_type">< / div >
2023-02-23 12:09:42 +01:00
< div * ngIf = "embed_research_results_type" class = "clipboard-wrapper box-content uk-grid uk-margin-auto uk-margin-small-top " >
< pre id = "dynamic_content_id" class = "uk-overflow-auto uk-padding-small uk-padding-remove-vertical uk-margin-top" > < code
>{{getDynamicContent(embed_research_results_type)}}< / code > < / pre >
< div class = "uk-width-1-1 uk-padding-small uk-text-right" >
< a class = "uk-link copy clipboard_btn" data-clipboard-target = "#dynamic_content_id" title = "Copy script" >
COPY SCRIPT
< / a >
< / div >
< / div >
< div class = "uk-text-small uk-margin-top" >
For further information contact us at
< u > < a [ href ] = " ' mailto: ' + properties . helpdeskEmail " class = "uk-link-text" > {{properties.helpdeskEmail}}< / a > < / u >
< / div >
< / div >
< / div >
< / ng-template >
< ng-template # download_content >
2023-03-31 12:28:35 +02:00
< div [ ngClass ] = " isMobile ? ' uk-width-1-1 ' : ' uk-padding-small uk-margin-small-left uk-margin-small-right ' " >
2023-02-23 12:09:42 +01:00
< div [ ngClass ] = " isMobile ? ' ' : ' uk-padding-small uk-padding-remove-vertical ' " >
< div input type = "select" placeholder = "Select content type report to download" inputClass = "flat x-small"
2023-03-31 12:28:35 +02:00
[options]="resultTypesForDownloading" [(value)]="download_research_results_type" (click)="buildResultTypesForDownloading()">< / div >
2023-02-23 12:09:42 +01:00
< div * ngIf = "download_research_results_type" class = "uk-animation-slide-top-small uk-margin-medium-top" >
< ng-container * ngTemplateOutlet = "download_research_results_box;
context: { type: download_research_results_type,
fileName_type: getFileNameType(download_research_results_type),
csvParams: getCsvParams(download_research_results_type) }">
< / ng-container >
< / div >
< div * ngIf = "!projectInfo.funding | |
(fetchPublications.searchUtils.totalResults == 0 & &
fetchDatasets.searchUtils.totalResults == 0 & &
fetchSoftware.searchUtils.totalResults == 0 & &
fetchOrps.searchUtils.totalResults == 0)"
2023-03-31 12:28:35 +02:00
class="uk-text-meta uk-margin-medium-top uk-text-center">
2023-02-23 12:09:42 +01:00
No reports available
< / div >
< / div >
< / div >
< / ng-template >