2020-03-12 14:49:10 +01:00
<!-- Before title -->
< div uk-grid >
< div [ class . uk-width-1-1 ] = " ! result . relation " [ class . uk-width-1-2 ] = " result . relation "
[class.uk-width-3-4@s]="result.relation">
2020-03-13 16:06:22 +01:00
<!-- deposit website URL -->
< span class = "uk-width-expand uk-flex-right" >
< a * ngIf = "result.websiteURL && promoteWebsiteURL" href = "{{result.websiteURL}}" target = "_blank" type = "submit"
2020-04-27 14:54:48 +02:00
class=" zenodoButton uk-float-right uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left">
2020-04-27 10:14:05 +02:00
< span > < span > Visit repository to deposit< / span > < span uk-icon = "arrow-right" > < / span > < / span >
2020-03-13 16:06:22 +01:00
< / a >
< / span >
2020-03-12 14:49:10 +01:00
< div class = "uk-text-small" >
< span class = "uk-text-capitalize" >
{{getTypeName(result.resultType)}}
< / span >
< span
*ngIf="properties.environment !== 'production' & & result.types & & removeDuplicates(result.types).length > 0">
{{' . ' + removeDuplicates(result.types).join(' . ')}}
< / span >
< span * ngIf = "properties.environment = = = ' production ' & & result . types & &
removeUnknown(removeDuplicates(result.types)).length > 0">
{{' . ' + removeDuplicates(removeDuplicates(result.types)).join(' . ')}}
< / span >
< span * ngIf = "result.year" > {{' . ' + result.year.toString()}}< / span >
< span * ngIf = "result.startYear && result.endYear" > . {{result.startYear}} - {{result.endYear}}< / span >
< span * ngIf = "result.embargoEndDate && result.embargoEndDate != ''" >
. Embargo End Date: {{result.embargoEndDate | date: 'dd MMM yyyy'}}
< / span >
< / div >
<!-- Title -->
< div class = "uk-margin-small-bottom" >
< div class = "uk-h5 uk-margin-remove" >
2020-03-13 16:06:22 +01:00
< a * ngIf = "result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
2020-03-16 14:09:46 +01:00
(click)="onClick()" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)"
2020-03-13 16:06:22 +01:00
routerLink="/search/{{result.resultType}}" class="portal-link uk-width-expand">
2020-03-12 14:49:10 +01:00
< div * ngIf = "(result.title) || result.acronym" >
< span * ngIf = "result.acronym" >
{{result.acronym}}
< / span >
< span * ngIf = "result.acronym && (result.title)" > (< / span >
< span * ngIf = "result.title" [ innerHTML ] = " result . title " > < / span >
< span * ngIf = "result.acronym && result.title" > )< / span >
< / div >
< div * ngIf = "!result.title && !result.acronym" >
[no title available]
< / div >
< / a >
2020-03-13 16:06:22 +01:00
< div * ngIf = "!result.id || (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)" class = "uk-width-expand" >
2020-03-12 14:49:10 +01:00
< div * ngIf = "(result.title) || result.acronym" >
< span * ngIf = "result.acronym" >
{{result.acronym}}
< / span >
< span * ngIf = "result.acronym && (result.title)" > (< / span >
< span * ngIf = "result.title" [ innerHTML ] = " result . title " > < / span >
< span * ngIf = "result.acronym && result.title" > )< / span >
< / div >
< div * ngIf = "!result.title && !result.acronym" >
[no title available]
< / div >
< / div >
2020-03-13 16:06:22 +01:00
< hr * ngIf = "result.websiteURL && promoteWebsiteURL" >
2020-03-12 14:49:10 +01:00
< / div >
<!-- Download from -->
< div * ngIf = "result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"
class="uk-margin-small-bottom download-from">
< div * ngFor = "let from of result.hostedBy_collectedFrom" >
< span class = "uk-margin-right uk-display-inline-block" >
< span class = "uk-text-muted" > Download from: < / span >
< a * ngIf = "from.downloadUrl && from.downloadUrl.length === 1"
[href]="from.downloadUrl[0]" target="_blank" class="title">
{{from.downloadName}}
2020-03-23 15:33:14 +01:00
< span class = "custom-external space" > < / span >
2020-03-12 14:49:10 +01:00
< / a >
< span * ngIf = "!from.downloadUrl || from.downloadUrl.length === 0" class = "title" >
{{from.downloadName}}
< / span >
< / span >
< span class = "provider uk-display-inline-block" >
< span class = "uk-text-muted" > Provider: < / span >
< a * ngIf = "from.collectedId" routerLink = "/search/dataprovider" [ queryParams ] = " { datasourceId: from . collectedId } "
[href]="from.downloadUrl[0]" target="_blank">
{{from.collectedName}}
2020-03-23 15:33:14 +01:00
< span class = "custom-external space" > < / span >
2020-03-12 14:49:10 +01:00
< / a >
< span * ngIf = "!from.collectedId" >
{{from.collectedName}}
< / span >
< / span >
< / div >
< / div >
<!-- Authors -->
< div * ngIf = "result.authors" >
2020-03-16 14:09:46 +01:00
< showAuthors [ authors ] = " result . authors " [ authorsLimit ] = 10 [ modal ] = " modal " [ showAll ] = false > < / showAuthors >
2020-03-12 14:49:10 +01:00
< / div >
< / div >
<!-- Funder -->
< div * ngIf = "result.funderShortname || result.code" class = "uk-margin-small-bottom uk-text-small" >
< span * ngIf = "result.funderShortname" >
< span class = "uk-text-muted" > Funder: < / span >
{{result.funderShortname}}
< / span >
< span * ngIf = "result.code" [ class . uk-margin-left ] = " result . funderShortname " >
< span class = "uk-text-muted" > Project Code: < / span >
{{result.code}}
< / span >
< / div >
<!-- Funder Budget -->
< div * ngIf = "result.budget || result.contribution" class = "uk-margin-small-bottom uk-text-small" >
< span * ngIf = "result.budget" >
< span class = "uk-text-muted" > Overall Budget: < / span >
{{result.budget | number}}
< span * ngIf = "result.currency" > {{result.currency}}< / span >
< / span >
< span * ngIf = "result.contribution" [ class . uk-margin-left ] = " result . budget " >
< span class = "uk-text-muted" > Funder Contribution: < / span >
{{result.contribution | number}}
< span * ngIf = "result.currency" > {{result.currency}}< / span >
< / span >
< / div >
<!-- Labels -->
< div class = "uk-margin-small-bottom" >
< span * ngIf = "properties.environment !== 'production' && result.accessMode"
class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
title="Access Mode">
{{result.accessMode}}
< / span > {{' '}}
< span
*ngIf="properties.environment === 'production' & & result.accessMode & & result.accessMode.toLowerCase() !== 'not available'"
class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
title="Access Mode">
{{result.accessMode}}
< / span > {{' '}}
< span * ngIf = "result.openAccessMandatePublications && (!result.openAccessMandateDatasets)"
class="uk-label custom-label label-open"
title="Open Access mandate for Publications">
Open Access mandate for Publications
< / span > {{' '}}
< span
*ngIf="result.openAccessMandateDatasets != undefined & & result.openAccessMandateDatasets & & (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"
class="uk-label custom-label label-open " title="Open Access mandate for Research Data">
Open Access mandate for Research Data
< / span > {{' '}}
< span
*ngIf="result.openAccessMandatePublications != undefined & & result.openAccessMandatePublications & & result.openAccessMandateDatasets != undefined & & result.openAccessMandateDatasets"
class="uk-label custom-label label-open "
title="Open Access mandate for Publications and Research Data">
Open Access mandate for Publications and Research Data
< / span > {{' '}}
< span * ngIf = "properties.environment !== 'production' && result.languages && result.languages.length > 0" >
< span * ngFor = "let language of result.languages"
class="uk-label custom-label label-language " title="Language">
{{language}}
< / span > {{' '}}
< / span >
< span
*ngIf="properties.environment === 'production' & & result.languages & & removeUnknown(result.languages).length > 0">
< span * ngFor = "let language of removeUnknown(result.languages)"
class="uk-label custom-label label-language " title="Language">
{{language}}
< / span > {{' '}}
< / span >
< span * ngIf = "result.programmingLanguages && result.programmingLanguages.length > 0" >
< span * ngFor = "let programmingLanguage of result.programmingLanguages"
class="uk-label custom-label label-language" title="Programming Language">
{{programmingLanguage}}
< / span > {{" "}}
< / span >
< span * ngIf = "result.sc39" class = "uk-label custom-label label-sc39" title = "Special Clause 39" >
Special Clause 39
< / span > {{' '}}
2020-03-13 16:06:22 +01:00
< span * ngIf = "result.compatibility && result.compatibility != '' && result.compatibility != 'not available'"
2020-03-12 14:49:10 +01:00
class="uk-label custom-label label-compatibility" title="Compatibility">
{{result.compatibility}}
< / span > {{' '}}
2020-03-13 16:06:22 +01:00
< span * ngIf = "result.compatibility ! = undefined & & result . compatibility ! = ' ' & & result . compatibility = =
'not available'"
class="uk-label custom-label label-danger" title="OpenAIRE Compatibility">Not yet registered< / span >
{{' '}}
2020-03-12 14:49:10 +01:00
< / div >
<!-- Identifiers -->
< div * ngIf = "result.identifiers && result.identifiers.size > 0" >
2020-03-17 18:48:02 +01:00
< showIdentifiers [ identifiers ] = " result . identifiers " [ properties ] = " properties " > < / showIdentifiers >
2020-03-12 14:49:10 +01:00
< / div >
<!-- Publisher -->
< div * ngIf = "result.publisher && result.publisher != ''" class = "uk-text-small uk-margin-small-bottom" >
< span class = "uk-text-muted" > Publisher: < / span >
{{result.publisher}}
< / div >
<!-- Countries -->
< div * ngIf = "result.countries && result.countries.length > 0"
class="uk-text-small uk-margin-small-bottom">
< span class = "uk-text-muted" > {{(result.countries.length == 1) ? 'Country' : 'Countries'}}: < / span >
< span * ngFor = "let country of result.countries.slice(0,10) let i = index" >
{{country}}{{(i < (result.countries.slice(0, 10).length - 1)) ? ", " : ""}}
{{(i == result.countries.slice(0, 10).length - 1 & & result.countries.length > 10) ? "..." : ""}}
< / span >
< / div >
<!-- Projects -->
< div * ngIf = "result.projects && result.projects.length > 0" class = "uk-text-small uk-margin-small-bottom" >
< span class = "uk-text-muted" > Project: < / span >
< span * ngFor = "let project of result.projects.slice(0,10) let i=index" >
< span >
{{project.funderShortname ? project.funderShortname : project.funderName}}
< / span >
< span * ngIf = "project.acronym || project.title" >
| {{ project.acronym ? project.acronym : (project.title.length > 25 ?
project.title.substring(0, 25) + '...' : project.title)}}
< / span >
< span * ngIf = "project.code" > ({{project.code}})< / span >
< span * ngIf = "i < result.projects.length-1" > ,< / span >
< / span >
< span * ngIf = "result.projects.length > 10" > ...< / span >
< / div >
<!-- Organizations -->
< div * ngIf = "showOrganizations && result.organizations && result.organizations.length > 0"
class="uk-text-small uk-margin-small-bottom">
< span class = "uk-text-muted" > Organization: < / span >
< span * ngFor = "let organization of result.organizations.slice(0,10) let i=index" >
< span > {{organization.name}}< / span >
2020-03-17 11:04:17 +01:00
< span * ngIf = "(i < result.organizations.length-1) && (i < 9)" > , < / span >
2020-03-12 14:49:10 +01:00
< / span >
< span * ngIf = "result.organizations.length > 10" > ...< / span >
< / div >
<!-- Website URL -->
2020-03-13 16:06:22 +01:00
< div * ngIf = "result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class = "uk-text-small uk-margin-small-bottom" >
2020-03-12 14:49:10 +01:00
< span class = "uk-text-muted" > Website URL: < / span >
< span >
< a href = "{{result.websiteURL}}" target = "_blank" class = "custom-external custom-icon" >
{{result.websiteURL}}
< / a >
< / span >
< / div >
<!-- OAI - PMH URL -->
< div * ngIf = "result.OAIPMHURL && result.OAIPMHURL != ''" class = "uk-text-small uk-margin-small-bottom" >
< span class = "uk-text-muted" > OAI-PMH URL: < / span >
< span >
< a href = "{{result.OAIPMHURL}}" target = "_blank" class = "custom-external custom-icon" >
{{result.OAIPMHURL}}
< / a >
< / span >
< / div >
<!-- Subjects -->
< div * ngIf = "showSubjects && result.subjects && result.subjects.length > 0"
class="uk-text-small uk-margin-small-bottom">
< span class = "uk-text-muted" > Subject: < / span >
2020-03-17 11:04:17 +01:00
< span * ngFor = "let subject of result.subjects.slice(0,10) let i = index" >
< span > {{subject}}< / span >
< span > {{(i < (result.subjects.slice(0, 10).length - 1)) ? ", " : ""}}< / span >
< span > {{(i == result.subjects.slice(0, 10).length - 1 & & result.subjects.length > 10) ? "..." : ""}}< / span >
2020-03-12 14:49:10 +01:00
< / span >
< / div >
< / div >
< div * ngIf = "result.relation" class = "uk-width-expand uk-padding-remove-left uk-text-small" >
< div * ngIf = "result.percentage" class = "uk-flex uk-flex-middle" >
< div class = "uk-margin-small-right" >
< span class = "uk-text-capitalize uk-text-muted" > {{result.relation}}: < / span >
< span class = "portal-color uk-text-bold" > {{result.percentage}}%< / span >
< / div >
< progress class = "uk-progress portal-progress uk-margin-remove uk-text-left uk-width-expand"
[value]="result.percentage" max="100">< / progress >
< / div >
< div class = "uk-text-capitalize uk-text-muted" * ngIf = "result.provenanceAction" >
{{result.provenanceAction}}
< / div >
< / div >
< / div >
<!-- Description -->
< div * ngIf = "result.description" class = "uk-margin-small-bottom multi-line-ellipsis lines-3" >
2020-04-27 10:14:05 +02:00
< p class = "uk-text-small uk-text-muted" >
2020-03-12 14:49:10 +01:00
{{result.description}}
< / p >
2020-03-13 16:06:22 +01:00
< / div >
2020-05-04 16:11:50 +02:00
< div >
<!-- Impact Factors -->
< span * ngIf = "result.pop_inf && result.DOI" class = "uk-flex uk-flex-middle" >
<!-- Popularity -->
< a title = "Popularity" class = "popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "10.749" height = "14.33" viewBox = "0 0 10.749 14.33" > < defs > <!-- <style>.a{fill:#d51717;}</style> --> < / defs > < path class = "a" d = "M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z" transform = "translate(-4 -0.67)" / > < / svg >
< span class = "uk-margin-small-left"
>
{{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
" popularity" }}< / span >
< / a >
< div
class="default-dropdown uk-margin-remove-top uk-padding-medium"
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
< span class = " uk-flex uk-flex-middle" >
< span class = "popularity-{{result.pop_inf[0]}}" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "20.234" height = "26.974"
viewBox="0 0 20.234 26.974">< defs > < / defs > < path class = "a" d = "M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z" transform = "translate(-4 -0.67)" / > < / svg >
< / span >
< span class = " uk-margin-small-left uk-text-large"
>{{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
" popularity" }}< / span >
< span
class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[0]=='A'?'In top 0.01%':'')+(result.pop_inf[0]=='B'?'In top 1%':'')+(result.pop_inf[0]=='C'?'In bottom 99%':'')}}< / span >
< / span >
< div class = "uk-text-muted uk-margin uk-text-small" > Popularity: Citation-based measure reflecting the current impact.< / div >
< div >
< a title = "Link to Bip!Finder" class = " uk-float-right" target = "_blank" href =
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details< / a >
< / div >
< / div >
<!-- Influence -->
< a title = "Influence" class = "influence-{{result.pop_inf[1]}} uk-flex uk-flex-middle" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "12.667" height = "14" viewBox = "0 0 12.667 14" > < defs > <!-- <style>.a{fill:#e1920a;}</style> --> < / defs > < path class = "a" d = "M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z" transform = "translate(-2 -1)" / > < / svg >
< span class = "uk-margin-small-left"
>{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
" influence" }}< / span >
< / a >
< div
class="default-dropdown uk-margin-remove-top uk-padding-medium"
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
< span class = " uk-flex uk-flex-middle" >
< span class = "influence-{{result.pop_inf[1]}}" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "24.299" height = "26.857" viewBox = "0 0 24.299 26.857" > < defs > < style > . a { fill : #464646 ; } < / style > < / defs > < path class = "a" d = "M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z" transform = "translate(-2 -1)" / > < / svg >
< / span >
< span class = " uk-margin-small-left uk-text-large"
>{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
" influence" }}< / span >
< span
class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[1]=='A'?'In top 0.01%':'')+(result.pop_inf[1]=='B'?'In top 1%':'')+(result.pop_inf[1]=='C'?'In bottom 99%':'')}}< / span >
< / span >
< div class = "uk-text-muted uk-margin uk-text-small" > Influence: Citation-based measure reflecting the total impact.< / div >
< div >
< a title = "Link to Bip!Finder" class = " uk-float-right" target = "_blank" href =
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details< / a >
< / div >
< / div >
< / span >
2020-04-06 16:49:38 +02:00
< / div >
