2022-04-28 11:13:06 +02:00
< div class = "landing uk-section uk-padding-remove tm-middle" >
< div 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 -->
2022-07-17 15:01:39 +02:00
< div id = "landing-left-sidebar" * ngIf = "projectInfo" class = "uk-visible@s uk-padding-remove-horizontal" >
< div class = "uk-flex uk-flex-column uk-flex-between uk-flex-center uk-sticky"
2022-04-28 11:13:06 +02:00
uk-sticky="bottom: true" [attr.offset]="offset">
< 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" >
<!-- Share -->
< 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 >
<!-- Link to -->
< 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 >
2019-12-10 15:45:13 +01:00
< / div >
2022-04-28 11:13:06 +02:00
<!-- center box -->
2022-05-05 19:54:01 +02:00
< div class = "uk-width-expand uk-padding-remove uk-background-default" >
2022-07-17 15:01:39 +02:00
< div * ngIf = "errorMessage.length > 0 || showLoading" class = "uk-container uk-flex uk-flex-center uk-height-viewport uk-position-relative" >
2022-06-01 14:29:19 +02:00
< 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 >
2022-04-28 11:13:06 +02:00
< ng-template # graph_and_feedback_template >
2023-03-28 18:27:02 +02:00
< div class = "uk-flex uk-flex-between uk-flex-wrap uk-margin-small-bottom uk-margin-small-top" [ 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 >
< / ng-template >
2019-12-10 15:45:13 +01:00
2022-07-17 15:01:39 +02:00
< div # graph_and_feedback id = "graph_and_feedback" class = "uk-padding uk-padding-remove-vertical uk-blur-background uk-text-xsmall uk-visible@m"
2022-05-03 10:52:07 +02:00
uk-sticky="bottom: true;" [attr.offset]="graph_offset">
2022-04-28 11:13:06 +02:00
< ng-container * ngTemplateOutlet = "graph_and_feedback_template" > < / ng-container >
< / div >
2022-06-01 14:29:19 +02:00
< div class = "uk-margin-large-left uk-margin-large-right" [ style ] = " ' margin-bottom: ' + graph_height + ' px ' " >
2022-05-05 19:54:01 +02:00
< ng-container * ngIf = "projectInfo" >
< div [ attr . style ] = " ' margin-top: ' + ( graph_height ? ' calc ( 40px + 20px - ' + graph_height + ' px ) ' : ' 40px ' ) " >
<!-- schema.org -->
< schema2jsonld [ data ] = projectInfo
2022-06-02 14:17:30 +02:00
[URL]="properties.domain+properties.baseLink+properties.searchLinkToProject+projectId"
type="project">< / schema2jsonld >
<!-- 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 ( ) "
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-06-02 14:17:30 +02:00
< 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 > '"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-06-02 14:17:30 +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 >
< / 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 > '"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-06-02 14:17:30 +02:00
< 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'"
2022-07-17 15:01:39 +02:00
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-06-02 14:17:30 +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 >
< / div >
< div class = ""
[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-06-02 14:17:30 +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 >
< / div >
< / div >
2022-05-05 19:54:01 +02:00
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
2022-04-28 11:13:06 +02:00
2022-05-05 19:54:01 +02:00
< landing-header [ properties ] = " properties " [ title ] = " projectName "
[subTitle]="projectInfo.acronym ? projectInfo.title : ''"
[entityType]="'project'"
[startDate]="projectInfo.startDate"
[endDate]="projectInfo.endDate"
[status]="projectInfo.status">
< / landing-header >
<!-- Labels -->
2022-07-17 15:01:39 +02:00
< div class = "uk-margin-bottom uk-grid uk-grid-small uk-flex-middle" uk-grid >
2022-05-05 19:54:01 +02:00
< ng-container * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets" >
2022-07-17 15:01:39 +02:00
< 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 >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)" >
2022-07-17 15:01:39 +02:00
< 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 >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)" >
2022-07-17 15:01:39 +02:00
< 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 >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "projectInfo.funding && projectInfo.funding.funderName" >
2022-07-17 15:01:39 +02:00
< div >
< span class = "uk-label custom-label label-funder" title = "Funder" >
{{projectInfo.funding.funderName}}
< / span >
< / div >
2022-05-05 19:54:01 +02:00
< / ng-container >
2022-06-15 12:54:49 +02:00
<!-- <ng - container *ngIf="projectInfo.specialClause39"> -->
<!-- <span class="uk - label custom - label label - sc39" title="Special Clause 39"> -->
<!-- Special Clause 39 -->
<!-- </span>  -->
<!-- </ng - container> -->
2022-04-28 11:13:06 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< 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 >
2020-03-16 14:09:46 +01:00
< / div >
2022-04-28 11:13:06 +02:00
< / div >
2022-05-05 19:54:01 +02:00
2022-07-17 15:01:39 +02:00
< div id = "main-tabs-div" class = "uk-sticky uk-blur-background"
uk-sticky="bottom: true; media: @m" [attr.offset]="offset">
2022-05-05 19:54:01 +02:00
< div class = "uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom" >
2022-06-01 14:29:19 +02:00
<!-- <showTitle *ngIf="stickyHeader" [titleName]="projectName" classNames="uk - margin - remove - bottom" class="uk - visible@m"></showTitle> -->
< landing-header * ngIf = "stickyHeader" class = "uk-visible@m"
[properties]="properties" [title]="projectName"
[subTitle]="projectInfo.acronym ? projectInfo.title : ''"
[entityType]="'project'"
[startDate]="projectInfo.startDate"
[endDate]="projectInfo.endDate"
[status]="projectInfo.status"
isSticky="true">
< / landing-header >
2022-05-05 19:54:01 +02:00
< 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 = "(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 >
2019-07-22 11:16:50 +02:00
< / div >
2022-04-28 11:13:06 +02:00
< / div >
2019-07-22 11:16:50 +02:00
2022-05-05 19:54:01 +02:00
< div id = "landing-sections" class = "uk-text-small" >
< div id = "summary" class = "landing-section landing-section-height-auto" >
2022-07-17 15:01:39 +02:00
< div class = "uk-card uk-card-default card-tab uk-margin-medium-top uk-margin-medium-bottom" >
< div class = "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
2022-05-05 19:54:01 +02:00
< / div >
< / div >
2022-07-17 15:01:39 +02:00
< div * ngIf = "hasPrimaryInfo" class = "uk-width-expand" >
<!-- Description -->
2022-09-21 12:32:21 +02:00
< div * ngIf = "projectInfo.description" class = "uk-margin-medium-bottom" >
2022-07-17 15:01:39 +02:00
< div class = "uk-text-justify " >
< div class = "uk-text-meta uk-margin-small-bottom" > Description< / div >
2022-09-21 12:32:21 +02:00
< div class = "multi-line-ellipsis lines-10" >
< div # descriptionDiv class = "uk-margin-small-bottom"
[innerHtml]="projectInfo.description">< / div >
2022-07-17 15:01:39 +02:00
< / div >
2022-09-21 12:32:21 +02:00
< div * ngIf = "showViewMoreButton" class = "uk-flex uk-flex-right" >
< a ( click ) = " openDescriptionModal ( ) ; " class = "view-more-less-link" >
View more
< / a >
< / div >
2022-07-17 15:01:39 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< / div >
2022-07-17 15:01:39 +02:00
< / div >
< div * ngIf = "hasSecondaryInfo" [ class . uk-width-1-3 @ m ] = " hasPrimaryInfo " class = "uk-width-1-1" >
< div class = "uk-height-1-1" >
<!-- Organizations -->
< div 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" >
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 >
2022-05-05 19:54:01 +02:00
< / div >
< / div >
2022-04-28 11:13:06 +02:00
< / div >
2020-03-16 14:09:46 +01:00
< / div >
2020-05-19 01:40:14 +02:00
< / div >
2021-03-10 14:24:19 +01:00
< / div >
2022-04-28 11:13:06 +02:00
2022-05-05 19:54:01 +02:00
< ng-container * ngIf = "fetchPublications.searchUtils.totalResults > 0" >
< div id = "publications" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< search-tab [ fetch ] = " fetchPublications " resultType = "publication"
[params]="getParamsForSearchLink('publications')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-04-20 19:06:53 +02:00
[properties]="properties" [prevPath]="prevPath">
2022-05-05 19:54:01 +02:00
< / search-tab >
< / div >
< / ng-container >
2022-04-28 11:13:06 +02:00
2022-05-05 19:54:01 +02:00
< ng-container * ngIf = "fetchDatasets.searchUtils.totalResults > 0" >
< div id = "datasets" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< search-tab [ fetch ] = " fetchDatasets " resultType = "dataset"
[params]="getParamsForSearchLink('datasets')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-04-20 19:06:53 +02:00
[properties]="properties" [prevPath]="prevPath">
2022-05-05 19:54:01 +02:00
< / search-tab >
2021-05-19 11:36:09 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "fetchSoftware.searchUtils.totalResults > 0" >
< div id = "software" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< search-tab [ fetch ] = " fetchSoftware " resultType = "software"
[params]="getParamsForSearchLink('software')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-04-20 19:06:53 +02:00
[properties]="properties" [prevPath]="prevPath">
2022-05-05 19:54:01 +02:00
< / search-tab >
2022-04-28 11:13:06 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "fetchOrps.searchUtils.totalResults > 0" >
< div id = "other" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< search-tab [ fetch ] = " fetchOrps " resultType = "other"
[params]="getParamsForSearchLink('other')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
2023-04-20 19:06:53 +02:00
[properties]="properties" [prevPath]="prevPath">
2022-05-05 19:54:01 +02:00
< / search-tab >
< / div >
< / ng-container >
< ng-container >
< div id = "dmps" class = "landing-section uk-padding uk-padding-remove-horizontal" >
2022-05-06 15:31:40 +02:00
< search-tab [ fetch ] = " fetchDmps " customTitle = "Data Management Plans"
2023-04-20 19:06:53 +02:00
[properties]="properties" resultType="DMPs" [prevPath]="prevPath">
2022-05-05 19:54:01 +02:00
< div class = "uk-margin-medium-top uk-margin-bottom uk-width-1-1 uk-flex uk-flex-center uk-flex-middle" >
2023-04-20 19:06:53 +02:00
< a * ngIf = "properties.adminToolsPortalType == 'eosc' && fetchDmps.searchUtils.totalResults > 0"
class="uk-button uk-button-text uk-margin-right custom-external"
[href]="'https://explore.openaire.eu'+properties.searchLinkToAdvancedResults+
'?f0=relprojectid& fv0='+projectId+'& type=publications& instancetypename=Data Management Plan& qf=false& sortBy=resultdateofacceptance,descending'"
target="_blank">
View all in OpenAIRE
< / a >
< a * ngIf = "properties.adminToolsPortalType != 'eosc' && fetchDmps.searchUtils.totalResults > 0" class = "uk-button uk-button-text uk-margin-right"
2022-05-05 19:54:01 +02:00
[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 >
2020-05-19 01:40:14 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< / search-tab >
2022-04-28 11:13:06 +02:00
< / div >
2022-05-05 19:54:01 +02:00
< / ng-container >
< ng-container * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)">
< div id = "statistics" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< 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 >
2020-05-19 01:40:14 +02:00
< / div >
2020-03-30 21:25:16 +02:00
< / div >
2020-03-16 14:09:46 +01:00
< / div >
2022-05-05 19:54:01 +02:00
< / ng-container >
2021-03-10 14:24:19 +01:00
< / div >
2022-05-05 19:54:01 +02:00
< 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 >
2022-04-28 11:13:06 +02:00
< / ng-container >
2020-03-16 14:09:46 +01:00
< / div >
< / 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
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" >
< div class = "uk-padding-small uk-margin-small-left uk-margin-small-right" >
< div class = "uk-padding-small uk-padding-remove-vertical" >
< div input type = "select" placeholder = "Select content type to embed" inputClass = "flat x-small"
[options]="resultTypesForEmbedding" [(value)]="embed_research_results_type">< / div >
< 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 >
< / modal-alert >
< modal-alert * ngIf = "projectInfo" # downloadReportModal >
< div class = "uk-padding-small uk-margin-small-left uk-margin-small-right" >
< div class = "uk-padding-small uk-padding-remove-vertical" >
< div input type = "select" placeholder = "Select content type report to download" inputClass = "flat x-small"
[options]="resultTypesForDownloading" [(value)]="download_research_results_type" (click)="buildResultTypesForDownloading()">< / div >
< 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)"
2022-04-28 15:53:49 +02:00
class="uk-text-meta uk-margin-medium-top uk-text-center">
2022-04-28 11:13:06 +02:00
No reports available
< / div >
< / div >
< / div >
< / 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
[large]="true">
< div [ innerHTML ] = " projectInfo . description " > < / div >
< / 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 >
