1
|
<ul [class]="'uk-list uk-margin ' + custom_class" uk-height-match="target: .portalSearchCard; row: false">
|
2
|
<errorMessages [status]="[status]" [type]="'results'"></errorMessages>
|
3
|
<li *ngFor="let result of results" class="uk-animation-fade uk-margin-auto">
|
4
|
<div class="portalSearchCard uk-position-relative">
|
5
|
<div class="badges">
|
6
|
<div *ngIf="type === 'community' && result.isSubscribed"
|
7
|
class="portal-card-badge uk-text-center">
|
8
|
<span>Subscribed</span>
|
9
|
</div>
|
10
|
<div *ngIf="type === 'community' && result.status == 'manager'"
|
11
|
class="private-card-badge uk-text-center ">
|
12
|
<span>Private</span>
|
13
|
</div>
|
14
|
</div>
|
15
|
<!--<div *ngIf="type === 'stakeholder' && result.visibility !== 'PUBLIC'"
|
16
|
class="uk-position-top-right uk-margin-top uk-margin-right">
|
17
|
<icon [name]="visibilityIcon.get(result.visibility)"></icon>
|
18
|
<span class="space uk-text-small uk-text-capitalize">{{result.visibility.toLowerCase()}}</span>
|
19
|
</div>-->
|
20
|
<div class="uk-grid uk-flex uk-flex-middle" uk-grid>
|
21
|
<a *ngIf="directLink" [href]="(type === 'community')?getCommunityPageUrl(result):getStakeholderPageUrl(result)"
|
22
|
target="_blank"
|
23
|
class="uk-width-1-5@s">
|
24
|
<div class="uk-flex uk-flex-center">
|
25
|
<img *ngIf="result.logoUrl && result.logoUrl != '' && result.isUpload "
|
26
|
[src]="properties.utilsService + '/download/' + result.logoUrl"
|
27
|
alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
|
28
|
<img *ngIf="result.logoUrl && result.logoUrl != '' && !result.isUpload " [src]="result.logoUrl | urlPrefix"
|
29
|
alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
|
30
|
<span *ngIf="result.logoUrl == null || result.logoUrl == ''" class="uk-icon">
|
31
|
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
|
32
|
stroke="#000"
|
33
|
stroke-width="1.1"
|
34
|
cx="7.7" cy="8.6"
|
35
|
r="3.5"></circle> <path
|
36
|
fill="none" stroke="#000" stroke-width="1.1"
|
37
|
d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none"
|
38
|
stroke="#000"
|
39
|
stroke-width="1.1"
|
40
|
d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
41
|
</span>
|
42
|
</div>
|
43
|
</a>
|
44
|
<a *ngIf="!directLink"
|
45
|
class="uk-width-1-5@s"
|
46
|
(click)="confirmModalOpen(result)">
|
47
|
<div class="uk-flex uk-flex-center">
|
48
|
<img *ngIf="result.logoUrl && result.logoUrl != '' && result.isUpload "
|
49
|
[src]="properties.utilsService + '/download/' + result.logoUrl"
|
50
|
alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
|
51
|
<img *ngIf="result.logoUrl && result.logoUrl != '' && !result.isUpload " [src]="result.logoUrl | urlPrefix"
|
52
|
alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
|
53
|
<span *ngIf="(result.logoUrl == null || result.logoUrl == '' )" class="uk-icon">
|
54
|
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
|
55
|
stroke="#000"
|
56
|
stroke-width="1.1"
|
57
|
cx="7.7" cy="8.6"
|
58
|
r="3.5"></circle> <path
|
59
|
fill="none" stroke="#000" stroke-width="1.1"
|
60
|
d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none"
|
61
|
stroke="#000"
|
62
|
stroke-width="1.1"
|
63
|
d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
64
|
</span>
|
65
|
</div>
|
66
|
</a>
|
67
|
<div class="uk-width-expand">
|
68
|
<div *ngIf="type === 'community'" [title]="result.shortTitle" class="uk-text-large uk-grid" uk-grid>
|
69
|
<a *ngIf="directLink" [href]="getCommunityPageUrl(result)" target="_blank"
|
70
|
[class]="(result.isManager)?'uk-width-3-4@s portal-link':'portal-link'">
|
71
|
{{(result.title) ? result.title : result.shortTitle}}
|
72
|
</a>
|
73
|
<a *ngIf="!directLink" (click)="confirmModalOpen(result)" [class]="(result.isManager)?'uk-width-3-4@s':''"
|
74
|
class="portal-link">
|
75
|
{{(result.title) ? result.title : result.shortTitle}}
|
76
|
</a>
|
77
|
<manage *ngIf="result.isManager" [communityId]="result.communityId"
|
78
|
class="uk-width-expand uk-margin-auto-right"></manage>
|
79
|
</div>
|
80
|
<div *ngIf="type === 'stakeholder'" [title]="result.index_shortName" class="uk-text-large uk-grid">
|
81
|
<a *ngIf="directLink" [href]="getStakeholderPageUrl(result)" target="_blank"
|
82
|
[class]="(result.isManager)?'uk-width-3-4@s portal-link':'portal-link'">
|
83
|
{{(result.name) ? result.name : result.index_shortName}}
|
84
|
</a>
|
85
|
<a *ngIf="!directLink" (click)="confirmModalOpen(result)" [class]="(result.isManager)?'uk-width-3-4@s':''"
|
86
|
class="portal-link">
|
87
|
{{(result.name) ? result.name : result.index_shortName}}
|
88
|
</a>
|
89
|
<manage *ngIf="result.isManager" [alias]="result.alias"
|
90
|
class="uk-width-expand uk-margin-auto-right"></manage>
|
91
|
</div>
|
92
|
<div class="uk-margin-small-top uk-text-small">
|
93
|
<span class="uk-text-muted" *ngIf="result.date || result.creationDate">Creation Date:</span>
|
94
|
<span class="space" *ngIf="result.date">{{result.date | date:'dd-MM-yyyy'}}</span>
|
95
|
<span class="space" *ngIf="result.creationDate">{{result.creationDate | date:'dd-MM-yyyy'}}</span>
|
96
|
<span *ngIf="type === 'community' && showType && result.type && result.type != ''" class="uk-margin-left">
|
97
|
<span class="uk-text-muted">Type:</span>
|
98
|
<span
|
99
|
class="space uk-text-capitalize">{{(result.type == 'ri') ? 'Research Initiative' : 'Research Community'}}</span>
|
100
|
</span>
|
101
|
<span *ngIf="type === 'stakeholder' && result.type && result.type != ''" class="uk-margin-left">
|
102
|
<span class="uk-text-muted">Type:</span>
|
103
|
<span
|
104
|
class="space uk-text-capitalize">{{(result.type == 'ri') ? 'research initiative' : result.type}}</span>
|
105
|
</span>
|
106
|
</div>
|
107
|
<div *ngIf="result.description">
|
108
|
<div class="text-justify descriptionText uk-text-small uk-text-muted uk-margin-auto-right">
|
109
|
<!-- [title]="result.description">-->
|
110
|
{{_formatDescription(result.description)}}
|
111
|
</div>
|
112
|
</div>
|
113
|
</div>
|
114
|
</div>
|
115
|
</div>
|
116
|
</li>
|
117
|
</ul>
|
118
|
<modal-alert #AlertModal (alertOutput)="goToPage($event)">
|
119
|
<div class="uk-text-left">
|
120
|
You will be navigated to a new tab. Are you sure that you want to proceed?
|
121
|
</div>
|
122
|
</modal-alert>
|
123
|
|