|
1
|
import {Component, Input} from '@angular/core';
|
|
2
|
|
|
3
|
@Component({
|
|
4
|
selector: 'preview-zenodo-community',
|
|
5
|
template: `
|
|
6
|
<div class="uk-grid uk-flex uk-flex-middle">
|
|
7
|
<a *ngIf="item.logoUrl" target="_blank" [href]="item.link" class="uk-width-auto">
|
|
8
|
<img class="uk-comment-avatar" src="{{item.logoUrl}}" width="80" height="80" alt="">
|
|
9
|
</a>
|
|
10
|
<div class="uk-width-expand">
|
|
11
|
<a class="" target="_blank" href="{{item.link}}">
|
|
12
|
<span *ngIf="item.title">{{item.title}}</span>
|
|
13
|
<span *ngIf="!item.title">[no name available]</span>
|
|
14
|
<span class="custom-external custom-icon space"></span>
|
|
15
|
</a>
|
|
16
|
<div class="uk-comment-meta uk-margin-small-top">
|
|
17
|
last update: {{item.date | date:'yyyy/MM/dd'}}
|
|
18
|
</div>
|
|
19
|
</div>
|
|
20
|
</div>
|
|
21
|
|
|
22
|
<div *ngIf="item.description"
|
|
23
|
class="uk-comment-body uk-text-meta uk-margin-top multi-line-ellipsis lines-3 ">
|
|
24
|
<p>{{item.description|htmlToString}}</p>
|
|
25
|
</div>
|
|
26
|
|
|
27
|
`
|
|
28
|
})
|
|
29
|
|
|
30
|
export class PreviewZenodoCommunityComponent {
|
|
31
|
@Input() item;
|
|
32
|
}
|