|
1
|
<!-- Before title -->
|
|
2
|
<div uk-grid>
|
|
3
|
<div class="uk-width-1-1">
|
|
4
|
<!-- deposit website URL -->
|
|
5
|
<span class="uk-width-expand uk-flex-right">
|
|
6
|
<a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit"
|
|
7
|
class=" zenodoButton uk-float-right uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left">
|
|
8
|
<span><span>Visit repository to deposit</span><span uk-icon="arrow-right"></span></span>
|
|
9
|
</a>
|
|
10
|
</span>
|
|
11
|
<div class="uk-text-small">
|
|
12
|
<span class="uk-text-capitalize">
|
|
13
|
{{beforeTitle.join(' . ')}}
|
|
14
|
</span>
|
|
15
|
<span *ngIf="result.embargoEndDate && result.embargoEndDate != ''">
|
|
16
|
<span *ngIf="beforeTitle.length > 0"> . </span> Embargo End Date: {{result.embargoEndDate | date: 'dd MMM yyyy'}}
|
|
17
|
</span>
|
|
18
|
</div>
|
|
19
|
<!-- Title -->
|
|
20
|
<div class="uk-margin-small-bottom">
|
|
21
|
<div class="uk-h5 uk-margin-remove">
|
|
22
|
<a *ngIf="result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
|
|
23
|
(click)="onClick()" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)"
|
|
24
|
routerLink="/search/{{(result.resultType?result.resultType:'result')}}" class="uk-link uk-width-expand">
|
|
25
|
<div *ngIf="(result.title) || result.acronym">
|
|
26
|
<span *ngIf="result.acronym">
|
|
27
|
{{result.acronym}}
|
|
28
|
</span>
|
|
29
|
<span *ngIf="result.acronym && (result.title)"> (</span>
|
|
30
|
<span *ngIf="result.title" [innerHTML]="result.title"></span>
|
|
31
|
<span *ngIf="result.acronym && result.title">)</span>
|
|
32
|
</div>
|
|
33
|
<div *ngIf="!result.title && !result.acronym">
|
|
34
|
[no title available]
|
|
35
|
</div>
|
|
36
|
</a>
|
|
37
|
<div *ngIf="!result.id || (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)" class="uk-width-expand">
|
|
38
|
<div *ngIf="(result.title) || result.acronym">
|
|
39
|
<span *ngIf="result.acronym">
|
|
40
|
{{result.acronym}}
|
|
41
|
</span>
|
|
42
|
<span *ngIf="result.acronym && (result.title)"> (</span>
|
|
43
|
<span *ngIf="result.title" [innerHTML]="result.title"></span>
|
|
44
|
<span *ngIf="result.acronym && result.title">)</span>
|
|
45
|
</div>
|
|
46
|
<div *ngIf="!result.title && !result.acronym">
|
|
47
|
[no title available]
|
|
48
|
</div>
|
|
49
|
</div>
|
|
50
|
<hr *ngIf="result.websiteURL && promoteWebsiteURL">
|
|
51
|
</div>
|
|
52
|
<!-- Authors -->
|
|
53
|
<div *ngIf="result.authors">
|
|
54
|
<showAuthors [authors]="result.authors" [authorsLimit]=10 [modal]="modal" [showAll]=false></showAuthors>
|
|
55
|
</div>
|
|
56
|
</div>
|
|
57
|
<!-- Funder -->
|
|
58
|
<div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom uk-text-small">
|
|
59
|
<span *ngIf="result.funderShortname">
|
|
60
|
<span class="uk-text-muted">Funder: </span>
|
|
61
|
{{result.funderShortname}}
|
|
62
|
</span>
|
|
63
|
<span *ngIf="result.code" [class.uk-margin-left]="result.funderShortname">
|
|
64
|
<span class="uk-text-muted">Project Code: </span>
|
|
65
|
{{result.code}}
|
|
66
|
</span>
|
|
67
|
</div>
|
|
68
|
<!-- Funder Budget -->
|
|
69
|
<div *ngIf="result.budget || result.contribution" class="uk-margin-small-bottom uk-text-small">
|
|
70
|
<span *ngIf="result.budget">
|
|
71
|
<span class="uk-text-muted">Overall Budget: </span>
|
|
72
|
{{result.budget | number}}
|
|
73
|
<span *ngIf="result.currency">{{result.currency}}</span>
|
|
74
|
</span>
|
|
75
|
<span *ngIf="result.contribution" [class.uk-margin-left]="result.budget">
|
|
76
|
<span class="uk-text-muted">Funder Contribution: </span>
|
|
77
|
{{result.contribution | number}}
|
|
78
|
<span *ngIf="result.currency">{{result.currency}}</span>
|
|
79
|
</span>
|
|
80
|
</div>
|
|
81
|
<!-- Labels -->
|
|
82
|
<div class="uk-margin-small-bottom">
|
|
83
|
<span
|
|
84
|
*ngIf="result.accessMode && result.accessMode.toLowerCase() !== 'not available'"
|
|
85
|
class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
|
|
86
|
title="Access Mode">
|
|
87
|
{{result.accessMode}}
|
|
88
|
</span>{{' '}}
|
|
89
|
<span *ngIf="result.openAccessMandatePublications && (!result.openAccessMandateDatasets)"
|
|
90
|
class="uk-label custom-label label-open"
|
|
91
|
title="Open Access mandate for Publications">
|
|
92
|
Open Access mandate for Publications
|
|
93
|
</span>{{' '}}
|
|
94
|
<span
|
|
95
|
*ngIf="result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets && (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"
|
|
96
|
class="uk-label custom-label label-open " title="Open Access mandate for Research Data">
|
|
97
|
Open Access mandate for Research Data
|
|
98
|
</span>{{' '}}
|
|
99
|
<span
|
|
100
|
*ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets"
|
|
101
|
class="uk-label custom-label label-open "
|
|
102
|
title="Open Access mandate for Publications and Research Data">
|
|
103
|
Open Access mandate for Publications and Research Data
|
|
104
|
</span>{{' '}}
|
|
105
|
<span *ngIf="result.languages && removeUnknown(result.languages).length > 0">
|
|
106
|
<span *ngFor="let language of removeUnknown(result.languages)"
|
|
107
|
class="uk-label custom-label label-language " title="Language">
|
|
108
|
{{language}}
|
|
109
|
</span>{{' '}}
|
|
110
|
</span>
|
|
111
|
<span *ngIf="result.programmingLanguages && result.programmingLanguages.length > 0">
|
|
112
|
<span *ngFor="let programmingLanguage of result.programmingLanguages"
|
|
113
|
class="uk-label custom-label label-language" title="Programming Language">
|
|
114
|
{{programmingLanguage}}
|
|
115
|
</span>{{" "}}
|
|
116
|
</span>
|
|
117
|
<span *ngIf="result.sc39" class="uk-label custom-label label-sc39" title="Special Clause 39">
|
|
118
|
Special Clause 39
|
|
119
|
</span>{{' '}}
|
|
120
|
<span *ngIf="result.compatibility && result.compatibility != '' && result.compatibility != 'not available'"
|
|
121
|
class="uk-label custom-label label-compatibility" title="Compatibility">
|
|
122
|
{{result.compatibility}}
|
|
123
|
</span>{{' '}}
|
|
124
|
<span *ngIf="result.compatibility != undefined && result.compatibility != '' && result.compatibility ==
|
|
125
|
'not available'"
|
|
126
|
class="uk-label custom-label label-danger" title="OpenAIRE Compatibility">Not yet registered</span>
|
|
127
|
{{' '}}
|
|
128
|
</div>
|
|
129
|
<!-- Identifiers -->
|
|
130
|
<div *ngIf="result.identifiers && result.identifiers.size > 0" class="uk-margin-bottom">
|
|
131
|
<showIdentifiers [identifiers]="result.identifiers" [properties]="properties"></showIdentifiers>
|
|
132
|
</div>
|
|
133
|
<!-- Publisher -->
|
|
134
|
<div *ngIf="result.publisher && result.publisher != ''" class="uk-text-small uk-margin-small-bottom">
|
|
135
|
<span class="uk-text-muted">Publisher: </span>
|
|
136
|
{{result.publisher}}
|
|
137
|
</div>
|
|
138
|
<!-- Countries -->
|
|
139
|
<div *ngIf="result.countries && result.countries.length > 0"
|
|
140
|
class="uk-text-small uk-margin-small-bottom">
|
|
141
|
<span class="uk-text-muted">{{(result.countries.length == 1) ? 'Country' : 'Countries'}}: </span>
|
|
142
|
<span *ngFor="let country of result.countries.slice(0,10) let i = index">
|
|
143
|
{{country}}{{(i < (result.countries.slice(0, 10).length - 1)) ? ", " : ""}}
|
|
144
|
{{(i == result.countries.slice(0, 10).length - 1 && result.countries.length > 10) ? "..." : ""}}
|
|
145
|
</span>
|
|
146
|
</div>
|
|
147
|
<!-- Projects -->
|
|
148
|
<div *ngIf="result.projects && result.projects.length > 0" class="uk-text-small uk-margin-small-bottom">
|
|
149
|
<span class="uk-text-muted"> Project: </span>
|
|
150
|
<span *ngFor="let project of result.projects.slice(0,10) let i=index">
|
|
151
|
<span>
|
|
152
|
{{project.funderShortname ? project.funderShortname : project.funderName}}
|
|
153
|
</span>
|
|
154
|
<span *ngIf="project.acronym || project.title">
|
|
155
|
| {{ project.acronym ? project.acronym : (project.title.length > 25 ?
|
|
156
|
project.title.substring(0, 25) + '...' : project.title)}}
|
|
157
|
</span>
|
|
158
|
<span *ngIf="project.code"> ({{project.code}})</span>
|
|
159
|
<span *ngIf="i < result.projects.length-1">,</span>
|
|
160
|
</span>
|
|
161
|
<span *ngIf="result.projects.length > 10">...</span>
|
|
162
|
</div>
|
|
163
|
<!-- Organizations -->
|
|
164
|
<div *ngIf="showOrganizations && result.organizations && result.organizations.length > 0"
|
|
165
|
class="uk-text-small uk-margin-small-bottom">
|
|
166
|
<span class="uk-text-muted">Organization: </span>
|
|
167
|
<span *ngFor="let organization of result.organizations.slice(0,10) let i=index">
|
|
168
|
<span>{{organization.name}}</span>
|
|
169
|
<span *ngIf="(i < result.organizations.length-1) && (i < 9)">, </span>
|
|
170
|
</span>
|
|
171
|
<span *ngIf="result.organizations.length > 10">...</span>
|
|
172
|
</div>
|
|
173
|
<!-- Website URL -->
|
|
174
|
<div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-text-small uk-margin-small-bottom">
|
|
175
|
<span class="uk-text-muted">Website URL: </span>
|
|
176
|
<span>
|
|
177
|
<a href="{{result.websiteURL}}" target="_blank" class="custom-external custom-icon">
|
|
178
|
{{result.websiteURL}}
|
|
179
|
</a>
|
|
180
|
</span>
|
|
181
|
</div>
|
|
182
|
<!-- OAI-PMH URL-->
|
|
183
|
<div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-text-small uk-margin-small-bottom">
|
|
184
|
<span class="uk-text-muted">OAI-PMH URL: </span>
|
|
185
|
<span>
|
|
186
|
<a href="{{result.OAIPMHURL}}" target="_blank" class="custom-external custom-icon">
|
|
187
|
{{result.OAIPMHURL}}
|
|
188
|
</a>
|
|
189
|
</span>
|
|
190
|
</div>
|
|
191
|
<!-- Subjects -->
|
|
192
|
<div *ngIf="showSubjects && result.subjects && result.subjects.length > 0"
|
|
193
|
class="uk-text-small uk-margin-small-bottom">
|
|
194
|
<span class="uk-text-muted">Subject: </span>
|
|
195
|
<span *ngFor="let subject of result.subjects.slice(0,10) let i = index">
|
|
196
|
<span>{{subject}}</span>
|
|
197
|
<span>{{(i < (result.subjects.slice(0, 10).length - 1)) ? ", " : ""}}</span>
|
|
198
|
<span>{{(i == result.subjects.slice(0, 10).length - 1 && result.subjects.length > 10) ? "..." : ""}}</span>
|
|
199
|
</span>
|
|
200
|
</div>
|
|
201
|
</div>
|
|
202
|
</div>
|
|
203
|
<!-- Description -->
|
|
204
|
<div *ngIf="result.description" class="uk-margin-small-bottom multi-line-ellipsis lines-3">
|
|
205
|
<p class="uk-text-small uk-text-muted">
|
|
206
|
{{result.description}}
|
|
207
|
</p>
|
|
208
|
</div>
|
|
209
|
<!-- Download from-->
|
|
210
|
<div *ngIf="result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"
|
|
211
|
class="uk-margin-small-bottom download-from">
|
|
212
|
<div *ngFor="let from of result.hostedBy_collectedFrom">
|
|
213
|
<span class="uk-margin-right uk-display-inline-block">
|
|
214
|
<span class="uk-text-muted">Download from: </span>
|
|
215
|
<a *ngIf="from.downloadUrl && from.downloadUrl.length === 1"
|
|
216
|
[href]="from.downloadUrl[0]" target="_blank" class="title">
|
|
217
|
{{from.downloadName}}
|
|
218
|
<span class="custom-external space"></span>
|
|
219
|
</a>
|
|
220
|
<span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">
|
|
221
|
{{from.downloadName}}
|
|
222
|
</span>
|
|
223
|
</span>
|
|
224
|
<span class="provider uk-display-inline-block">
|
|
225
|
<span class="uk-text-muted">Provider: </span>
|
|
226
|
<a *ngIf="from.collectedId" routerLink="/search/dataprovider" [queryParams]="{datasourceId: from.collectedId}"
|
|
227
|
[href]="from.downloadUrl[0]" target="_blank">
|
|
228
|
{{from.collectedName}}
|
|
229
|
<span class="custom-external space"></span>
|
|
230
|
</a>
|
|
231
|
<span *ngIf="!from.collectedId">
|
|
232
|
{{from.collectedName}}
|
|
233
|
</span>
|
|
234
|
</span>
|
|
235
|
</div>
|
|
236
|
</div>
|
|
237
|
<div>
|
|
238
|
<!-- Impact Factors-->
|
|
239
|
<span *ngIf="result.pop_inf && result.DOI" class="uk-flex uk-flex-middle">
|
|
240
|
<!--Popularity -->
|
|
241
|
<a title = "Popularity" class="popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle">
|
|
242
|
<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>
|
|
243
|
<span class="uk-margin-small-left"
|
|
244
|
>
|
|
245
|
{{" "+result.pop_inf[2]+
|
|
246
|
" popularity" }}</span>
|
|
247
|
|
|
248
|
</a>
|
|
249
|
<div
|
|
250
|
class="default-dropdown uk-margin-remove-top uk-padding-medium"
|
|
251
|
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
|
252
|
<span class=" uk-flex uk-flex-middle">
|
|
253
|
<span class="popularity-{{result.pop_inf[0]}}">
|
|
254
|
<svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
|
|
255
|
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>
|
|
256
|
</span>
|
|
257
|
<span class=" uk-margin-small-left uk-text-large"
|
|
258
|
>{{" "+result.pop_inf[2]+
|
|
259
|
" popularity" }}</span>
|
|
260
|
<span
|
|
261
|
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>
|
|
262
|
</span>
|
|
263
|
|
|
264
|
<div class="uk-text-muted uk-margin uk-text-small">Popularity: Citation-based measure reflecting the current impact.</div>
|
|
265
|
<div>
|
|
266
|
<a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
|
|
267
|
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
|
|
268
|
</div>
|
|
269
|
</div>
|
|
270
|
<!--Influence -->
|
|
271
|
<a title = "Influence" class="influence-{{result.pop_inf[1]}} uk-flex uk-flex-middle">
|
|
272
|
<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>
|
|
273
|
<span class="uk-margin-small-left"
|
|
274
|
>{{" "+result.pop_inf[3]+
|
|
275
|
" influence" }}</span>
|
|
276
|
</a>
|
|
277
|
<div
|
|
278
|
class="default-dropdown uk-margin-remove-top uk-padding-medium"
|
|
279
|
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
|
280
|
<span class=" uk-flex uk-flex-middle">
|
|
281
|
<span class="influence-{{result.pop_inf[1]}}">
|
|
282
|
<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>
|
|
283
|
</span>
|
|
284
|
<span class=" uk-margin-small-left uk-text-large"
|
|
285
|
>{{result.pop_inf[3]+
|
|
286
|
" influence" }}</span>
|
|
287
|
<span
|
|
288
|
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>
|
|
289
|
</span>
|
|
290
|
|
|
291
|
<div class="uk-text-muted uk-margin uk-text-small">Influence: Citation-based measure reflecting the total impact.</div>
|
|
292
|
<div>
|
|
293
|
<a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
|
|
294
|
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
|
|
295
|
</div>
|
|
296
|
</div>
|
|
297
|
</span>
|
|
298
|
</div>
|