2023-01-24 14:32:58 +01:00
<!-- Desktop view -->
< div id = "tm-main" class = "uk-visible@m landing uk-section uk-padding-remove tm-middle" >
2022-04-04 11:14:54 +02:00
< div class = "tm-main" >
2022-05-05 19:54:01 +02:00
< div class = "publication" >
2022-06-02 15:11:24 +02:00
< div * ngIf = "!showFeedback" class = "uk-grid uk-margin-remove-left" uk-grid >
2022-04-04 11:14:54 +02:00
2022-06-09 16:51:58 +02:00
<!-- left box/sidebar - actions -->
2022-12-20 14:27:18 +01:00
<!-- <div id="landing - left - sidebar" *ngIf="resultLandingInfo" 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-01-24 14:32:58 +01:00
uk-sticky="bottom: true" [attr.offset]="offset">
2022-04-20 16:40:18 +02:00
< div class = "uk-align-center uk-text-center uk-margin-medium-top uk-flex uk-flex-column uk-flex-between" >
2022-04-04 11:14:54 +02:00
< ng-container * ngIf = "resultLandingInfo && (hasAltMetrics || hasMetrics)" >
< metrics * ngIf = "hasMetrics" class = "uk-margin-bottom"
2023-01-24 14:32:58 +01:00
[pageViews]="pageViews"
[id]="id" [entityType]="'results'" [entity]="title"
[viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl"
(metricsResults)="metricsResults($event)" [properties]=properties>
2022-04-04 11:14:54 +02:00
< / metrics >
< altmetrics * ngIf = "hasAltMetrics" id = "{{resultLandingInfo.identifiers?.get('doi')[0]}}" type = "doi" > < / altmetrics >
< / ng-container >
< / div >
2022-04-12 14:15:04 +02:00
< 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-12 14:15:04 +02:00
< ul class = "uk-list" >
2022-04-20 16:40:18 +02:00
< li class = "uk-text-center" >
< a ( click ) = " openAddThisModal ( ) "
2023-01-24 14:32:58 +01:00
[title]="'Share this '+getTypeName() + ' in your social networks'"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-20 16:40:18 +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 >
2022-04-12 14:15:04 +02:00
< li * ngIf = "isRouteAvailable('participate/direct-claim')" class = "uk-text-center"
2022-04-28 11:13:06 +02:00
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Link this '+getTypeName()+' to ...< 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-12 14:20:43 +02:00
< a [ queryParams ] = " routerHelper . createQueryParams ( [ ' id ' , ' type ' , ' linkTo ' ] , [ id , type , ' project ' ] ) "
2023-01-24 14:32:58 +01:00
routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
2022-04-12 14:15:04 +02:00
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
2022-04-20 16:40:18 +02:00
< icon name = "link" visuallyHidden = "link" > < / icon >
2022-04-12 14:15:04 +02:00
< / span >
< / a >
< / li >
< li class = "uk-text-center" >
< a ( click ) = " openCiteModal ( ) "
2023-01-24 14:32:58 +01:00
[title]="'Cite this '+getTypeName()"
[attr.uk-tooltip]="'pos: right; cls: uk-active uk-text-small uk-padding-small'">
2022-04-12 14:15:04 +02:00
< span class = "uk-icon-button uk-icon landing-action-button landing-action-button-portal" >
2022-04-20 16:40:18 +02:00
< icon name = "quotes" visuallyHidden = "cite" > < / icon >
2022-04-12 14:15:04 +02:00
< / span >
< / a >
< / li >
2022-11-09 12:41:33 +01:00
< li * ngIf = "properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'"
2022-04-12 14:15:04 +02:00
class="uk-text-center">
< orcid-work [ resultId ] = " id " [ resultTitle ] = " resultLandingInfo . title " [ resultLandingInfo ] = " resultLandingInfo "
[pids]="pidsArrayString" [pageType]="'landing'">
< / orcid-work >
2022-05-18 12:30:00 +02:00
< / li >
< li * ngIf = " properties . enableEoscDataTransfer & & resultLandingInfo . resultType = = ' dataset ' & &
2022-05-30 09:06:30 +02:00
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi') & &
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1"
2022-05-18 12:30:00 +02:00
class="uk-text-center">
< egi-transfer-data [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " > < / egi-transfer-data >
< / li >
2022-04-12 14:15:04 +02:00
< / ul >
< / div >
2022-04-04 11:14:54 +02:00
< / div >
2022-12-20 14:27:18 +01:00
< / div > -->
2022-04-04 11:14:54 +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-20 16:40:18 +02:00
< ng-template # graph_and_feedback_template >
2023-02-08 10:21:16 +01:00
< div class = "uk-container uk-container-xlarge uk-flex uk-margin-small-bottom uk-margin-small-top" [ class . uk-invisible ] = " ! resultLandingInfo " >
2022-04-20 16:40:18 +02:00
<!-- Last Index Info -->
2022-06-14 16:00:13 +02:00
< div class = "uk-width-2-3@m uk-width-1-2" >
< icon name = "graph" customClass = "text-graph" > < / icon >
2022-05-04 17:09:35 +02:00
< span class = "uk-margin-small-left uk-text-baseline" >
2022-06-14 16:00:13 +02:00
< span class = "uk-text-meta" > Powered by < / span >
< a href = "https://graph.openaire.eu" target = "_blank" class = "text-graph" > OpenAIRE Research Graph< / a >
< / span >
2022-04-20 16:40:18 +02:00
< span * ngIf = "indexUpdateDate" class = "uk-text-baseline uk-text-meta" >
2022-05-05 19:54:01 +02:00
. Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
< / span >
2022-04-20 16:40:18 +02:00
< / div >
<!-- Feedback -->
2022-05-03 15:45:23 +02:00
< div * ngIf = "properties.reCaptchaSiteKey" class = "uk-width-expand uk-text-right" >
2022-06-09 15:45:39 +02:00
< span class = "uk-text-meta uk-text-xsmall" > See an issue? < / span >
< a ( click ) = " feedbackClicked ( ) " class = "uk-text-xsmall" > Give us feedback< / a >
2022-04-20 16:40:18 +02:00
< / div >
< / div >
< / ng-template >
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-01-24 14:32:58 +01:00
uk-sticky="bottom: true;" [attr.offset]="graph_offset">
2022-04-20 16:40:18 +02:00
< ng-container * ngTemplateOutlet = "graph_and_feedback_template" > < / ng-container >
< / div >
2023-02-08 10:21:16 +01: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 >
2022-12-20 14:27:18 +01:00
< / div >
< / div >
2023-02-08 10:21:16 +01:00
< div * ngIf = "!showLoading" class = "uk-margin-top uk-margin-bottom" >
< div class = "uk-flex uk-flex-middle uk-flex-center" >
< div class = "landing-action-bar uk-box-shadow-small uk-margin-bottom" >
2023-02-16 11:59:18 +01:00
< div class = "landing-action-bar-grid-gap uk-flex uk-flex-middle uk-text-xsmall" >
2023-02-08 10:21:16 +01:00
<!-- Download from -->
< availableOn * ngIf = "resultLandingInfo?.hostedBy_collectedFrom" [ availableOn ] = " resultLandingInfo . hostedBy_collectedFrom " ( viewAllClicked ) = " viewAll = $event" > < / availableOn >
<!-- Versions -->
< a * ngIf = "resultLandingInfo?.deletedByInferenceIds" ( click ) = " openDeletedByInference ( ) "
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
2023-02-13 14:51:15 +01:00
< icon [ flex ] = " true " [ ratio ] = " 0 . 8 " name = "versions" visuallyHidden = "versions" > < / icon >
2023-02-08 10:21:16 +01:00
< span class = "uk-margin-xsmall-left" >
View all {{resultLandingInfo.deletedByInferenceIds.length}} versions
2022-06-02 14:17:30 +02:00
< / span >
< / a >
2023-02-08 10:21:16 +01:00
<!-- Divider -->
< span * ngIf = "resultLandingInfo?.hostedBy_collectedFrom || resultLandingInfo?.deletedByInferenceIds" class = "landing-action-bar-divider" > < / span >
<!-- Actions -->
< a * ngIf = "isRouteAvailable('participate/direct-claim')"
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'project'])"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
2023-02-16 11:59:18 +01:00
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Link this '+getTypeName()+' to ...< span class = \'material-icons uk-margin-small-left \ ' > east< / span > < / span > '"
[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small'"
2023-02-08 10:21:16 +01:00
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
2023-02-13 14:51:15 +01:00
< icon [ flex ] = " true " [ ratio ] = " 0 . 7 " name = "link_to" visuallyHidden = "link" > < / icon >
2023-02-08 10:21:16 +01:00
< span class = "uk-margin-xsmall-left" > Link to< / span >
< / a >
< a ( click ) = " openAddThisModal ( ) "
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
2023-02-13 14:51:15 +01:00
< icon [ flex ] = " true " [ ratio ] = " 0 . 8 " name = "share" visuallyHidden = "share" > < / icon >
2023-02-08 10:21:16 +01:00
< span class = "uk-margin-xsmall-left" > Share< / span >
2022-06-02 14:17:30 +02:00
< / a >
< a ( click ) = " openCiteModal ( ) "
2023-02-08 10:21:16 +01:00
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
2023-02-13 14:51:15 +01:00
< icon [ flex ] = " true " [ ratio ] = " 0 . 7 " name = "cite" visuallyHidden = "cite" > < / icon >
2023-02-08 10:21:16 +01:00
< span class = "uk-margin-xsmall-left" > Cite< / span >
2022-06-02 14:17:30 +02:00
< / a >
2023-02-08 10:21:16 +01:00
< ng-container * ngIf = "properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'" >
< orcid-work [ resultId ] = " id " [ resultTitle ] = " resultLandingInfo ? . title " [ resultLandingInfo ] = " resultLandingInfo "
[pids]="pidsArrayString" [pageType]="'landing'">
< / orcid-work >
< / ng-container >
< ng-container * ngIf = " properties . enableEoscDataTransfer & & resultLandingInfo . resultType = = ' dataset ' & &
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi') & &
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1">
< egi-transfer-data [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " > < / egi-transfer-data >
< / ng-container >
< / div >
< / div >
< / div >
< / div >
< div class = "uk-margin-left uk-margin-right" [ style ] = " ' margin-bottom: ' + graph_height + ' px ' " >
< ng-container * ngIf = "resultLandingInfo" >
<!-- in small screens there is no sticky #graph_and_feedback so margin - top is medium (40px) -->
<!-- else margin is medium (40px) - the actual height of uk - sticky - placeholder (graph_height - 20px - > margins of #graph_and_feedback) -->
< div [ attr . style ] = " ' margin-top: ' + ( graph_height ? ' calc ( 40px + 20px - ' + graph_height + ' px ) ' : ' 40px ' ) " >
<!-- schema.org -->
< schema2jsonld * ngIf = "resultLandingInfo.record" [ data ] = resultLandingInfo . record
[URL]="canonicalUrl"
[searchActionRoute]="properties.searchLinkToResults">< / schema2jsonld >
<!-- Actions for mobile viewport -->
< div class = "uk-flex uk-flex-right uk-margin-medium-bottom uk-hidden@s" >
<!-- Share -->
< div class = "uk-margin-small-right" >
< a ( click ) = " openAddThisModal ( ) "
[title]="'Share this '+getTypeName() + ' 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 >
<!-- Link to -->
< div * ngIf = "isRouteAvailable('participate/direct-claim')" class = "uk-margin-small-right"
[title]="'< span class = \'uk-flex uk-flex-middle \ ' > Link this '+getTypeName()+' to ...< 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 ' ] , [ id , type , ' project ' ] ) "
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 >
<!-- Cite this -->
< div class = "uk-margin-small-right" >
< a ( click ) = " openCiteModal ( ) "
[title]="'Cite this '+getTypeName()"
[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 = "quotes" visuallyHidden = "cite" > < / icon >
< / span >
< / a >
< / div >
<!-- ORCID -->
< div * ngIf = "properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'"
class="uk-margin-small-right">
< orcid-work [ resultId ] = " id " [ resultTitle ] = " resultLandingInfo . title " [ resultLandingInfo ] = " resultLandingInfo "
[pids]="pidsArrayString" [pageType]="'landing'">
< / orcid-work >
< / div >
< div * ngIf = " properties . enableEoscDataTransfer & & resultLandingInfo . resultType = = ' dataset ' & &
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi') & &
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1"
class="">
< egi-transfer-data [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " > < / egi-transfer-data >
< / div >
2022-06-02 14:17:30 +02:00
< / div >
2023-02-08 10:21:16 +01:00
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
< landing-header [ properties ] = " properties " [ title ] = " resultLandingInfo . title "
[subTitle]="resultLandingInfo.subtitle"
[authors]="resultLandingInfo.authors"
[underCuration]="resultLandingInfo.underCurationMessage"
[entityType]="getTypeName()" [types]="resultLandingInfo.types"
[date]="resultLandingInfo.dateofacceptance" [embargoEndDate]="resultLandingInfo.embargoEndDate"
[publisher]="resultLandingInfo.publisher" [journal]="resultLandingInfo.journal"
[languages]="resultLandingInfo.languages" [programmingLanguages]="resultLandingInfo.programmingLanguages">
< / landing-header >
<!-- Labels -->
<!-- Not used anymore - access labels will be in action bars, languages in the landing - header component -->
<!-- <div class="uk - margin - bottom uk - grid uk - grid - small uk - flex - middle" uk - grid>
< ng-container * ngIf = "resultLandingInfo.accessMode && resultLandingInfo.accessMode.toLowerCase() !== 'not available'" >
< div >
< span [ class ] = " ' uk-label uk-text-truncate ' + ( accessClass ( resultLandingInfo . accessMode ) = = ' open ' ? ' uk-label-success ' : ' ' ) "
title="Access Mode">{{resultLandingInfo.accessMode}}
< / span >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.languages & &
removeUnknown(resultLandingInfo.languages).length > 0">
< ng-container * ngFor = "let language of removeUnknown(resultLandingInfo.languages)" >
< div >
< span class = "uk-label custom-label label-language" title = "Language" > {{language}}< / span >
< / div >
< / ng-container >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.programmingLanguages && resultLandingInfo.programmingLanguages.length > 0" >
< ng-container * ngFor = "let programmingLanguage of resultLandingInfo.programmingLanguages" >
< div >
< span class = "uk-label custom-label label-language"
title="Programming Language">{{programmingLanguage}}< / span >
< / div >
< / ng-container >
< / ng-container >
< / div > -->
< div class = "uk-text-small" >
<!-- Identifiers -->
< div * ngIf = "resultLandingInfo.identifiers && resultLandingInfo.identifiers.size > 0" class = "uk-margin-small-top" >
< showIdentifiers [ identifiers ] = " resultLandingInfo . identifiers " [ showViewAll ] = " true " > < / showIdentifiers >
< / div >
<!-- Published Date, Journal and Publisher -->
<!-- Moved inside landing - header component -->
<!-- <div showPublisher [publisher]="resultLandingInfo.publisher"
[publishDate]="resultLandingInfo.dateofacceptance"
[journal]="resultLandingInfo.journal" [properties]="properties" class="uk-margin-small-top">< / div > -->
2022-06-02 14:17:30 +02:00
< / div >
2023-02-08 10:21:16 +01:00
< / div >
< div id = "main-tabs-div" class = "uk-sticky uk-blur-background"
uk-sticky="bottom: true; media: @m" [attr.offset]="offset">
< div class = "uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom" >
< landing-header * ngIf = "stickyHeader" class = "uk-visible@m"
[properties]="properties" [title]="resultLandingInfo.title"
[underCuration]="resultLandingInfo.underCurationMessage"
[entityType]="getTypeName()" [types]="resultLandingInfo.types"
[date]="resultLandingInfo.dateofacceptance" [embargoEndDate]="resultLandingInfo.embargoEndDate"
isSticky="true">
< / landing-header >
<!-- <showTitle *ngIf="stickyHeader" [titleName]="resultLandingInfo.title" classNames="uk - margin - remove - bottom" class="uk - visible@m"></showTitle> -->
< my-tabs ( selectedActiveTab ) = " onSelectActiveTab ( $ event ) " [ offsetForSticky ] = " offset " [ ( isSticky ) ] = " stickyHeader " >
< my-tab tabTitle = "Summary" [ tabId ] = " ' summary ' " [ active ] = " true " > < / my-tab >
< my-tab * ngIf = "resultLandingInfo.references && resultLandingInfo.references.length > 0"
[tabTitle]="'References'" [tabId]="'references'"
[tabNumber]="resultLandingInfo.references.length">
< / my-tab >
< my-tab * ngIf = "resultLandingInfo.relatedResults?.length > 0"
[tabTitle]="'Related research'" [tabId]="'all_related'"
[tabNumber]="resultLandingInfo.relatedResults.length">
< / my-tab >
< my-tab * ngIf = "resultLandingInfo.bioentities && bioentitiesNum> 0"
[tabTitle]="'External Databases'" [tabId]="'bioentities'" [tabNumber]="bioentitiesNum">
< / my-tab >
< my-tab * ngIf = "enermapsId && properties.enermapsURL"
[tabTitle]="'Enermaps Tool'" [tabId]="'enermaps'"
customClass="portalTab">
< / my-tab >
< my-tab * ngIf = "resultLandingInfo && (resultLandingInfo.measure || hasAltMetrics)"
[tabTitle]="'Metrics'" [tabId]="'metrics'">
< / my-tab >
< / my-tabs >
2022-06-02 14:17:30 +02:00
< / div >
< / div >
2023-02-08 10:21:16 +01:00
< div id = "landing-sections" class = "uk-text-small" >
< ng-container >
< div id = "summary" class = "landing-section landing-section-height-auto uk-padding uk-padding-remove-horizontal" >
< div * ngIf = "!hasPrimaryInfo" class = "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" >
<!-- Description -->
< div * ngIf = "resultLandingInfo.description" class = "uk-margin-medium-bottom" >
< div class = "uk-text-justify " >
< div class = "uk-text-meta" > Abstract< / div >
< div class = "multi-line-ellipsis lines-10" >
< div # descriptionDiv class = "uk-margin-small-bottom"
[innerHTML]="resultLandingInfo.description">< / div >
< / div >
< div * ngIf = "showViewMoreButton" class = "uk-flex uk-flex-right" >
< a ( click ) = " openDescriptionModal ( ) ; " class = "view-more-less-link" >
View more
< / a >
< / div >
< / div >
< / div >
< div * ngIf = "resultLandingInfo.countries && resultLandingInfo.countries.length > 0" class = "uk-margin-medium-bottom" >
< div class = "uk-text-meta" >
{{(resultLandingInfo.countries.length === 1) ? 'Country ' : 'Countries '}}
< / div >
< div >
{{resultLandingInfo.countries.join(", ")}}
< / div >
< / div >
< div * ngIf = "resultLandingInfo.subjects | | resultLandingInfo . otherSubjects | |
resultLandingInfo.classifiedSubjects" class="uk-margin-medium-bottom">
< showSubjects [ subjects ] = " resultLandingInfo . subjects "
[otherSubjects]="resultLandingInfo.otherSubjects"
[classifiedSubjects]="resultLandingInfo.classifiedSubjects"
[eoscSubjects]="resultLandingInfo.eoscSubjects">
< / showSubjects >
< / div >
<!-- Related Organizations -->
< div * ngIf = "resultLandingInfo.organizations && resultLandingInfo.organizations.length > 0"
class="uk-margin-medium-bottom uk-width-2-3@m">
< div class = "uk-text-meta uk-margin-small-bottom" > Related {{openaireEntities.ORGANIZATIONS}}< / div >
< ng-container * ngTemplateOutlet = "organizations_template; context: { threshold: lessBtnOrganizations ? resultLandingInfo.organizations.length : thresholdOrganizations }" > < / ng-container >
< div * ngIf = "resultLandingInfo.organizations.length > thresholdOrganizations && !lessBtnOrganizations"
class="uk-text-center">
< a ( click ) = " viewAllOrganizationsClick ( ) ; " class = "view-more-less-link" >
View all
2022-09-21 12:32:21 +02:00
< / a >
< / div >
2023-02-08 10:21:16 +01:00
< div * ngIf = "viewAllOrganizations && lessBtnOrganizations" class = "uk-text-center" >
< a ( click ) = " viewAllOrganizations = !viewAllOrganizations; lessBtnOrganizations = false;" class = "view-more-less-link" > View less< / a >
< / div >
2022-12-20 14:27:18 +01:00
< / div >
< / div >
2023-02-08 10:21:16 +01:00
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.references && resultLandingInfo.references.length > 0" >
< div id = "references" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< results-and-pages * ngIf = "resultLandingInfo.references.length > pageSize" [ type ] = " ' references ' "
[page]="referencesPage" [pageSize]="pageSize"
[totalResults]="resultLandingInfo.references.length">
< / results-and-pages >
< div
*ngFor="let item of resultLandingInfo.references.slice((referencesPage-1)*pageSize, referencesPage*pageSize)">
< p * ngIf = "item" >
{{item.name}}
< ng-container * ngIf = "item.ids && item.ids.length > 0" >
< span * ngFor = "let id of item.ids" >
[< a * ngIf = "id.type !== 'openaire'" href = "{{getReferenceUrl(id)}}"
target="_blank">{{getReferenceIdName(id)}}< / a >
< a * ngIf = "id.type === 'openaire'" [ routerLink ] = " properties . searchLinkToResult . split ( ' ? ' ) [ 0 ] "
[queryParams]="{id: id.value}"
target="_blank">OpenAIRE< / a > ]
< / span >
< / ng-container >
< / p >
< / div >
< paging-no-load * ngIf = "resultLandingInfo.references.length > pageSize"
(pageChange)="updateReferencesPage($event)"
[currentPage]="referencesPage" [size]="pageSize"
[totalResults]="resultLandingInfo.references.length">
< / paging-no-load >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.relatedResults?.length > 0" >
< div id = "all_related" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< ng-container * ngTemplateOutlet = "relation_in_tab; context: { researchResults: filteredRelatedResults, header: ''}" > < / ng-container >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.bioentities && bioentitiesNum> 0" >
< div id = "bioentities" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< results-and-pages * ngIf = "bioentitiesNum > 2*pageSize" [ type ] = " ' bioentities ' "
[page]="bioentitiesPage" [pageSize]="2*pageSize"
[totalResults]="bioentitiesNum">
< / results-and-pages >
< div class = "uk-text-center uk-child-width-1-4@s uk-child-width-1-2 uk-grid uk-grid-medium uk-margin-bottom" uk-grid >
< ng-container * ngFor = "let key of getKeys(resultLandingInfo.bioentities) let i=index" >
< ng-container
*ngFor="let keyIn of keysToArray(resultLandingInfo.bioentities.get(key)).slice((bioentitiesPage-1)*2*pageSize, bioentitiesPage*2*pageSize)">
< div >
< div [ title ] = " key " * ngIf = "keyIn && !resultLandingInfo.bioentities.get(key).get(keyIn)"
class="uk-card uk-card-default uk-card-body">
{{keyIn}}
2023-01-13 07:32:16 +01:00
< / div >
2023-02-08 10:21:16 +01:00
< a [ href ] = " resultLandingInfo . bioentities . get ( key ) . get ( keyIn ) " target = "_blank"
[title]="key" *ngIf="keyIn & & resultLandingInfo.bioentities.get(key).get(keyIn)"
class="uk-card uk-card-default uk-card-hover uk-card-body custom-external">
{{keyIn}}
< / a >
2023-01-13 07:32:16 +01:00
< / div >
2023-02-08 10:21:16 +01:00
< / ng-container >
< / ng-container >
< / div >
< paging-no-load * ngIf = "bioentitiesNum > 2*pageSize"
(pageChange)="updateBioentitiesPage($event)"
[currentPage]="bioentitiesPage" [size]="2*pageSize"
[totalResults]="bioentitiesNum">
< / paging-no-load >
< / div >
< / ng-container >
< ng-container * ngIf = "enermapsId && properties.enermapsURL" >
< div id = "enermaps" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< div class = " uk-inline uk-text-center " >
< img class = "uk-width-auto" [ src ] = " properties . enermapsURL + ' / images / datasets / ' + enermapsId +
'.png'"
alt="Enermaps tool preview" loading="lazy">
< div class = "uk-overlay uk-overlay-default uk-position-bottom" >
< p > Visit < a
class=" uk-margin-right uk-margin-small-top custom-external"
[href]="properties.enermapsURL + '/?shared_id=' + enermapsId" target="_blank" >
Enermaps tool
< / a > < / p >
< / div >
< / div >
< ul * ngIf = "enermapsDetails?.length > 0" class = "uk-list uk-animation-fade" >
< ng-container * ngFor = "let detail of enermapsDetails" >
< li * ngIf = "detail[0] && detail[1]" >
< span class = "uk-text-meta" > {{detail[0]}}: < / span >
< span >
< ng-container * ngFor = "let word of detail[1].split(' ')" >
< ng-container * ngIf = "!word.startsWith('http://') && !word.startsWith('https://')" > {{word}} < / ng-container >
< a * ngIf = "word.startsWith('http://') || word.startsWith('https://')"
target="_blank" [href]="word">{{word}} < / a >
< / ng-container >
< / span >
< / li >
< / ng-container >
< / ul >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo && (resultLandingInfo.measure || hasAltMetrics)" >
< div id = "metrics" class = "landing-section uk-padding uk-padding-remove-horizontal" >
< ul class = "uk-subnav uk-subnav-pill-alt uk-margin-remove" uk-switcher >
< li >
< a href = "#" > Overview< / a >
< / li >
< li * ngIf = "resultLandingInfo.measure.citations || resultLandingInfo.measure.popularity || resultLandingInfo.measure.influence || resultLandingInfo.measure.impulse" >
< a href = "#" > Impact< / a >
< / li >
< li * ngIf = "hasAltMetrics" >
< a href = "#" > Social< / a >
< / li >
< li * ngIf = "resultLandingInfo.measure.downloads || resultLandingInfo.measure.views" >
2023-02-13 14:51:15 +01:00
< a href = "#" ( click ) = " clickedUsageMetrics ( ) " > Usage< / a >
2023-02-08 10:21:16 +01:00
< / li >
< / ul >
< ul class = "uk-switcher uk-margin-large-top" >
<!-- overview -->
< li >
< div class = "uk-flex uk-flex-wrap landing-metrics-overview" >
2023-02-13 14:51:15 +01:00
< div * ngIf = "resultLandingInfo.measure.citations || resultLandingInfo.measure.popularity || resultLandingInfo.measure.influence || resultLandingInfo.measure.impulse" >
2023-02-08 10:21:16 +01:00
< div class = "uk-grid-divider" uk-grid >
< div >
< div class = "uk-text-center uk-margin-small-bottom" >
< img src = "assets/common-assets/bip-minimal.svg" loading = "lazy" alt = "BIP!"
style="width: 61px; height: 43px;">
< / div >
< span class = "uk-text-uppercase uk-text-xsmall" > Impact by< / span >
< span class = "uk-display-block uk-text-bolder" > BIP!< / span >
< / div >
< div >
< table class = "uk-table uk-table-small" >
< tbody >
< tr >
< td class = "uk-padding-remove-top" >
2023-02-13 14:51:15 +01:00
< icon name = "cite" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-top" >
Citations
< / td >
< td class = "uk-padding-remove-top uk-text-uppercase uk-text-bolder" >
2023-02-13 14:51:15 +01:00
{{resultLandingInfo.measure.citations | number}}
2023-02-08 10:21:16 +01:00
< / td >
< / tr >
< tr >
< td >
2023-02-13 14:51:15 +01:00
< icon name = "fire" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td >
Popularity
< / td >
< td class = "uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.popularity}}
< / td >
< / tr >
< tr >
< td >
2023-02-13 14:51:15 +01:00
< icon name = "landmark" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td >
Influence
< / td >
< td class = "uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.influence}}
< / td >
< / tr >
< tr >
< td class = "uk-padding-remove-bottom" >
2023-02-13 14:51:15 +01:00
< icon name = "rocket" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-bottom" >
Impulse
< / td >
< td class = "uk-padding-remove-bottom uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.impulse}}
< / td >
< / tr >
< / tbody >
< / table >
2023-01-13 07:32:16 +01:00
< / div >
< / div >
2023-02-08 10:21:16 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "hasAltMetrics" >
2023-02-08 10:21:16 +01:00
< altmetrics id = "{{resultLandingInfo.identifiers?.get('doi')[0]}}" type = "doi" size = "donut" > < / altmetrics >
< / div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "resultLandingInfo.measure.downloads || resultLandingInfo.measure.views" >
2023-02-08 10:21:16 +01:00
< div class = "uk-grid-divider" uk-grid >
< div >
< div class = "uk-text-center uk-margin-small-bottom" >
< img src = "assets/common-assets/logo-small-usage-counts.png" loading = "lazy" alt = "OpenAIRE UsageCounts" >
< / div >
< span class = "uk-text-uppercase uk-text-xsmall" > Usage by< / span >
< span class = "uk-display-block uk-text-bolder" > UsageCounts< / span >
< / div >
< div >
< table class = "uk-table uk-table-small" >
< tbody >
2023-02-13 14:51:15 +01:00
< tr * ngIf = "resultLandingInfo.measure.downloads" >
2023-02-08 10:21:16 +01:00
< td class = "uk-padding-remove-top" >
2023-02-13 14:51:15 +01:00
< icon name = "download" [ flex ] = " true " [ ratio ] = " 1 . 2 " customClass = "uk-text-background text-usage-counts" > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-top" >
Downloads
< / td >
2023-02-16 11:59:18 +01:00
< td class = "uk-padding-remove-top uk-text-uppercase uk-text-bolder"
[attr.uk-tooltip]="resultLandingInfo.measure.downloads >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.downloads | number}}">
{{formatNumber(resultLandingInfo.measure.downloads)}}
2023-02-08 10:21:16 +01:00
< / td >
< / tr >
2023-02-13 14:51:15 +01:00
< tr * ngIf = "resultLandingInfo.measure.views" >
2023-02-08 10:21:16 +01:00
< td class = "uk-padding-remove-bottom" >
2023-02-13 14:51:15 +01:00
< icon name = "visibility" [ flex ] = " true " [ ratio ] = " 1 . 2 " customClass = "uk-text-background text-usage-counts" > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-bottom" >
Views
< / td >
2023-02-16 11:59:18 +01:00
< td class = "uk-padding-remove-bottom uk-text-uppercase uk-text-bolder"
[attr.uk-tooltip]="resultLandingInfo.measure.views >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.views | number}}">
{{formatNumber(resultLandingInfo.measure.views)}}
2023-02-08 10:21:16 +01:00
< / td >
< / tr >
< / tbody >
< / table >
< / div >
2023-01-13 07:32:16 +01:00
< / div >
< / div >
< / div >
2023-02-08 10:21:16 +01:00
< / li >
<!-- impact -->
< li * ngIf = "resultLandingInfo.measure.citations || resultLandingInfo.measure.popularity || resultLandingInfo.measure.influence || resultLandingInfo.measure.impulse" >
< div class = "uk-flex uk-flex-center uk-flex-middle" >
< div class = "uk-card uk-card-default uk-padding-small" >
< table class = "uk-table uk-table-small uk-margin-remove" >
< tbody >
< tr >
< td class = "uk-padding-remove-top" >
2023-02-13 14:51:15 +01:00
< icon name = "cite" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-top" >
Citations
< / td >
< td class = "uk-padding-remove-top uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.citations}}
< / td >
< / tr >
< tr >
< td >
2023-02-13 14:51:15 +01:00
< icon name = "fire" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td >
Popularity
< / td >
< td class = "uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.popularity}}
< / td >
< / tr >
< tr >
< td >
2023-02-13 14:51:15 +01:00
< icon name = "landmark" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td >
Influence
< / td >
< td class = "uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.influence}}
< / td >
< / tr >
< tr >
< td class = "uk-padding-remove-bottom" >
2023-02-13 14:51:15 +01:00
< icon name = "rocket" [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
2023-02-08 10:21:16 +01:00
< / td >
< td class = "uk-padding-remove-bottom" >
Impulse
< / td >
< td class = "uk-padding-remove-bottom uk-text-uppercase uk-text-bolder" >
{{resultLandingInfo.measure.impulse}}
< / td >
< / tr >
< / tbody >
< / table >
< / div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "bipFrameUrl" class = "uk-margin-large-left" >
< i-frame [ height ] = " 300 " [ url ] = " bipFrameUrl " [ addClass ] = " false "
2023-02-08 10:21:16 +01:00
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">< / i-frame >
< / div >
2023-01-13 14:57:26 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div class = "uk-text-center" [ ngClass ] = " bipFrameUrl ? ' uk-margin-top ' : ' uk-margin-large-top ' " >
2023-02-08 10:21:16 +01:00
< span class = "uk-text-meta" > Powered by< / span >
< img class = "uk-margin-small-left uk-margin-small-right" src = "assets/common-assets/bip-minimal.svg" loading = "lazy" alt = "BIP!"
style="width: 61px; height: 43px;">
< span class = "uk-text-bolder" > BIP!< / span >
2023-01-13 14:57:26 +01:00
< / div >
2023-02-08 10:21:16 +01:00
< / li >
<!-- social -->
< li * ngIf = "hasAltMetrics" >
< altmetrics id = "{{resultLandingInfo.identifiers?.get('doi')[0]}}" type = "doi" size = "medium-donut" > < / altmetrics >
< / li >
<!-- usage -->
< li * ngIf = "resultLandingInfo.measure.downloads || resultLandingInfo.measure.views" >
< div class = "uk-flex uk-flex-center uk-flex-middle" >
2023-02-13 14:51:15 +01:00
< div class = "uk-margin-large-right" >
< div * ngIf = "resultLandingInfo.measure.downloads" class = "uk-text-center uk-margin-medium-bottom" >
2023-02-16 11:59:18 +01:00
< div class = "uk-text-background uk-text-bold number metrics-number"
[attr.uk-tooltip]="resultLandingInfo.measure.downloads >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.downloads | number}}">{{formatNumber(resultLandingInfo.measure.downloads)}}< / div >
2023-02-13 14:51:15 +01:00
< div class = "uk-text-bold" > Downloads< / div >
2023-02-08 10:21:16 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "resultLandingInfo.measure.views" class = "uk-text-center uk-margin-medium-bottom" >
2023-02-16 11:59:18 +01:00
< div class = "uk-text-background uk-text-bold number metrics-number"
[attr.uk-tooltip]="resultLandingInfo.measure.views >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.views | number}}">{{formatNumber(resultLandingInfo.measure.views)}}< / div >
2023-02-13 14:51:15 +01:00
< div class = "uk-text-bold" > Views< / div >
2023-02-08 10:21:16 +01:00
< / div >
2023-01-23 15:19:00 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< ng-container * ngIf = "viewsFrameUrl || downloadsFrameUrl" >
< div * ngIf = "metricsClicked && downloadsFrameUrl && resultLandingInfo.measure.downloads" class = "uk-margin-large-right" >
< i-frame [ height ] = " 300 " [ url ] = " downloadsFrameUrl " [ addClass ] = " false "
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">< / i-frame >
< / div >
< div * ngIf = "metricsClicked && viewsFrameUrl && resultLandingInfo.measure.views" 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 >
< / ng-container >
2023-01-13 14:57:26 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div class = "uk-text-center uk-margin-large-top" >
2023-02-08 10:21:16 +01:00
< span class = "uk-text-meta" > Powered by< / span >
< 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" >
< / div >
< / li >
< / ul >
< / div >
< / 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-04-20 16:40:18 +02:00
< / div >
2022-06-09 16:51:58 +02:00
<!-- right box/ sidebar -->
2022-04-20 16:40:18 +02:00
< ng-container * ngIf = "resultLandingInfo && hasRightSidebarInfo" >
2022-07-17 15:01:39 +02:00
< div id = "landing-right-sidebar" * ngIf = "!rightSidebarOffcanvasClicked" class = "uk-width-1-3 uk-width-1-4@l uk-padding-remove uk-text-small uk-visible@m"
2023-01-24 14:32:58 +01:00
[class.uk-animation-right]="viewAll">
2022-07-17 15:01:39 +02:00
< div class = "uk-sticky" uk-sticky = "bottom: true" [ attr . offset ] = " offset " >
2022-06-16 18:37:31 +02:00
< div class = "uk-overflow-auto uk-height-1-1" >
< ng-container * ngTemplateOutlet = "right_column" > < / ng-container >
< / div >
2022-04-05 15:50:49 +02:00
< / div >
< / div >
2022-06-17 15:20:17 +02:00
< / ng-container >
< / div >
2022-04-04 11:14:54 +02:00
2022-06-17 15:20:17 +02:00
<!-- right box/ sidebar -->
< ng-container * ngIf = "!showFeedback && resultLandingInfo && hasRightSidebarInfo" >
2022-07-17 15:01:39 +02:00
< div id = "landing-right-sidebar-switcher" uk-toggle href = "#right-column-offcanvas"
2023-01-24 14:32:58 +01:00
class="uk-offcanvas-switcher uk-flex uk-flex-center uk-flex-middle uk-hidden@m"
(click)="rightSidebarOffcanvasClicked = true;">
2023-02-13 14:51:15 +01:00
< icon name = "more" [ ratio ] = " 1 . 5 " customClass = "uk-text-primary" [ flex ] = " true " visuallyHidden = "sidebar" > < / icon >
2022-06-17 15:20:17 +02:00
< / div >
< div id = "right-column-offcanvas" class = "uk-offcanvas" uk-offcanvas = "flip: true; overlay: true;" >
< div class = "uk-offcanvas-bar" >
< button class = "uk-offcanvas-close uk-close uk-icon" type = "button"
(click)="rightSidebarOffcanvasClicked = false">
2023-02-13 14:51:15 +01:00
< icon name = "close" [ ratio ] = " 1 . 5 " visuallyHidden = "close" > < / icon >
2022-06-17 15:20:17 +02:00
< / button >
< div * ngIf = "rightSidebarOffcanvasClicked" >
< ng-container * ngTemplateOutlet = "right_column" > < / ng-container >
< / div >
< / div >
< / div >
< / ng-container >
< ng-template # right_column >
2022-12-20 14:27:18 +01:00
<!-- new metrics box -->
2023-01-13 14:57:26 +01:00
< div * ngIf = "resultLandingInfo && resultLandingInfo.measure"
2023-01-13 07:32:16 +01:00
class="uk-margin-medium-top uk-padding uk-padding-remove-vertical">
2023-02-13 14:51:15 +01:00
< div class = "landing-metrics-card uk-card uk-card-secondary uk-text-small uk-flex uk-padding-small" >
< div class = "uk-width-expand uk-flex uk-flex-middle" >
2023-01-13 14:57:26 +01:00
< div class = "uk-grid uk-grid-small" uk-grid uk-height-match = "target: > div > .cell" >
2023-01-13 07:32:16 +01:00
< div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "resultLandingInfo.measure.citations" class = "cell uk-margin-xsmall-bottom uk-flex uk-flex-middle" > < icon name = "cite" [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon > < / div >
< div * ngIf = "resultLandingInfo.measure.popularity" class = "cell uk-margin-xsmall-bottom uk-flex uk-flex-middle" > < icon name = "fire" [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon > < / div >
< div * ngIf = "resultLandingInfo.measure.influence" class = "cell uk-margin-xsmall-bottom uk-flex uk-flex-middle" > < icon name = "landmark" [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon > < / div >
< div * ngIf = "resultLandingInfo.measure.downloads" class = "cell uk-margin-xsmall-bottom uk-flex uk-flex-middle" > < icon name = "download" [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon > < / div >
< div * ngIf = "resultLandingInfo.measure.views" class = "cell uk-flex uk-flex-middle" > < icon name = "visibility" [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon > < / div >
2023-01-13 14:57:26 +01:00
< / div >
< div >
< div * ngIf = "resultLandingInfo.measure.citations" class = "cell uk-margin-xsmall-bottom" > Citations< / div >
< div * ngIf = "resultLandingInfo.measure.popularity" class = "cell uk-margin-xsmall-bottom" > Popularity< / div >
< div * ngIf = "resultLandingInfo.measure.influence" class = "cell uk-margin-xsmall-bottom" > Influence< / div >
< div * ngIf = "resultLandingInfo.measure.downloads" class = "cell uk-margin-xsmall-bottom" > Downloads< / div >
2023-01-23 15:19:00 +01:00
< div * ngIf = "resultLandingInfo.measure.views" class = "cell" > Views< / div >
2023-01-13 07:32:16 +01:00
< / div >
< div class = "uk-text-uppercase uk-text-bolder" >
2023-02-16 11:59:18 +01:00
< div * ngIf = "resultLandingInfo.measure.citations" [ attr . uk-tooltip ] = " resultLandingInfo . measure . citations > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.citations | number}}" class="cell uk-margin-xsmall-bottom">{{formatNumber(resultLandingInfo.measure.citations)}}< / div >
2023-01-13 14:57:26 +01:00
< div * ngIf = "resultLandingInfo.measure.popularity" class = "cell uk-margin-xsmall-bottom" > {{resultLandingInfo.measure.popularity}}< / div >
< div * ngIf = "resultLandingInfo.measure.influence" class = "cell uk-margin-xsmall-bottom" > {{resultLandingInfo.measure.influence}}< / div >
2023-02-16 11:59:18 +01:00
< div * ngIf = "resultLandingInfo.measure.downloads" [ attr . uk-tooltip ] = " resultLandingInfo . measure . downloads > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.downloads | number}}" class="cell uk-margin-xsmall-bottom">{{formatNumber(resultLandingInfo.measure.downloads)}}< / div >
< div * ngIf = "resultLandingInfo.measure.views" [ attr . uk-tooltip ] = " resultLandingInfo . measure . views > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{resultLandingInfo.measure.views | number}}" class="cell">{{formatNumber(resultLandingInfo.measure.views)}}< / div >
2023-01-13 07:32:16 +01:00
< / div >
< / div >
2022-12-20 14:27:18 +01:00
< / div >
2023-01-13 14:57:26 +01: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" >
2022-12-20 14:27:18 +01:00
< / div >
< / div >
< / div >
2022-06-17 15:20:17 +02:00
< div class = "uk-margin-medium-top uk-list uk-list-large uk-padding uk-padding-remove-vertical" [ class . uk-list-divider ] = " ! viewAll " >
<!-- EOSC Services -->
2022-11-28 13:37:37 +01:00
< div * ngIf = "resultLandingInfo.eoscSubjects?.length > 0 & & properties.adminToolsPortalType == 'eosc'
2023-01-24 14:32:58 +01:00
& & (!viewAll || viewAll=='egiNotebook')">
2022-11-28 13:37:37 +01:00
< div class = "uk-flex uk-flex-between uk-flex-middle uk-margin-small-bottom" >
< span class = "uk-text-light-grey uk-text-nowrap uk-margin-small-right" > Compatible EOSC Services< / span >
< / div >
< div class = "uk-margin-small-bottom uk-flex" >
2022-06-17 15:20:17 +02:00
< img src = "assets/common-assets/eosc-logo.png"
2023-01-24 14:32:58 +01:00
loading="lazy" alt="eosc_logo" style="width:27px; height:27px">
2022-11-28 13:37:37 +01:00
< div class = "uk-margin-small-left uk-flex uk-flex-column uk-flex-center" >
< div * ngFor = "let subject of resultLandingInfo.eoscSubjects; let i=index" class = "uk-text-truncate" >
< a [ href ] = " subject . link " target = "_blank" class = "custom-external" > {{subject.value}}< / a >
< / div >
< / div >
2022-04-04 11:14:54 +02:00
< / div >
2022-06-17 15:20:17 +02:00
< / div >
2022-11-28 13:37:37 +01:00
2022-06-17 15:20:17 +02:00
< div * ngIf = "resultLandingInfo.sdg && resultLandingInfo.sdg.length > 0 && (!viewAll || viewAll=='sdg')" >
2023-02-16 11:59:18 +01:00
< sdg [ subjects ] = " resultLandingInfo . sdg " ( viewAllClicked ) = " openSelectionModal ( $ event ) " ( feedbackClicked ) = " feedbackClicked ( ' Sustainable Development Goals ( SDGs ) ' ) " > < / sdg >
2022-06-17 15:20:17 +02:00
< / div >
< div * ngIf = "resultLandingInfo.fos && resultLandingInfo.fos.length > 0 && (!viewAll || viewAll=='fos')" >
2023-02-16 11:59:18 +01:00
< fos [ subjects ] = " resultLandingInfo . fos " ( viewAllClicked ) = " openSelectionModal ( $ event ) " ( feedbackClicked ) = " feedbackClicked ( ' Fields of Science and Technology ( FOS ) ' ) " > < / fos >
2022-06-17 15:20:17 +02:00
< / div >
<!-- Funded By -->
< div * ngIf = "resultLandingInfo.fundedByProjects && resultLandingInfo.fundedByProjects.length > 0 && (!viewAll || viewAll=='fundedBy')" >
2022-09-06 15:28:51 +02:00
< fundedBy [ fundedByProjects ] = " resultLandingInfo . fundedByProjects " [ provenanceActionVocabulary ] = " provenanceActionVocabulary " ( viewAllClicked ) = " viewAll = $event" > < / fundedBy >
2022-06-17 15:20:17 +02:00
< / div >
<!-- Communities -->
< div * ngIf = "resultLandingInfo.contexts && resultLandingInfo.contexts.length > 0 && !noCommunities && (!viewAll || viewAll=='relatedTo')" >
< relatedTo [ contexts ] = " resultLandingInfo . contexts " [ viewAll ] = " viewAll = ='relatedTo'"
2023-01-13 14:57:26 +01:00
(viewAllClicked)="viewAll=$event" (noCommunities)="noCommunities = true">< / relatedTo >
2022-06-17 15:20:17 +02:00
< / div >
<!-- Download From -->
2023-01-09 17:35:28 +01:00
<!-- <div *ngIf="resultLandingInfo.hostedBy_collectedFrom && resultLandingInfo.hostedBy_collectedFrom.length > 0 && (!viewAll || viewAll=='availableOn')">
2022-06-17 15:20:17 +02:00
< availableOn [ availableOn ] = " resultLandingInfo . hostedBy_collectedFrom " ( viewAllClicked ) = " viewAll = $event" > < / availableOn >
2023-01-09 17:35:28 +01:00
< / div > -->
2022-06-17 15:20:17 +02:00
< / div >
< / ng-template >
2022-04-04 11:14:54 +02:00
< / div >
< / div >
2022-03-08 14:25:58 +01:00
< feedback * ngIf = "resultLandingInfo && properties.reCaptchaSiteKey" [ resultLandingInfo ] = " resultLandingInfo "
2020-03-16 14:09:46 +01:00
[properties]="properties" [entityType]="getTypeName()" [fields]="feedbackFields"
2022-06-09 15:45:39 +02:00
[(showForm)]="showFeedback" [preSelectedField]="feedbackPreSelectedField">< / feedback >
2019-09-05 10:49:33 +02:00
< / div >
2023-01-24 14:32:58 +01:00
<!-- Mobile view -->
< div class = "uk-hidden@m uk-position-relative landing" >
2023-02-13 14:51:15 +01:00
< ng-container * ngIf = "resultLandingInfo" >
< div class = "uk-container uk-section" >
< div * ngIf = "resultLandingInfo.hostedBy_collectedFrom && resultLandingInfo.hostedBy_collectedFrom.length > 0"
class="uk-margin-small-bottom uk-flex uk-flex-middle">
< icon [ name ] = " resultLandingInfo . hostedBy_collectedFrom [ 0 ] . accessRightIcon " [ flex ] = " true " [ ratio ] = " 1 " > < / icon >
< span class = "uk-margin-xsmall-left uk-text-small uk-text-uppercase uk-text-bolder" > {{resultLandingInfo.hostedBy_collectedFrom[0].accessRight}}< / span >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< landing-header [ properties ] = " properties " [ title ] = " resultLandingInfo . title "
[subTitle]="resultLandingInfo.subtitle"
[authors]="resultLandingInfo.authors"
[underCuration]="resultLandingInfo.underCurationMessage"
[entityType]="getTypeName()" [types]="resultLandingInfo.types"
[date]="resultLandingInfo.dateofacceptance" [embargoEndDate]="resultLandingInfo.embargoEndDate"
[publisher]="resultLandingInfo.publisher" [journal]="resultLandingInfo.journal"
[languages]="resultLandingInfo.languages" [programmingLanguages]="resultLandingInfo.programmingLanguages">
< / landing-header >
< div class = "uk-text-small" >
<!-- Identifiers -->
< div * ngIf = "resultLandingInfo.identifiers && resultLandingInfo.identifiers.size > 0" class = "uk-margin-small-top" >
< showIdentifiers [ identifiers ] = " resultLandingInfo . identifiers " [ showViewAll ] = " true " > < / showIdentifiers >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
<!-- SDGs -->
< div * ngIf = "resultLandingInfo.sdg && resultLandingInfo.sdg.length > 0 && (!viewAll || viewAll=='sdg')" class = "uk-margin-small-top" >
< sdg [ subjects ] = " resultLandingInfo . sdg " ( viewAllClicked ) = " viewAll = $event" ( feedbackClicked ) = " feedbackClicked ( ' Sustainable Development Goals ( SDGs ) ' ) " > < / sdg >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
<!-- FOS -->
< div * ngIf = "resultLandingInfo.fos && resultLandingInfo.fos.length > 0 && (!viewAll || viewAll=='fos')" class = "uk-margin-small-top" >
< fos [ subjects ] = " resultLandingInfo . fos " ( viewAllClicked ) = " viewAll = $event" ( feedbackClicked ) = " feedbackClicked ( ' Fields of Science and Technology ( FOS ) ' ) " > < / fos >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< / div >
< div class = "uk-section uk-margin-top uk-text-large uk-text-empashis uk-text-bold" >
2023-01-24 14:32:58 +01:00
< hr >
2023-02-13 14:51:15 +01:00
< ng-container >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Summary< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.references && resultLandingInfo.references.length > 0" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > References< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.relatedResults?.length > 0" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Related Research< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.bioentities && bioentitiesNum> 0" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > External Databases< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "enermapsId && properties.enermapsURL" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Enermaps Tool< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.eoscSubjects?.length > 0 & & properties.adminToolsPortalType == 'eosc'
& & (!viewAll || viewAll=='egiNotebook')">
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Compatible EOSC Services< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.fundedByProjects && resultLandingInfo.fundedByProjects.length > 0 && (!viewAll || viewAll=='fundedBy')" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Funded by< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.contexts && resultLandingInfo.contexts.length > 0 && !noCommunities && (!viewAll || viewAll=='relatedTo')" >
< div class = "uk-flex uk-flex-middle uk-flex-between" >
< span > Related to Research Communities< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< / div >
< / div >
< div class = "landing-action-bar-mobile uk-background-default" >
< div class = "uk-container uk-flex uk-flex-middle uk-flex-between uk-text-xsmall uk-text-meta" >
< div >
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" >
< icon * ngIf = "getTypeName().toLowerCase() == 'publication'" name = "description" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'research data'" name = "database" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'research software'" name = "integration_instructions" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'other research product'" name = "apps" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'project'" name = "assignment_turned_in" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'data source'" name = "note_add" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'organization'" name = "corporate_fare" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< span > {{getTypeName()}}< / span >
< / a >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div * ngIf = "resultLandingInfo && (resultLandingInfo.measure || hasAltMetrics)" >
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" >
< icon name = "bar_chart" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< span > Metrics< / span >
< / a >
2023-01-24 14:32:58 +01:00
< / div >
2023-02-13 14:51:15 +01:00
< div >
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" >
< icon name = "pending" type = "outlined" [ flex ] = " true " [ ratio ] = " 2 " > < / icon >
< span > Actions< / span >
< / a >
2023-01-24 14:32:58 +01:00
< / div >
< / div >
< / div >
2023-02-13 14:51:15 +01:00
< / ng-container >
2023-01-24 14:32:58 +01:00
< / div >
2020-05-25 20:58:13 +02:00
<!-- Other versions -->
< modal-alert * ngIf = "resultLandingInfo && resultLandingInfo.deletedByInferenceIds"
2023-01-24 14:32:58 +01:00
#AlertModalDeletedByInference large="true">
2020-05-25 20:58:13 +02:00
< deletedByInference * ngIf = "type == 'publication' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[modal]="AlertModalDeletedByInference"
2022-05-04 12:57:13 +02:00
[resultType]="type" [type]="openaireEntities.PUBLICATIONS">< / deletedByInference >
2020-05-25 20:58:13 +02:00
< deletedByInference * ngIf = "type == 'dataset' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[modal]="AlertModalDeletedByInference"
2022-05-04 12:57:13 +02:00
[resultType]="'dataset'" [type]="openaireEntities.DATASETS">< / deletedByInference >
2020-05-25 20:58:13 +02:00
< deletedByInference * ngIf = "type == 'software' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[modal]="AlertModalDeletedByInference"
2022-05-04 12:57:13 +02:00
[resultType]="type" [type]="openaireEntities.SOFTWARE">< / deletedByInference >
2020-05-25 20:58:13 +02:00
< deletedByInference * ngIf = "type == 'orp' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[modal]="AlertModalDeletedByInference"
2022-05-04 12:57:13 +02:00
[resultType]="'other'" [type]="openaireEntities.OTHER">< / deletedByInference >
2020-05-25 20:58:13 +02:00
< / modal-alert >
2022-04-20 16:40:18 +02:00
< modal-alert * ngIf = "resultLandingInfo" # citeModal >
< citeThis * ngIf = "citeThisClicked" [ result ] = " resultLandingInfo " [ id ] = " id "
2021-02-10 13:50:02 +01:00
[type]="title.toLowerCase()" [piwikSiteId]="piwikSiteId">< / citeThis >
2020-05-20 14:56:21 +02:00
< / modal-alert >
2019-07-23 14:23:12 +02:00
2022-04-20 16:40:18 +02:00
< modal-alert * ngIf = "resultLandingInfo"
2023-01-24 14:32:58 +01:00
#addThisModal classBody="uk-flex uk-flex-center uk-flex-middle">
2022-04-20 16:40:18 +02:00
< addThis > < / addThis >
< / modal-alert >
< modal-alert * ngIf = "resultLandingInfo && resultLandingInfo.organizations" # organizationsModal >
< ng-container * ngTemplateOutlet = "organizations_template; context: { threshold: resultLandingInfo.organizations.length}" > < / ng-container >
< / modal-alert >
2022-09-21 12:32:21 +02:00
< modal-alert * ngIf = "resultLandingInfo?.description" # descriptionModal
[large]="true">
< div [ innerHTML ] = " resultLandingInfo . description " > < / div >
< / modal-alert >
2023-02-16 11:59:18 +01:00
< modal-alert * ngIf = "resultLandingInfo && resultLandingInfo.sdg?.length > 0"
#sdgSelectionModal [large]="true">
< sdg-selection [ subjects ] = " resultLandingInfo . sdg " [ properties ] = " properties " > < / sdg-selection >
< / modal-alert >
< modal-alert * ngIf = "resultLandingInfo && resultLandingInfo.fos?.length > 0"
#fosSelectionModal [large]="true">
< div >
< fos-selection [ subjects ] = " resultLandingInfo . fos " [ properties ] = " properties " > < / fos-selection >
< / div >
< / modal-alert >
2022-04-20 16:40:18 +02:00
< ng-template # organizations_template let-threshold = "threshold" >
< ul class = "uk-list organizations uk-margin-remove-top" >
< li * ngFor = "let organization of resultLandingInfo.organizations.slice(0, threshold)" class = "uk-tile uk-tile-default uk-padding-small" >
< a [ routerLink ] = " properties . searchLinkToOrganization . split ( ' ? ' ) [ 0 ] " [ queryParams ] = " { organizationId: organization . id } " class = "uk-link-text uk-text-bold" >
{{(organization.name ? organization.name : (organization.shortname?organization.shortname:'[No title available]'))}}
< span * ngIf = "!organization.name && organization.shortname" > ({{organization.shortname}})< / span >
< / a >
< div * ngIf = "organization.country && !organization.country.toLowerCase().includes('unknown')" class = "uk-text-xsmall uk-text-muted" > {{organization.country}}< / div >
< / li >
< / ul >
< / ng-template >
2022-04-04 11:14:54 +02:00
2022-05-04 12:57:13 +02:00
< ng-template # relation_in_tab let-researchResults = "researchResults" let-header = "header" >
2022-04-04 11:14:54 +02:00
< div
*ngIf="researchResults & & researchResults.length > 0"
class="uk-margin-bottom">
< h6 * ngIf = "header" > {{header}}< / h6 >
2022-05-04 12:57:13 +02:00
< div * ngIf = "relatedClassFilters?.length > 1" class = "uk-margin-medium-bottom"
2023-01-24 14:32:58 +01:00
input type="select" placeholder="Filter by relation" inputClass="flat x-small"
[options]="relatedClassFilters" [(value)]="relatedClassSelected"
(valueChange)="relatedClassChanged()">< / div >
2022-05-04 12:57:13 +02:00
2022-04-20 16:40:18 +02:00
< results-and-pages
2022-04-28 11:13:06 +02:00
[type]="openaireEntities.RESULTS"
2022-04-04 11:14:54 +02:00
[page]="relatedPage" [pageSize]="pageSize"
[totalResults]="researchResults.length">
2022-04-20 16:40:18 +02:00
< / results-and-pages >
2022-04-04 11:14:54 +02:00
< ul class = "uk-list uk-list-divider uk-margin" >
< li * ngFor = "let item of researchResults.slice((relatedPage-1)*pageSize, relatedPage*pageSize)" >
< result-preview [ modal ] = " relationModal " [ properties ] = " properties "
2022-09-06 15:28:51 +02:00
[result]="getResultPreview(item)" [provenanceActionVocabulary]="provenanceActionVocabulary"
[relationsVocabulary]="relationsVocabulary"
2022-04-04 11:14:54 +02:00
[isCard]="false">< / result-preview >
< / li >
< / ul >
2022-04-20 16:40:18 +02:00
< paging-no-load * ngIf = "researchResults.length > pageSize"
class="uk-margin-top"
2022-04-04 11:14:54 +02:00
(pageChange)="updateRelatedPage($event)"
2022-04-20 16:40:18 +02:00
[currentPage]="relatedPage" [size]="pageSize"
2022-04-04 11:14:54 +02:00
[totalResults]="researchResults.length">
2022-04-20 16:40:18 +02:00
< / paging-no-load >
2022-04-04 11:14:54 +02:00
< / div >
< / ng-template >
