2024-02-07 15:56:16 +01:00
<!-- schema.org -->
< schema2jsonld * ngIf = "resultLandingInfo && resultLandingInfo.record"
[data]=resultLandingInfo.record [URL]="canonicalUrl"
[searchActionRoute]="properties.searchLinkToResults">< / schema2jsonld >
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" >
2023-02-20 16:56:02 +01:00
< div * ngIf = "!isMobile" class = "tm-main" >
2022-05-05 19:54:01 +02:00
< div class = "publication" >
2023-03-16 16:53:28 +01:00
< div * ngIf = "properties.adminToolsPortalType == 'eosc'" class = "eosc-explore-back-search-bar" >
2023-07-20 16:06:46 +02:00
< div class = "uk-light uk-container uk-container-large uk-margin-left uk-height-1-1" >
2023-03-16 16:53:28 +01:00
< 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-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-08-22 16:08:46 +02:00
uk-sticky="end: 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"
[pageViews]="pageViews"
[id]="id" [entityType]="'results'" [entity]="title"
[viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl"
2023-04-20 19:06:53 +02:00
(metricsResults)="metricsResults($event)" [properties]=properties
[prevPath]="prevPath">
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-03-31 12:28:35 +02: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-03-31 12:28:35 +02: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-03-31 12:28:35 +02: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-11-11 10:55:15 +01:00
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi')"
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-08-23 10:43:07 +02:00
< div class = "uk-padding-xsmall" >
< div class = "uk-container uk-container-xlarge uk-flex uk-flex-between uk-flex-wrap uk-margin-small-top uk-margin-small-bottom" [ class . uk-invisible ] = " ! resultLandingInfo " >
2022-04-20 16:40:18 +02:00
<!-- Last Index Info -->
2023-03-27 13:29:45 +02:00
< a href = "https://graph.openaire.eu" target = "_blank" class = "uk-width-1-1 uk-width-auto@l" >
2023-03-28 18:27:02 +02:00
< img src = "assets/common-assets/openaire-badge-1.png" alt = "Powered by OpenAIRE graph" style = "height: 15px;" >
2023-03-27 13:29:45 +02:00
< / 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-20 16:40:18 +02:00
<!-- Feedback -->
2023-03-27 13:29:45 +02:00
< div * ngIf = "properties.reCaptchaSiteKey" class = "uk-width-1-1 uk-width-auto@l" >
2023-03-28 18:27:02 +02:00
< span class = "uk-text-meta uk-text-xsmall" > Found an issue? < / span >
2022-06-09 15:45:39 +02:00
< a ( click ) = " feedbackClicked ( ) " class = "uk-text-xsmall" > Give us feedback< / a >
2022-04-20 16:40:18 +02:00
< / div >
< / div >
2023-08-23 10:43:07 +02:00
< / div >
2022-04-20 16:40:18 +02:00
< / 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-08-22 16:08:46 +02:00
uk-sticky="end: true;" [attr.offset]="graph_offset">
2022-04-20 16:40:18 +02:00
< ng-container * ngTemplateOutlet = "graph_and_feedback_template" > < / ng-container >
< / div >
2023-03-31 12:28:35 +02:00
< div class = "uk-container uk-container-xlarge" >
2023-02-08 10:21:16 +01:00
2023-03-31 12:28:35 +02:00
< div * ngIf = "errorMessage.length > 0 || showLoading" class = "uk-container uk-flex uk-flex-center uk-height-viewport uk-position-relative" >
< div * ngIf = "errorMessage.length > 0" class = "uk-alert uk-alert-danger uk-width-2-3 uk-margin-xlarge-top"
role="alert">{{errorMessage}}< / div >
< div * ngIf = "showLoading" class = "uk-position-center" >
< loading > < / loading >
< / div >
< / div >
2023-06-08 09:55:12 +02:00
< div * ngIf = "!showLoading && resultLandingInfo" class = "uk-margin-top uk-margin-bottom" >
2023-03-31 12:28:35 +02:00
< div class = "uk-flex uk-flex-middle uk-flex-center" >
< div class = "landing-action-bar uk-box-shadow-small uk-margin-bottom" >
2023-04-21 11:49:14 +02:00
< div class = "uk-grid uk-grid-small uk-flex-between uk-text-xsmall uk-flex-middle uk-grid-divider" uk-grid >
< div class = "uk-width-auto" >
< div class = "uk-grid uk-grid-small uk-child-width-auto" uk-grid >
2023-07-05 10:40:43 +02:00
< availableOn * ngIf = "resultLandingInfo?.hostedBy_collectedFrom?.length"
[availableOn]="resultLandingInfo.hostedBy_collectedFrom" [prevPath]="prevPath">< / availableOn >
2023-04-21 11:49:14 +02:00
<!-- Versions -->
< a * ngIf = "resultLandingInfo?.deletedByInferenceIds" ( click ) = " openDeletedByInference ( ) "
class="uk-flex uk-flex-middle uk-flex-center uk-button-link uk-text-bolder">
< icon [ flex ] = " true " [ ratio ] = " 0 . 8 " name = "versions" visuallyHidden = "versions" > < / icon >
< span class = "uk-margin-xsmall-left" >
View all {{resultLandingInfo.deletedByInferenceIds.length}} versions
< / span >
< / a >
< / div >
< / div >
< div class = "uk-width-expand" >
< entity-actions [ cite ] = " true " [ share ] = " true " [ linking ] = " true "
[type]="resultLandingInfo.resultType"
[result]="resultLandingInfo" [id]="resultLandingInfo.objIdentifier">
<!-- 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">
< egi-transfer-data [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " > < / egi-transfer-data >
< / div >
< / entity-actions >
< / div >
2023-03-31 12:28:35 +02:00
< / 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 ' ) " >
2024-02-07 15:56:16 +01:00
2023-03-31 12:28:35 +02:00
<!-- Actions for mobile viewport -->
< div class = "uk-flex uk-flex-right uk-margin-medium-bottom uk-hidden@s" >
<!-- 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 ' & &
2023-07-27 14:28:40 +02:00
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi') & &
2023-03-31 12:28:35 +02:00
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1"
class="">
< egi-transfer-data [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " > < / egi-transfer-data >
< / div >
< / div >
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
2023-09-04 11:48:17 +02:00
2023-09-04 13:46:25 +02:00
< i class = "uk-text-meta uk-text-xsmall" * ngIf = "properties.adminToolsPortalType == 'eosc' && !belongsInEOSC && properties.environment !== 'production'" >
2023-09-04 11:48:17 +02:00
This {{getTypeName() | lowercase}} is not part of the European Open Science Cloud
< / i >
2023-03-31 12:28:35 +02: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"
2023-05-09 18:04:06 +02:00
[languages]="resultLandingInfo.languages" [programmingLanguages]="resultLandingInfo.programmingLanguages"
2023-07-19 11:20:49 +02:00
[prevPath]="prevPath" [countries]="resultLandingInfo.countries"
2023-12-20 22:55:00 +01:00
[publiclyFunded]="resultLandingInfo.publiclyFunded"
2023-07-19 11:20:49 +02:00
[projects]="resultLandingInfo.fundedByProjects">
2023-03-31 12:28:35 +02:00
< / 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 > -->
< / div >
< / div >
< div id = "main-tabs-div" class = "uk-sticky uk-blur-background"
2023-08-22 16:08:46 +02:00
uk-sticky="end: true; media: @m" [attr.offset]="offset">
2023-03-31 12:28:35 +02:00
< div class = "uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom" >
2023-05-15 16:28:33 +02:00
< landing-header [ ngClass ] = " stickyHeader ? ' uk-visible @ m ' : ' uk-invisible ' "
2023-03-31 12:28:35 +02:00
[properties]="properties" [title]="resultLandingInfo.title"
[underCuration]="resultLandingInfo.underCurationMessage"
[entityType]="getTypeName()" [types]="resultLandingInfo.types"
[date]="resultLandingInfo.dateofacceptance" [embargoEndDate]="resultLandingInfo.embargoEndDate"
2023-05-09 18:04:06 +02:00
isSticky="true" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / 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 >
2024-01-25 11:31:14 +01:00
< my-tab * ngIf = "hasSubjects"
2023-04-06 11:46:50 +02:00
[tabTitle]="'Subjects'" [tabId]="'subjects'">
< / my-tab >
2023-03-31 12:28:35 +02:00
< 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 >
2023-11-15 16:34:15 +01:00
< my-tab * ngIf = "resultLandingInfo && (resultLandingInfo.measure || hasAltMetrics)"
[tabTitle]="'Metrics'" [tabId]="'metrics'">
< / my-tab >
2023-03-31 12:28:35 +02:00
< my-tab * ngIf = "enermapsId && properties.enermapsURL"
[tabTitle]="'Enermaps Tool'" [tabId]="'enermaps'"
customClass="portalTab">
< / my-tab >
< / my-tabs >
< / div >
< / div >
< div id = "landing-sections" class = "uk-text-small" >
< ng-container >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "summary_content" > < / ng-container >
2023-03-31 12:28:35 +02:00
< / ng-container >
2024-01-25 11:31:14 +01:00
< ng-container * ngIf = "hasSubjects" >
2023-04-06 11:46:50 +02:00
< ng-container * ngTemplateOutlet = "subjects_content" > < / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "resultLandingInfo.references && resultLandingInfo.references.length > 0" >
< ng-container * ngTemplateOutlet = "references_content" > < / ng-container >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.relatedResults?.length > 0" >
2023-07-06 15:29:17 +02:00
< div id = "all_related" class = "landing-section" >
2023-03-31 12:28:35 +02:00
< ng-container * ngTemplateOutlet = "relation_in_tab; context: { researchResults: filteredRelatedResults, header: ''}" > < / ng-container >
< / div >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.bioentities && bioentitiesNum> 0" >
2023-07-06 15:29:17 +02:00
< div id = "bioentities" class = "landing-section" >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "bioentities_content" > < / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< / ng-container >
2023-11-15 16:34:15 +01:00
< ng-container * ngIf = "resultLandingInfo && ((resultLandingInfo.measure && (resultLandingInfo.measure.bip.length || resultLandingInfo.measure.counts.length)) || hasAltMetrics)" >
< ng-container * ngTemplateOutlet = "metricsContent" > < / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "enermapsId && properties.enermapsURL" >
2023-07-06 15:29:17 +02:00
< div id = "enermaps" class = "landing-section" >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "enermapsTool_content" > < / ng-container >
2023-03-31 12:28:35 +02:00
< / 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 >
2023-02-08 10:21:16 +01:00
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-03-31 12:28:35 +02:00
[class.uk-animation-right]="viewAll">
2023-08-22 16:08:46 +02:00
< div class = "uk-sticky" uk-sticky = "end: 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" >
2023-09-04 14:15:26 +02:00
< a id = "landing-right-sidebar-switcher" uk-toggle href = "#right-column-offcanvas"
class="uk-offcanvas-switcher uk-flex uk-link-reset uk-flex-center uk-flex-middle uk-hidden@m"
2023-03-31 12:28:35 +02:00
(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 >
2023-09-04 14:15:26 +02:00
< / a >
2022-06-17 15:20:17 +02:00
< 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 >
2023-03-31 12:28:35 +02:00
<!-- new metrics box -->
2023-05-04 10:58:11 +02:00
< div * ngIf = "resultLandingInfo && resultLandingInfo.measure && (resultLandingInfo.measure.bip.length || resultLandingInfo.measure.counts.length) && !viewAll"
2023-03-31 12:28:35 +02:00
class="uk-margin-medium-top uk-padding uk-padding-remove-vertical">
2023-07-12 16:22:45 +02:00
< div class = "landing-metrics-card uk-text-small uk-flex uk-padding-small" >
2023-12-28 15:34:43 +01:00
< div class = "uk-width-expand uk-flex uk-flex-top" >
2023-03-31 12:28:35 +02:00
< div class = "uk-grid uk-grid-small uk-flex-nowrap" uk-grid uk-height-match = "target: > div > .cell" >
< div >
2023-05-04 10:58:11 +02:00
< ng-container * ngIf = "resultLandingInfo.measure.bip.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.bip" >
2023-10-16 11:53:40 +02:00
< div class = "cell uk-flex uk-flex-middle uk-margin-xsmall-bottom" >
2023-05-04 10:58:11 +02:00
< icon [ name ] = " measure . icon " [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon >
< / div >
< / ng-container >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.measure.counts.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "cell uk-flex uk-flex-middle" [ class . uk-margin-xsmall-bottom ] = " i ! = resultLandingInfo . measure . counts . length - 1 " >
< icon [ name ] = " measure . icon " [ ratio ] = " 0 . 8 " [ flex ] = " true " > < / icon >
< / div >
< / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< div >
2023-05-04 10:58:11 +02:00
< ng-container * ngIf = "resultLandingInfo.measure.bip.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.bip" >
2023-10-16 11:53:40 +02:00
< div class = "cell uk-margin-xsmall-bottom" >
2023-05-04 10:58:11 +02:00
< a class = "uk-text-capitalize" > {{measure.name}}< / a >
< ng-container * ngTemplateOutlet = "dropInfo; context: {option: measure.name, isCompact: false}" > < / ng-container >
< / div >
< / ng-container >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.measure.counts.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "cell" [ class . uk-margin-xsmall-bottom ] = " i ! = resultLandingInfo . measure . counts . length - 1 " >
< a class = "uk-text-capitalize" > {{measure.name}}< / a >
< ng-container * ngTemplateOutlet = "dropInfo; context: {option: measure.name, isCompact: false}" > < / ng-container >
< / div >
< / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< div class = "uk-text-uppercase uk-text-bolder" >
2023-05-04 10:58:11 +02:00
< ng-container * ngIf = "resultLandingInfo.measure.bip.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.bip" >
2023-10-16 11:53:40 +02:00
< ng-container * ngIf = "isNumber(measure.value)" >
< div [ attr . uk-tooltip ] = " measure . value > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
2023-05-04 10:58:11 +02:00
title="{{measure.value | number}}" class="cell uk-margin-xsmall-bottom">
{{formatNumber(measure.value)}}
< / div >
< / ng-container >
2023-10-16 11:53:40 +02:00
< ng-container * ngIf = "!isNumber(measure.value)" >
< div class = "cell uk-margin-xsmall-bottom" >
2023-05-04 10:58:11 +02:00
{{measure.value}}
< / div >
< / ng-container >
< / ng-container >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.measure.counts.length" >
< ng-container * ngFor = "let measure of resultLandingInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" [ attr . uk-tooltip ] = " measure . value > = 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}" class="cell" [class.uk-margin-xsmall-bottom]="i != resultLandingInfo.measure.counts.length - 1">
{{formatNumber(measure.value)}}
< / div >
< / ng-container >
< / ng-container >
2023-03-31 12:28:35 +02:00
< / div >
< / div >
< / div >
2023-07-12 16:22:45 +02:00
<!-- <div class="uk - width - 1 - 5 uk - flex uk - flex - bottom"> -->
<!-- <img src="assets/common - assets/metrics - badge.svg" loading="lazy" alt="Metrics badge"> -->
<!-- </div> -->
2023-03-31 12:28:35 +02:00
< / div >
< / div >
2023-12-21 09:36:05 +01:00
< div * ngIf = "resultLandingInfo && resultLandingInfo.oaRoutes && !viewAll"
class="uk-margin-medium-top uk-padding uk-padding-remove-vertical">
< div class = "landing-oaroutes-card uk-text-small uk-flex uk-padding-small" >
< div >
< div class = "uk-flex uk-flex-top" uk-grid >
< div * ngIf = "resultLandingInfo.oaRoutes.green" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-margin-remove-top" >
< div class = "dot green" > < / div >
< div class = "uk-text-capitalize" > Green< / div >
< / div >
< div * ngIf = "resultLandingInfo.oaRoutes.oaColor" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-margin-remove-top" >
< div class = "dot" [ ngClass ] = " resultLandingInfo . oaRoutes . oaColor " > < / div >
< div class = "uk-text-capitalize" > {{resultLandingInfo.oaRoutes.oaColor}}< / div >
< / div >
< / div >
< div * ngIf = "resultLandingInfo.oaRoutes.isInDiamondJournal" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-text-truncate" >
< div class = "dot diamond" > < / div >
< div > Published in a Diamond OA journal< / div >
< / div >
< / 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-03-31 12:28:35 +02:00
& & (!viewAll || viewAll=='egiNotebook')">
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "compatibleEOSC_content" > < / ng-container >
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-17 18:08:44 +01:00
< sdg [ subjects ] = " resultLandingInfo . sdg " ( viewAllClicked ) = " viewAll = $event" ( suggestClicked ) = " suggestClicked ( $ event ) " > < / sdg >
2022-06-17 15:20:17 +02:00
< / div >
< div * ngIf = "resultLandingInfo.fos && resultLandingInfo.fos.length > 0 && (!viewAll || viewAll=='fos')" >
2023-02-20 15:34:12 +01:00
< fos [ subjects ] = " resultLandingInfo . fos " ( viewAllClicked ) = " viewAll = $event" ( suggestClicked ) = " suggestClicked ( $ event ) " > < / fos >
2022-06-17 15:20:17 +02:00
< / div >
<!-- Funded By -->
< div * ngIf = "resultLandingInfo.fundedByProjects && resultLandingInfo.fundedByProjects.length > 0 && (!viewAll || viewAll=='fundedBy')" >
2023-04-20 19:06:53 +02:00
< fundedBy [ fundedByProjects ] = " resultLandingInfo . fundedByProjects " [ provenanceActionVocabulary ] = " provenanceActionVocabulary " ( viewAllClicked ) = " viewAll = $event"
[prevPath]="prevPath">< / fundedBy >
2022-06-17 15:20:17 +02:00
< / div >
<!-- Communities -->
2023-02-20 15:34:12 +01:00
< div * ngIf = "resultLandingInfo.contexts && resultLandingInfo.contexts.length > 0 && !noCommunities && (!viewAll || viewAll=='relatedTo')"
2023-03-31 12:28:35 +02:00
class="uk-margin-bottom">
2022-06-17 15:20:17 +02:00
< relatedTo [ contexts ] = " resultLandingInfo . contexts " [ viewAll ] = " viewAll = ='relatedTo'"
2023-03-31 12:28:35 +02: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 -->
2023-02-20 16:56:02 +01:00
< div * ngIf = "isMobile" class = "uk-hidden@m uk-position-relative landing" >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "resultLandingInfo" >
2023-07-20 16:06:46 +02:00
< div * ngIf = "properties.adminToolsPortalType == 'eosc'" class = "eosc-explore-back-search-bar" >
< div class = "uk-light uk-container uk-height-1-1" >
< div class = "uk-flex uk-flex-inline uk-flex-middle uk-height-1-1" >
< a [ href ] = " eoscBackLink " target = "_self" class = "uk-link-reset uk-flex uk-flex-middle uk-text-light uk-text-small" >
< 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 >
2023-03-31 12:28:35 +02:00
< div * ngIf = "mobileContent == 'info'" 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"
2023-02-20 16:56:02 +01:00
[ngClass]="(resultLandingInfo.hostedBy_collectedFrom[0].accessRightIcon == 'open_access' ? 'open-access' : 'closed-access')">
2023-03-31 12:28:35 +02:00
< icon [ name ] = " resultLandingInfo . hostedBy_collectedFrom [ 0 ] . accessRightIcon " [ flex ] = " true " [ ratio ] = " 1 " > < / icon >
2023-05-08 15:41:42 +02:00
< span class = "uk-margin-xsmall-left uk-text-small uk-text-uppercase uk-text-bolder" > {{getAccessLabel(resultLandingInfo.hostedBy_collectedFrom[0].accessRight)}}< / span >
2023-03-31 12:28:35 +02:00
< / div >
2023-09-04 13:46:25 +02:00
< i class = "uk-text-meta uk-text-xsmall" * ngIf = "properties.adminToolsPortalType == 'eosc' && !belongsInEOSC && properties.environment !== 'production'" >
2023-09-04 11:48:17 +02:00
This {{getTypeName() | lowercase}} is not part of the European Open Science Cloud
< / i >
2023-03-31 12:28:35 +02: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"
2023-12-20 22:55:00 +01:00
[publiclyFunded]="resultLandingInfo.publiclyFunded" [projects]="resultLandingInfo.fundedByProjects"
2023-05-09 18:04:06 +02:00
[isMobile]="true" [prevPath]="prevPath">
2023-03-31 12:28:35 +02:00
< / 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 " [ isMobile ] = " true " > < / showIdentifiers >
< / div >
<!-- SDGs -->
< div * ngIf = "resultLandingInfo.sdg && resultLandingInfo.sdg.length > 0 && !viewAllMobile" class = "uk-margin-small-top" >
< sdg [ subjects ] = " resultLandingInfo . sdg " ( suggestClicked ) = " suggestMobileClicked ( $ event ) "
2023-02-20 16:56:02 +01:00
(viewAllClicked)="viewAllMobile=$event; openFsModal(sdgsFsModal, 'Sustainable Development Goals (SDGs)')">< / sdg >
2023-03-31 12:28:35 +02:00
< / div >
<!-- FOS -->
< div * ngIf = "resultLandingInfo.fos && resultLandingInfo.fos.length > 0 && !viewAllMobile" class = "uk-margin-small-top" >
< fos [ subjects ] = " resultLandingInfo . fos " ( suggestClicked ) = " suggestMobileClicked ( $ event ) "
2023-02-20 16:56:02 +01:00
(viewAllClicked)="viewAllMobile=$event; openFsModal(fosFsModal, 'Fields of Science (FoS)')">< / fos >
2023-03-31 12:28:35 +02:00
< / div >
2023-12-22 15:20:15 +01:00
<!-- OA Routes -->
< div * ngIf = "resultLandingInfo.oaRoutes && !viewAllMobile" class = "uk-margin-top uk-grid uk-grid-small uk-grid-divider" uk-grid >
< div class = "uk-width-auto uk-text-meta" >
2024-01-24 16:10:45 +01:00
Access Routes
2023-12-22 15:20:15 +01:00
< / div >
< div class = "uk-width-expand uk-flex" >
< div >
< div class = "uk-flex uk-flex-top" uk-grid >
< div * ngIf = "resultLandingInfo.oaRoutes.green" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-margin-remove-top" >
< div class = "dot green" > < / div >
< div class = "uk-text-capitalize" > Green< / div >
< / div >
< div * ngIf = "resultLandingInfo.oaRoutes.oaColor" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-margin-remove-top" >
< div class = "dot" [ ngClass ] = " resultLandingInfo . oaRoutes . oaColor " > < / div >
< div class = "uk-text-capitalize" > {{resultLandingInfo.oaRoutes.oaColor}}< / div >
< / div >
< / div >
< div * ngIf = "resultLandingInfo.oaRoutes.isInDiamondJournal" class = "uk-flex-nowrap uk-flex uk-flex-middle uk-margin-xsmall-bottom uk-text-truncate" >
< div class = "dot diamond" > < / div >
< div > Published in a Diamond OA journal< / div >
< / div >
< / div >
< / div >
< / div >
2023-03-31 12:28:35 +02:00
< / div >
< div class = "uk-section uk-margin-top uk-text-large uk-text-empashis uk-text-bold" >
< hr >
< ng-container >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( summaryFsModal , ' Summary ' ) ; onSelectActiveTab ( ' summary ' ) " >
< span > Summary< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
2024-01-25 11:31:14 +01:00
< ng-container * ngIf = "hasSubjects" >
2023-04-06 11:46:50 +02:00
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( subjectsFsModal , ' Subjects ' ) ; onSelectActiveTab ( ' subjects ' ) " >
< span > Subjects< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "resultLandingInfo.references && resultLandingInfo.references.length > 0" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( referencesFsModal , ' References ' ) ; onSelectActiveTab ( ' references ' ) " >
< 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 = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( relatedResearchFsModal , ' Related Research ' ) ; onSelectActiveTab ( ' all_related ' ) " >
< 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 = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( bioentitiesFsModal , ' External Databases ' ) ; onSelectActiveTab ( ' bioentities ' ) " >
< span > External Databases< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.eoscSubjects?.length > 0 & & properties.adminToolsPortalType == 'eosc'
2023-03-31 12:28:35 +02:00
& & (!viewAll || viewAll=='egiNotebook')">
2023-02-20 16:56:02 +01:00
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( compatibleEOSCFsModal , ' Compatible EOSC Services ' ) ; onSelectActiveTab ( ' summary ' ) " >
< span > Compatible EOSC Services< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
2023-07-27 14:28:40 +02:00
< hr >
2023-02-20 16:56:02 +01:00
< / ng-container >
< ng-container * ngIf = "resultLandingInfo.fundedByProjects && resultLandingInfo.fundedByProjects.length > 0 && (!viewAll || viewAll=='fundedBy')" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( fundedByFsModal , ' Funded by ' ) ; onSelectActiveTab ( ' summary ' ) " >
< 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 = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( relatedCommunitiesFsModal , ' Related to Research Communities ' ) ; onSelectActiveTab ( ' summary ' ) " >
< span > Related to Research Communities< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
2023-03-31 12:28:35 +02:00
< ng-container * ngIf = "enermapsId && properties.enermapsURL" >
< div class = "clickable uk-flex uk-flex-middle uk-flex-between" ( click ) = " openFsModal ( enermapsToolFsModal , ' Enermaps Tool ' ) ; onSelectActiveTab ( ' enermaps ' ) " >
< span > Enermaps Tool< / span >
< icon name = "chevron_right" [ ratio ] = " 1 . 5 " [ flex ] = " true " > < / icon >
< / div >
< hr >
< / ng-container >
< / div >
< / div >
2023-02-21 15:10:21 +01:00
< div * ngIf = "mobileContent == 'metrics'" class = "uk-container uk-section" >
< ng-container * ngTemplateOutlet = "metricsContent" > < / ng-container >
< / div >
< div * ngIf = "mobileContent == 'actions'" class = "uk-container uk-section" >
< ng-container * ngIf = "resultLandingInfo?.hostedBy_collectedFrom" >
2023-10-11 11:46:10 +02:00
< div class = "" >
2023-07-27 14:28:40 +02:00
< div class = "clickable uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-remove"
(click)=" onSelectActiveTab('availableOn')">
< availableOn [ availableOn ] = " resultLandingInfo . hostedBy_collectedFrom " ( viewAllClicked ) = " viewAll = $event"
[isMobile]="true" [usedBy]="'landing'" class="uk-width-1-1" [prevPath]="prevPath">< / availableOn >
< / div >
2023-02-21 15:10:21 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container * ngIf = "resultLandingInfo?.deletedByInferenceIds" >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-remove"
(click)="deleteByInferenceOpened = true; openFsModal(alertModalDeletedByInferenceFS, 'Other versions')">
< icon [ flex ] = " true " name = "versions" visuallyHidden = "versions" > < / icon >
< span class = "uk-margin-small-left" >
View all {{resultLandingInfo.deletedByInferenceIds.length}} versions
< / span >
< / div >
2023-02-21 15:10:21 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable"
(click)="openFsModal(addThisFsModal, 'Share this '+getTypeName()+' in your social networks')">
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "share" visuallyHidden = "share" > < / icon >
< span class = "uk-margin-small-left" > Share< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > Share this {{getTypeName()}} in your social networks< / div >
< / div >
2023-02-21 15:10:21 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div class = "clickable"
(click)="citeThisClicked=true; openFsModal(citeFsModal, 'Cite this '+getTypeName())">
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "cite" visuallyHidden = "cite" > < / icon >
< span class = "uk-margin-small-left" > Cite< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" > Cite this {{getTypeName()}}< / div >
< / div >
2023-02-21 15:10:21 +01:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container * ngIf = "properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community' || properties.adminToolsPortalType == 'aggregator'" >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal " >
2023-02-21 15:10:21 +01:00
< orcid-work [ resultId ] = " id " [ resultTitle ] = " resultLandingInfo ? . title " [ resultLandingInfo ] = " resultLandingInfo "
2023-07-27 14:28:40 +02:00
[pids]="pidsArrayString" [pageType]="'landing'" [isMobile]="true"
class="uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-remove">
2023-02-21 15:10:21 +01:00
< / orcid-work >
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
< ng-container * ngIf = "isRouteAvailable('participate/direct-claim')" >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< a class = "uk-link-reset uk-margin-remove"
[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'project'])"
routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
< div class = "uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-xsmall-bottom" >
< icon [ flex ] = " true " name = "link_to" visuallyHidden = "link" > < / icon >
< span class = "uk-margin-small-left" >
Link to
< / span >
< / div >
< div class = "uk-padding uk-padding-remove-vertical uk-text-meta uk-text-xsmall" >
< span class = "uk-flex uk-flex-middle" > Link this {{getTypeName()}} to ...< / span >
< / div >
< / a >
< / div >
2023-02-21 15:10:21 +01:00
< hr class = "uk-margin-remove" >
< / ng-container >
2023-07-20 16:06:46 +02:00
< ng-container >
2023-07-27 14:28:40 +02:00
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< div * ngIf = "properties.enableEoscDataTransfer & & resultLandingInfo . resultType = = ' dataset ' & &
resultLandingInfo.identifiers & & resultLandingInfo.identifiers.get('doi') & &
resultLandingInfo.identifiers.get('doi').join('').indexOf('zenodo.')!=-1"
class="clickable uk-button-link uk-flex uk-flex-middle uk-h6 uk-margin-remove">
< egi-transfer-data class = "uk-width-1-1" [ dois ] = " resultLandingInfo . identifiers . get ( ' doi ' ) " [ isOpen ] = " egiTransferModalOpen " [ isMobile ] = " true " > < / egi-transfer-data >
< / div >
2023-07-20 16:06:46 +02:00
< / div >
< hr class = "uk-margin-remove" >
< / ng-container >
2023-02-21 15:10:21 +01:00
< / div >
2023-08-25 14:56:53 +02:00
< div class = "landing-action-bar-mobile uk-tile-default uk-blur-background" >
2023-03-31 12:28:35 +02:00
< div class = "uk-container uk-flex-middle uk-grid uk-text-xsmall uk-text-meta" [ ngClass ] = " ( resultLandingInfo . measure | | hasAltMetrics ) ? ' uk-child-width-1-3 ' : ' uk-child-width-1-2 ' " >
< div >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'info' ; egiTransferModalOpen = false; scroll ( ) ; " >
2023-02-21 15:10:21 +01:00
< span [ ngClass ] = " mobileContent = = ' info ' ? ' uk-text-primary ' : ' ' " >
2023-08-21 12:59:20 +02:00
< icon * ngIf = "getTypeName().toLowerCase() == 'publication'" name = "description" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'research data'" name = "database" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'research software'" name = "integration_instructions" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'other research product'" name = "apps" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'project'" name = "assignment_turned_in" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'data source'" name = "note_add" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
< icon * ngIf = "getTypeName().toLowerCase() == 'organization'" name = "corporate_fare" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " > < / icon >
2023-02-21 15:10:21 +01:00
< / span >
2023-03-31 12:28:35 +02:00
< span > {{getTypeName()}}< / span >
< / a >
< / div >
< div * ngIf = "resultLandingInfo && (resultLandingInfo.measure || hasAltMetrics)" >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'metrics' ; scroll ( ) " >
2023-08-21 12:59:20 +02:00
< icon name = "bar_chart" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " [ ngClass ] = " mobileContent = = ' metrics ' ? ' uk-text-primary ' : ' ' " > < / icon >
2023-03-31 12:28:35 +02:00
< span > Metrics< / span >
< / a >
< / div >
< div >
2023-07-26 10:49:50 +02:00
< a class = "uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-link-reset" ( click ) = " mobileContent = 'actions' ; scroll ( ) " >
2023-08-21 12:59:20 +02:00
< icon name = "pending" type = "outlined" [ flex ] = " true " [ ratio ] = " 1 . 4 " [ ngClass ] = " mobileContent = = ' actions ' ? ' uk-text-primary ' : ' ' " > < / icon >
2023-03-31 12:28:35 +02:00
< span > Actions< / span >
< / a >
< / div >
< / div >
< / div >
2023-02-20 16:56:02 +01:00
2023-02-21 15:10:21 +01:00
< fs-modal # summaryFsModal classTitle = "uk-tile-default uk-border-bottom" ( cancelEmitter ) = " cancelSummaryClicked ( ) " >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "summary_content" > < / ng-container >
< / fs-modal >
2023-04-06 11:46:50 +02:00
< fs-modal # subjectsFsModal classTitle = "uk-tile-default uk-border-bottom" ( cancelEmitter ) = " cancelSubjectsClicked ( ) "
2024-01-25 11:31:14 +01:00
*ngIf="hasSubjects">
2023-04-06 11:46:50 +02:00
< ng-container * ngIf = "activeTab == 'subjects'" >
< ng-container * ngTemplateOutlet = "subjects_content" > < / ng-container >
< / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # referencesFsModal classTitle = "uk-tile-default uk-border-bottom"
2023-02-20 16:56:02 +01:00
*ngIf="resultLandingInfo.references & & resultLandingInfo.references.length > 0">
< ng-container * ngTemplateOutlet = "references_content" > < / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # relatedResearchFsModal classTitle = "uk-tile-default uk-border-bottom"
2023-02-20 16:56:02 +01:00
*ngIf="resultLandingInfo.relatedResults?.length > 0">
2023-07-06 15:29:17 +02:00
< div class = "landing-section" >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "relation_in_tab; context: { researchResults: filteredRelatedResults, header: ''}" > < / ng-container >
< / div >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # bioentitiesFsModal classTitle = "uk-tile-default uk-border-bottom"
2023-02-20 16:56:02 +01:00
*ngIf="resultLandingInfo.bioentities & & bioentitiesNum> 0">
2023-07-06 15:29:17 +02:00
< div class = "landing-section" >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "bioentities_content" > < / ng-container >
< / div >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # compatibleEOSCFsModal classTitle = "uk-tile-default uk-border-bottom" >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.eoscSubjects?.length > 0 && properties.adminToolsPortalType == 'eosc' && (!viewAll || viewAll=='egiNotebook')" >
< ng-container * ngTemplateOutlet = "compatibleEOSC_content" > < / ng-container >
< / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # fundedByFsModal classTitle = "uk-tile-default uk-border-bottom" >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.fundedByProjects && resultLandingInfo.fundedByProjects.length > 0 && (!viewAll || viewAll=='fundedBy')" >
< fundedBy [ fundedByProjects ] = " resultLandingInfo . fundedByProjects " [ provenanceActionVocabulary ] = " provenanceActionVocabulary " ( viewAllClicked ) = " viewAll = $event"
[isMobile]="true" [viewAll]="true">< / fundedBy >
< / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # relatedCommunitiesFsModal classTitle = "uk-tile-default uk-border-bottom" >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.contexts && resultLandingInfo.contexts.length > 0 && !noCommunities && (!viewAll || viewAll=='relatedTo')" >
< relatedTo [ contexts ] = " resultLandingInfo . contexts " [ viewAll ] = " viewAll = ='relatedTo'"
(viewAllClicked)="viewAll=$event" (noCommunities)="noCommunities = true"
[mobileView]="true" [viewAll]="true">< / relatedTo >
< / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # enermapsToolFsModal classTitle = "uk-tile-default uk-border-bottom" >
2023-07-06 15:29:17 +02:00
< div * ngIf = "enermapsId && properties.enermapsURL" class = "landing-section" >
2023-02-20 16:56:02 +01:00
< ng-container * ngTemplateOutlet = "enermapsTool_content" > < / ng-container >
< / div >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # sdgsFsModal * ngIf = "isMobile" classTitle = "uk-tile-default uk-border-bottom" ( cancelEmitter ) = " sdgsFsModalCancelled ( ) " >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.sdg && resultLandingInfo.sdg.length > 0" >
< sdg * ngIf = "viewAllMobile=='sdg'" [ subjects ] = " resultLandingInfo . sdg " [ viewAll ] = " true " ( suggestClicked ) = " suggestMobileClicked ( $ event ) " > < / sdg >
< sdg-fos-suggest * ngIf = "viewAllMobile=='sdgSuggest'" # sdgFosSuggest [ title ] = " resultLandingInfo . title " [ entityType ] = " resultLandingInfo . resultType " > < / sdg-fos-suggest >
< / ng-container >
< / fs-modal >
2023-02-21 15:10:21 +01:00
< fs-modal # fosFsModal * ngIf = "isMobile" classTitle = "uk-tile-default uk-border-bottom" ( cancelEmitter ) = " fosFsModalCancelled ( ) " >
2023-02-20 16:56:02 +01:00
< ng-container * ngIf = "resultLandingInfo.fos && resultLandingInfo.fos.length > 0" >
2023-02-20 19:54:26 +01:00
< fos * ngIf = "viewAllMobile=='fos'" [ subjects ] = " resultLandingInfo . fos " [ viewAll ] = " true " ( suggestClicked ) = " suggestMobileClicked ( $ event ) " > < / fos >
2023-02-20 16:56:02 +01:00
< sdg-fos-suggest * ngIf = "viewAllMobile=='fosSuggest'" # sdgFosSuggest [ title ] = " resultLandingInfo . title " [ entityType ] = " resultLandingInfo . resultType " > < / sdg-fos-suggest >
< / ng-container >
< / fs-modal >
2023-03-31 12:28:35 +02: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-03-31 12:28:35 +02: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"
2023-04-20 19:06:53 +02:00
[resultType]="type" [type]="openaireEntities.PUBLICATIONS" [prevPath]="prevPath">< / 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"
2023-04-20 19:06:53 +02:00
[resultType]="'dataset'" [type]="openaireEntities.DATASETS" [prevPath]="prevPath">< / 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"
2023-04-20 19:06:53 +02:00
[resultType]="type" [type]="openaireEntities.SOFTWARE" [prevPath]="prevPath">< / 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"
2023-04-20 19:06:53 +02:00
[resultType]="'other'" [type]="openaireEntities.OTHER" [prevPath]="prevPath">< / 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 "
2023-07-12 14:05:25 +02:00
[type]="title.toLowerCase()">< / citeThis >
2020-05-20 14:56:21 +02:00
< / modal-alert >
2019-07-23 14:23:12 +02:00
2023-02-21 15:10:21 +01:00
< modal-alert * ngIf = "resultLandingInfo" # 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 >
2023-02-20 16:56:02 +01:00
< modal-alert * ngIf = "!isMobile && resultLandingInfo?.description" # descriptionModal
2023-03-31 12:28:35 +02:00
[large]="true">
< div [ innerHTML ] = " resultLandingInfo . description " > < / div >
2022-09-21 12:32:21 +02:00
< / modal-alert >
2023-02-18 09:52:24 +01:00
<!-- <modal - alert *ngIf="resultLandingInfo && resultLandingInfo.sdg?.length > 0" -->
<!-- #sdgSelectionModal [large]="true" (alertOutput)="sdgModalOutput()" (cancelOutput)="sdgModalCancel()"> -->
2023-02-20 16:56:02 +01:00
< sdg-fos-suggest * ngIf = "!isMobile && resultLandingInfo && (resultLandingInfo.sdg?.length > 0 || resultLandingInfo.fos?.length > 0)"
2023-02-18 09:52:24 +01:00
#sdgFosSuggest [title]="resultLandingInfo.title" [entityType]="resultLandingInfo.resultType">
< / sdg-fos-suggest >
<!-- </modal - alert> -->
2023-02-16 11:59:18 +01:00
< modal-alert * ngIf = "resultLandingInfo && resultLandingInfo.fos?.length > 0"
2023-03-31 12:28:35 +02:00
#fosSelectionModal [large]="true">
< div >
2023-02-18 09:52:24 +01:00
<!-- <fos - selection [subjects]="resultLandingInfo.fos" [properties]="properties"></fos - selection> -->
2023-03-31 12:28:35 +02:00
< / div >
2023-02-16 11:59:18 +01:00
< / 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" >
2023-04-20 19:06:53 +02:00
< a [ routerLink ] = " properties . searchLinkToOrganization . split ( ' ? ' ) [ 0 ] " [ queryParams ] = " addEoscPrevInParams ( { organizationId: organization . id } ) " class = "uk-link-text uk-text-bold" >
2022-04-20 16:40:18 +02:00
{{(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-03-31 12:28:35 +02: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)" >
2023-02-18 09:41:34 +01:00
< result-preview [ properties ] = " properties "
2022-09-06 15:28:51 +02:00
[result]="getResultPreview(item)" [provenanceActionVocabulary]="provenanceActionVocabulary"
[relationsVocabulary]="relationsVocabulary"
2023-04-20 19:06:53 +02:00
[isCard]="false" [prevPath]="prevPath">< / result-preview >
2022-04-04 11:14:54 +02:00
< / 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 >
2023-02-20 16:56:02 +01:00
< ng-template # summary_content >
2023-07-06 15:29:17 +02:00
< div id = "summary" class = "landing-section landing-section-height-auto" >
2023-02-20 16:56:02 +01:00
< 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 && (!viewAllMobile || viewAllMobile == 'description')" class = "uk-margin-medium-bottom" >
< div class = "uk-text-justify " >
< div * ngIf = "viewAllMobile != 'description'" class = "uk-text-meta" > Abstract< / div >
< div [ ngClass ] = " viewAllMobile = = ' description ' ? ' ' : ' multi-line-ellipsis lines-10 ' " >
< div # descriptionDiv class = "uk-margin-small-bottom"
[innerHTML]="resultLandingInfo.description">< / div >
< / div >
< div * ngIf = "showViewMoreButton && viewAllMobile != 'description'" class = "uk-flex uk-flex-right" >
< a ( click ) = " viewAllDescriptionClicked ( ) ; " class = "view-more-less-link" >
View more
< / a >
< / div >
< / div >
< / div >
< div * ngIf = "resultLandingInfo.countries && resultLandingInfo.countries.length > 0 && !viewAllMobile" class = "uk-margin-medium-bottom" >
< div class = "uk-text-meta" >
{{(resultLandingInfo.countries.length === 1) ? 'Country ' : 'Countries '}}
< / div >
< div >
{{resultLandingInfo.countries.join(", ")}}
< / div >
< / div >
<!-- Related Organizations -->
< div * ngIf = "resultLandingInfo.organizations && resultLandingInfo.organizations.length > 0 && (!viewAllMobile || viewAllMobile == 'organizations')"
class="uk-margin-medium-bottom uk-width-2-3@m">
< div * ngIf = "viewAllMobile != 'organizations'" 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 uk-visible@m" >
View all
< / a >
< a ( click ) = " viewAllOrganizationsMobileClicked ( ) " class = "view-more-less-link uk-hidden@m" >
View all
< / a >
< / div >
< div * ngIf = "viewAllOrganizations && lessBtnOrganizations" class = "uk-text-center" >
< a ( click ) = " viewAllOrganizations = !viewAllOrganizations; lessBtnOrganizations = false;" class = "view-more-less-link" > View less< / a >
< / div >
< / div >
< / div >
< / div >
< / ng-template >
2023-04-06 11:46:50 +02:00
< ng-template # subjects_content >
2023-07-06 15:29:17 +02:00
< div id = "subjects" class = "landing-section landing-section-height-auto" >
2023-04-06 11:46:50 +02:00
< showSubjects [ subjects ] = " resultLandingInfo . subjects "
[otherSubjects]="resultLandingInfo.otherSubjects"
[classifiedSubjects]="resultLandingInfo.classifiedSubjects"
[eoscSubjects]="resultLandingInfo.eoscSubjects"
[isMobile]="isMobile"
[viewAllSubjects]="viewAllMobile=='subjects'"
[viewAllClassifiedSubjects]="viewAllMobile=='classifiedSubjects'"
(viewAllClicked)="viewAllSubjectsMobileClicked($event)">
< / showSubjects >
< / div >
< / ng-template >
2023-02-20 16:56:02 +01:00
< ng-template # references_content >
2023-07-06 15:29:17 +02:00
< div id = "references" class = "landing-section" >
2023-02-20 16:56:02 +01:00
< 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" >
2023-03-31 12:28:35 +02:00
< span * ngFor = "let id of item.ids" >
[< a * ngIf = "id.type !== 'openaire'" href = "{{getReferenceUrl(id)}}"
2023-02-20 16:56:02 +01:00
target="_blank">{{getReferenceIdName(id)}}< / a >
2023-03-31 12:28:35 +02:00
< a * ngIf = "id.type === 'openaire'" [ routerLink ] = " properties . searchLinkToResult . split ( ' ? ' ) [ 0 ] "
2023-05-09 18:04:06 +02:00
[queryParams]="addEoscPrevInParams({id: id.value})"
2023-02-20 16:56:02 +01:00
target="_blank">OpenAIRE< / a > ]
2023-03-31 12:28:35 +02:00
< / span >
2023-02-20 16:56:02 +01:00
< / 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-template >
< ng-template # bioentities_content >
< 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}}
< / div >
< 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 >
< / div >
< / 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 >
< / ng-template >
< ng-template # compatibleEOSC_content >
< 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" >
< img src = "assets/common-assets/eosc-logo.png"
loading="lazy" alt="eosc_logo" style="width:27px; height:27px">
< div class = "uk-margin-small-left uk-flex uk-flex-column uk-flex-center" >
2023-07-05 10:40:43 +02:00
< div * ngFor = "let subject of resultLandingInfo.eoscSubjects; let i=index" class = "uk-text-truncate"
uk-tooltip="This interoperability link will provide you with a list of services able to process it in EOSC.">
2023-02-20 16:56:02 +01:00
< a [ href ] = " subject . link " target = "_blank" class = "custom-external" > {{subject.value}}< / a >
< / div >
< / div >
< / div >
< / ng-template >
< ng-template # enermapsTool_content >
< div class = " uk-inline uk-text-center " >
< img class = "uk-width-auto" [ src ] = " properties . enermapsURL + ' / images / datasets / ' + enermapsId +
2023-03-31 12:28:35 +02:00
'.png'"
2023-02-20 16:56:02 +01:00
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 >
2023-03-31 12:28:35 +02:00
< 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://')"
2023-02-20 16:56:02 +01:00
target="_blank" [href]="word">{{word}} < / a >
2023-03-31 12:28:35 +02:00
< / ng-container >
< / span >
2023-02-20 16:56:02 +01:00
< / li >
< / ng-container >
< / ul >
2023-02-21 15:10:21 +01:00
< / ng-template >
< ng-template # metricsContent >
2023-07-06 15:29:17 +02:00
< div id = "metrics" class = "landing-section" >
2023-02-21 15:10:21 +01:00
< ul class = "uk-subnav uk-subnav-pill-alt uk-margin-remove" uk-switcher >
2023-02-21 18:13:15 +01:00
< li class = "uk-padding-remove" >
2023-02-21 15:10:21 +01:00
< a href = "#" > Overview< / a >
< / li >
2023-05-04 10:58:11 +02:00
< li * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.bip.length" >
2023-02-21 15:10:21 +01:00
< a href = "#" > Impact< / a >
< / li >
< li * ngIf = "hasAltMetrics" >
< a href = "#" > Social< / a >
< / li >
2023-05-04 10:58:11 +02:00
< li * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.counts.length" >
2023-02-21 15:10:21 +01:00
< a href = "#" ( click ) = " clickedUsageMetrics ( ) " > Usage< / a >
< / li >
< / ul >
< ul class = "uk-switcher uk-margin-large-top" >
<!-- overview -->
< li >
< div class = "uk-flex uk-flex-wrap landing-metrics-overview" >
2023-05-04 10:58:11 +02:00
< div * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.bip.length" >
2023-02-21 15:10:21 +01:00
< div class = "uk-grid-divider" uk-grid >
< div >
< div class = "uk-text-center uk-margin-small-bottom" >
2023-03-27 15:32:41 +02:00
< a href = 'https://bip.imsi.athenarc.gr/' target = '_blank' >
< img src = "assets/common-assets/bip-minimal.svg" loading = "lazy" alt = "BIP!"
style="width: 61px; height: 43px;">
< / a >
2023-02-21 15:10:21 +01:00
< / div >
< span class = "uk-text-uppercase uk-text-xsmall" > Impact by< / span >
2023-03-27 15:32:41 +02:00
< span class = "uk-display-block uk-text-bolder" >
< a href = 'https://bip.imsi.athenarc.gr/' target = '_blank' class = 'uk-link-reset' > BIP!< / a >
< / span >
2023-02-21 15:10:21 +01:00
< / div >
< div >
< table class = "uk-table uk-table-small" >
< tbody >
2023-05-04 10:58:11 +02:00
< ng-container * ngFor = "let measure of resultLandingInfo.measure.bip; let i = index" >
< tr >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
< icon [ name ] = " measure . icon " [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
< / td >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
< a class = "uk-link uk-link-text uk-text-capitalize" > {{measure.name}}< / a >
< ng-container * ngTemplateOutlet = "dropInfo; context: {option: measure.name, isCompact: true}" > < / ng-container >
< / td >
< td class = "uk-text-uppercase uk-text-bolder" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
{{isNumber(measure.value) ? formatNumber(measure.value) : measure.value}}
< / td >
< / tr >
< / ng-container >
2023-02-21 15:10:21 +01:00
< / tbody >
< / table >
< / div >
< / div >
< / div >
< div * ngIf = "hasAltMetrics" >
< altmetrics id = "{{resultLandingInfo.identifiers?.get('doi')[0]}}" type = "doi" size = "donut" > < / altmetrics >
< / div >
2023-05-04 10:58:11 +02:00
< div * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.counts.length" >
2023-02-21 15:10:21 +01:00
< div class = "uk-grid-divider" uk-grid >
< div >
< div class = "uk-text-center uk-margin-small-bottom" >
2023-03-27 15:32:41 +02:00
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' >
< img src = "assets/common-assets/logo-small-usage-counts.png" loading = "lazy" alt = "OpenAIRE UsageCounts" >
< / a >
2023-02-21 15:10:21 +01:00
< / div >
< span class = "uk-text-uppercase uk-text-xsmall" > Usage by< / span >
2023-03-27 15:32:41 +02:00
< span class = "uk-display-block uk-text-bolder" >
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' class = "uk-link-reset" > UsageCounts< / a >
< / span >
2023-02-21 15:10:21 +01:00
< / div >
< div >
< table class = "uk-table uk-table-small" >
< tbody >
2023-05-04 10:58:11 +02:00
< ng-container * ngFor = "let measure of resultLandingInfo.measure.counts; let i = index" >
< tr >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . counts . length - 1 " >
< icon [ name ] = " measure . icon " [ flex ] = " true " [ ratio ] = " 1 . 2 " customClass = "uk-text-background text-usage-counts" > < / icon >
< / td >
< td class = "uk-text-capitalize" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . counts . length - 1 " >
{{measure.name}}
< / td >
< td class = "uk-text-uppercase uk-text-bolder" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . counts . length - 1 "
[attr.uk-tooltip]="measure.value >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}">
{{formatNumber(measure.value)}}
< / td >
< / tr >
< / ng-container >
2023-02-21 15:10:21 +01:00
< / tbody >
< / table >
< / div >
< / div >
< / div >
< / div >
< / li >
<!-- impact -->
2023-05-04 10:58:11 +02:00
< li * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.bip.length" >
2023-02-22 01:23:10 +01:00
< div class = "uk-flex uk-flex-center uk-flex-middle uk-flex-wrap" >
2023-02-21 15:10:21 +01:00
< div class = "uk-card uk-card-default uk-padding-small" >
< table class = "uk-table uk-table-small uk-margin-remove" >
< tbody >
2023-05-04 10:58:11 +02:00
< ng-container * ngFor = "let measure of resultLandingInfo.measure.bip; let i = index" >
< tr >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
< icon [ name ] = " measure . icon " [ flex ] = " true " [ customClass ] = " ' bip-icon ' " > < / icon >
< / td >
< td [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
< a class = "uk-link uk-link-text uk-text-capitalize" > {{measure.name}}< / a >
< ng-container * ngTemplateOutlet = "dropInfo; context: {option: measure.name, isCompact: true}" > < / ng-container >
< / td >
< td class = "uk-text-uppercase uk-text-bolder" [ class . uk-padding-remove-top ] = " i = = 0 " [ class . uk-padding-remove-bottom ] = " i = = resultLandingInfo . measure . bip . length - 1 " >
{{isNumber(measure.value) ? formatNumber(measure.value) : measure.value}}
< / td >
< / tr >
< / ng-container >
2023-02-21 15:10:21 +01:00
< / tbody >
< / table >
< / div >
< div * ngIf = "bipFrameUrl" class = "uk-margin-large-left" >
< i-frame [ height ] = " 300 " [ url ] = " bipFrameUrl " [ addClass ] = " false "
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">< / i-frame >
< / div >
< / div >
< div class = "uk-text-center" [ ngClass ] = " bipFrameUrl ? ' uk-margin-top ' : ' uk-margin-large-top ' " >
< span class = "uk-text-meta" > Powered by< / span >
2023-03-27 15:32:41 +02:00
< a href = 'https://bip.imsi.athenarc.gr/' target = '_blank' class = 'uk-link-reset' >
< 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 >
< / a >
2023-02-21 15:10:21 +01:00
< / div >
< / li >
<!-- social -->
< li * ngIf = "hasAltMetrics" >
< altmetrics id = "{{resultLandingInfo.identifiers?.get('doi')[0]}}" type = "doi" size = "medium-donut" > < / altmetrics >
< / li >
<!-- usage -->
2023-05-04 10:58:11 +02:00
< li * ngIf = "resultLandingInfo.measure && resultLandingInfo.measure.counts.length" >
2023-02-22 01:23:10 +01:00
< div class = "uk-flex uk-flex-center uk-flex-middle uk-flex-wrap" [ class . uk-flex-column ] = " isMobile " >
< div class = "uk-margin-large-right uk-flex uk-flex-center uk-flex-middle uk-flex-wrap" [ class . uk-flex-column ] = " ! isMobile " >
2023-05-04 10:58:11 +02:00
< ng-container * ngFor = "let measure of resultLandingInfo.measure.counts; let i = index" >
< div * ngIf = "measure.value" class = "uk-text-center uk-margin-medium-bottom" [ class . uk-margin-medium-right ] = " isMobile " >
< div class = "uk-text-background uk-text-bold number metrics-number"
[attr.uk-tooltip]="measure.value >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'"
title="{{measure.value | number}}">{{formatNumber(measure.value)}}< / div >
< div class = "uk-text-bold uk-text-capitalize" > {{measure.name}}< / div >
< / div >
< / ng-container >
2023-02-21 15:10:21 +01:00
< / div >
< ng-container * ngIf = "viewsFrameUrl || downloadsFrameUrl" >
2023-05-19 13:37:23 +02:00
< div * ngIf = "metricsClicked && viewsFrameUrl && hasViews" class = "uk-margin-large-right" >
2023-02-21 15:10:21 +01:00
< i-frame [ height ] = " 300 " [ url ] = " viewsFrameUrl " [ addClass ] = " false "
customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply uk-height-1-1">
< / i-frame >
< / div >
2023-05-19 13:37:23 +02:00
< div * ngIf = "metricsClicked && downloadsFrameUrl && hasDownloads" 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 >
2023-02-21 15:10:21 +01:00
< / ng-container >
< / div >
2023-11-08 15:57:56 +01:00
< div * ngIf = "resultLandingInfo.measure.countsPerDatasource" class = "uk-margin-medium-top uk-width-auto" >
< table class = "uk-table uk-table-striped" >
< thead >
< tr >
< th class = "uk-width-expand uk-width-1-2@xl" > Data source< / th >
< th class = "uk-width-auto uk-text-center" > Views< / th >
< th class = "uk-width-auto uk-text-center" > Downloads< / th >
< / tr >
< / thead >
< tbody >
< tr * ngFor = "let datasource of resultLandingInfo.measure.countsPerDatasource" >
2023-11-27 17:10:37 +01:00
< td class = "uk-text-truncate" > < a [ routerLink ] = " properties . searchLinkToDataProvider . split ( ' ? ' ) [ 0 ] " [ queryParams ] = " { ' datasourceId ' : datasource . datasourceId } " > {{datasource.datasourceName}}< / a > < / td >
2023-11-08 15:57:56 +01:00
< td class = "uk-text-center" > {{datasource.views}}< / td >
< td class = "uk-text-center" > {{datasource.downloads}}< / td >
< / tr >
< / tbody >
< / table >
< / div >
2023-02-21 15:10:21 +01:00
< div class = "uk-text-center uk-margin-large-top" >
< span class = "uk-text-meta" > Powered by< / span >
2023-03-27 15:32:41 +02:00
< a href = 'https://usagecounts.openaire.eu/' target = '_blank' class = "uk-link-reset" >
< img class = "uk-margin-small-left uk-margin-small-right uk-width-small" src = "assets/common-assets/logo-large-usage-counts.png" loading = "lazy" alt = "OpenAIRE UsageCounts" >
< / a >
2023-02-21 15:10:21 +01:00
< / div >
< / li >
< / ul >
< / div >
< / ng-template >
2023-03-27 15:32:41 +02:00
< ng-template # dropInfo let-option = option let-isCompact = isCompact >
2023-03-31 12:28:35 +02:00
< div class = "default-dropdown uk-dropdown" uk-dropdown = "pos: bottom-left; mode:click; container: #modal-container;" >
< div class = "uk-padding-small uk-width-medium uk-text-small" [ innerHTML ] = " getMetricsTooltip ( option , isCompact ) | safeHtml " >
2023-03-27 15:32:41 +02:00
< / div >
< / div >
< / ng-template >
2023-02-21 15:10:21 +01:00
< fs-modal * ngIf = "resultLandingInfo && resultLandingInfo.deletedByInferenceIds" # AlertModalDeletedByInferenceFS classTitle = "uk-tile-default uk-border-bottom" >
< deletedByInference * ngIf = "type == 'publication' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[resultType]="type" [type]="openaireEntities.PUBLICATIONS">< / deletedByInference >
< deletedByInference * ngIf = "type == 'dataset' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[resultType]="'dataset'" [type]="openaireEntities.DATASETS">< / deletedByInference >
< deletedByInference * ngIf = "type == 'software' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[resultType]="type" [type]="openaireEntities.SOFTWARE">< / deletedByInference >
< deletedByInference * ngIf = "type == 'orp' && deleteByInferenceOpened"
[id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
[ids]="resultLandingInfo.deletedByInferenceIds"
[resultType]="'other'" [type]="openaireEntities.OTHER">< / deletedByInference >
< / fs-modal >
< fs-modal * ngIf = "resultLandingInfo" # citeFsModal classTitle = "uk-tile-default uk-border-bottom" >
< citeThis * ngIf = "citeThisClicked" [ result ] = " resultLandingInfo " [ id ] = " id "
2023-07-12 14:05:25 +02:00
[type]="title.toLowerCase()">< / citeThis >
2023-02-21 15:10:21 +01:00
< / fs-modal >
< fs-modal * ngIf = "resultLandingInfo" # addThisFsModal classTitle = "uk-tile-default uk-border-bottom" classBody = "uk-flex uk-flex-center uk-flex-middle" >
< addThis > < / addThis >
2023-04-21 11:49:14 +02:00
< / fs-modal >
