Revision 58281
Added by Stefania Martziou about 4 years ago
content-notifications-of-subscription.component.html | ||
---|---|---|
29 | 29 |
<div *ngIf="noEvents" class="uk-alert">{{ noEvents }}</div> |
30 | 30 |
<div *ngIf="!noEvents && !loadingMessage && !errorMessage && eventsPage && eventsPage.totalPages>0" class="events-results"> |
31 | 31 |
|
32 |
<div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>
|
|
32 |
<div style="display: flex;justify-content: space-between;">
|
|
33 | 33 |
|
34 |
<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover md-card-overlay {{ (selectedItemIndex == item_i) ? 'md-card-overlay-active' : '' }}"> |
|
35 |
<div class="md-card-content truncate-text" style="overflow-wrap: break-word;"> |
|
34 |
<div class="resultsInfo" style="margin-top: auto;"> |
|
35 |
<span class="number">{{eventsPage.total}}</span> RESULTS, PAGE <span class="number">{{(currentPage)+1}}</span> OF <span class="number">{{ eventsPage.totalPages }}</span> |
|
36 |
</div> |
|
36 | 37 |
|
38 |
<div class="uk-inline"> |
|
39 |
<ul class="uk-pagination" uk-margin> |
|
40 |
<li><a (click)="goToPreviousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li> |
|
41 |
<li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li> |
|
42 |
<li><a (click)="goToNextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li> |
|
43 |
</ul> |
|
44 |
</div> |
|
45 |
|
|
46 |
</div> |
|
47 |
|
|
48 |
|
|
49 |
<hr class="adminResultsHeader"> |
|
50 |
|
|
51 |
<!--<div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>--> |
|
52 |
|
|
53 |
<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover eventCard"> |
|
54 |
<div class="md-card-content large-padding"> |
|
55 |
|
|
56 |
<div *ngIf="event.publication.originalId" class="uk-text-meta">ID: {{event.publication.originalId}}</div> |
|
57 |
|
|
58 |
<div *ngIf="event.publication.titles && event.publication.titles.length>0"> |
|
59 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top"> |
|
60 |
<h4>{{ event.publication.titles[0] }}</h4> |
|
61 |
</div> |
|
62 |
</div> |
|
63 |
|
|
37 | 64 |
<ng-container *ngIf="event.highlight.pids && event.highlight.pids.length>0"> |
38 |
<table class="uk-table uk-table-middle"> |
|
39 |
<tbody> |
|
40 |
<tr class="el-item md-bg-green-50"> |
|
41 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">PID(s)</strong></td> |
|
42 |
<td class="uk-table-shrink"> |
|
43 |
<div class="el-title"> |
|
44 |
<span *ngFor="let pid of event.publication.pids; let a_index = index"> |
|
45 |
<br *ngIf="a_index > 0"> |
|
46 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b> |
|
47 |
<span *ngFor="let hl_pid of event.highlight.pids"> |
|
48 |
<span *ngIf="hl_pid.value.indexOf(pid.value)>=0 && event.highlight.pids.length>0 && event.provenance"> |
|
49 |
<span class="uk-label uk-label-success">added</span> |
|
50 |
<span class="pull-right"> |
|
51 |
<b>from: </b> |
|
52 |
<ng-container *ngIf="event.provenance.url"> |
|
53 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
54 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
55 |
</ng-container> |
|
56 |
<ng-container *ngIf="!event.provenance.url"> |
|
57 |
<span>{{ event.provenance.repositoryName }}</span> |
|
58 |
</ng-container> |
|
59 |
</span> |
|
60 |
</span> |
|
61 |
</span> |
|
62 |
</span> |
|
63 |
</span> |
|
64 |
</div> |
|
65 |
</td> |
|
66 |
</tr> |
|
67 |
</tbody> |
|
68 |
</table> |
|
65 |
|
|
66 |
<div class="small-content"> |
|
67 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.pids.length}} PID(s) added</span> |
|
68 |
<span class="mute-title">FROM: </span> |
|
69 |
<ng-container *ngIf="event.provenance.url"> |
|
70 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
71 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
72 |
</ng-container> |
|
73 |
<ng-container *ngIf="!event.provenance.url"> |
|
74 |
<span>{{ event.provenance.repositoryName }}</span> |
|
75 |
</ng-container> |
|
76 |
</div> |
|
77 |
|
|
78 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
79 |
<div *ngFor="let pid of event.highlight.pids; let p_index = index" class="uk-margin-small-bottom"> |
|
80 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
81 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b></span> |
|
82 |
</div> |
|
83 |
</div> |
|
84 |
|
|
69 | 85 |
</ng-container> |
70 | 86 |
|
71 | 87 |
<ng-container *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0"> |
72 |
<table class="uk-table uk-table-middle"> |
|
73 |
<tbody> |
|
74 |
<tr class="el-item md-bg-green-50"> |
|
75 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Abstract(s)</strong></td> |
|
76 |
<td class="uk-table-shrink"> |
|
77 |
<div class="el-title"> |
|
78 |
<span *ngFor="let abs of event.publication.abstracts; let a_index = index"> |
|
79 |
<br *ngIf="a_index > 1"> |
|
80 |
<span><read-more-text [text]="abs" [maxHeight]="80"></read-more-text></span> |
|
81 |
<!--<span>{{ abs }}</span>--> |
|
82 |
<span *ngIf="event.highlight.abstracts.indexOf(abs)>=0 && event.highlight.abstracts.length>0 && event.provenance"> |
|
83 |
<span class="pull-right"> |
|
84 |
<b>from: </b> |
|
85 |
<ng-container *ngIf="event.provenance.url"> |
|
86 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
87 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
88 |
</ng-container> |
|
89 |
<ng-container *ngIf="!event.provenance.url"> |
|
90 |
<span>{{ event.provenance.repositoryName }}</span> |
|
91 |
</ng-container> |
|
92 |
</span> |
|
93 |
</span> |
|
94 |
</span> |
|
95 |
</div> |
|
96 |
</td> |
|
97 |
</tr> |
|
98 |
</tbody> |
|
99 |
</table> |
|
88 |
|
|
89 |
<div class="small-content"> |
|
90 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.abstracts.length}} Abstract(s) added</span> |
|
91 |
<span class="mute-title">FROM: </span> |
|
92 |
<ng-container *ngIf="event.provenance.url"> |
|
93 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
94 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
95 |
</ng-container> |
|
96 |
<ng-container *ngIf="!event.provenance.url"> |
|
97 |
<span>{{ event.provenance.repositoryName }}</span> |
|
98 |
</ng-container> |
|
99 |
</div> |
|
100 |
|
|
101 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
102 |
<div *ngFor="let abs of event.highlight.abstracts; let a_index = index" class="uk-margin-small-bottom"> |
|
103 |
<span class="highlightIndex">{{(a_index + 1)}}. </span> |
|
104 |
<span class=""><read-more-text [text]="abs" [maxHeight]="40"></read-more-text></span> |
|
105 |
</div> |
|
106 |
</div> |
|
107 |
|
|
100 | 108 |
</ng-container> |
101 | 109 |
|
102 | 110 |
<ng-container *ngIf="event.highlight.projects && event.highlight.projects.length>0"> |
103 |
<table class="uk-table uk-table-middle"> |
|
104 |
<tbody> |
|
105 |
<tr class="el-item md-bg-green-50"> |
|
106 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td> |
|
107 |
<td class="uk-table-shrink"> |
|
108 |
<div class="el-title"> |
|
109 |
<span *ngFor="let proj of event.publication.projects; let p_index = index"> |
|
110 |
<br *ngIf="p_index > 0"> |
|
111 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
112 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
113 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
114 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
115 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
116 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
117 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
118 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
119 |
</span> |
|
120 |
<span *ngFor="let hl_proj of event.highlight.projects"> |
|
121 |
<span *ngIf="hl_proj.code.indexOf(proj.code)>=0 && event.highlight.projects.length>0 && event.provenance"> |
|
122 |
<span class="pull-right"> |
|
123 |
<b>from: </b> |
|
124 |
<ng-container *ngIf="event.provenance.url"> |
|
125 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
126 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
127 |
</ng-container> |
|
128 |
<ng-container *ngIf="!event.provenance.url"> |
|
129 |
<span>{{ event.provenance.repositoryName }}</span> |
|
130 |
</ng-container> |
|
131 |
</span> |
|
132 |
</span> |
|
133 |
</span> |
|
134 |
</span> |
|
135 |
</div> |
|
136 |
</td> |
|
137 |
</tr> |
|
138 |
</tbody> |
|
139 |
</table> |
|
111 |
|
|
112 |
<div class="small-content"> |
|
113 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.projects.length}} Project(s) added</span> |
|
114 |
<span class="mute-title">FROM: </span> |
|
115 |
<ng-container *ngIf="event.provenance.url"> |
|
116 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
117 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
118 |
</ng-container> |
|
119 |
<ng-container *ngIf="!event.provenance.url"> |
|
120 |
<span>{{ event.provenance.repositoryName }}</span> |
|
121 |
</ng-container> |
|
122 |
</div> |
|
123 |
|
|
124 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
125 |
<div *ngFor="let proj of event.highlight.projects; let p_index = index" class="uk-margin-small-bottom"> |
|
126 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
127 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
128 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
129 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
130 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
131 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
132 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
133 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
134 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
135 |
</span> |
|
136 |
</div> |
|
137 |
</div> |
|
138 |
|
|
140 | 139 |
</ng-container> |
141 | 140 |
|
142 | 141 |
<ng-container *ngIf="event.highlight.subjects && event.highlight.subjects.length>0"> |
143 |
<table class="uk-table uk-table-middle"> |
|
144 |
<tbody> |
|
145 |
<tr class="el-item md-bg-green-50"> |
|
146 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Subject(s)</strong></td> |
|
147 |
<td class="uk-table-shrink"> |
|
148 |
<div class="el-title"> |
|
149 |
<span *ngFor="let subj of event.publication.subjects; let s_index = index"> |
|
150 |
<br *ngIf="s_index > 0"> |
|
151 |
<span>{{ subj }}</span> |
|
152 |
<span *ngIf="event.highlight.subjects.indexOf(subj)>=0 && event.highlight.subjects.length>0 && event.provenance"> |
|
153 |
<span class="pull-right"> |
|
154 |
<b>from: </b> |
|
155 |
<ng-container *ngIf="event.provenance.url"> |
|
156 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
157 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
158 |
</ng-container> |
|
159 |
<ng-container *ngIf="!event.provenance.url"> |
|
160 |
<span>{{ event.provenance.repositoryName }}</span> |
|
161 |
</ng-container> |
|
162 |
</span> |
|
163 |
</span> |
|
164 |
</span> |
|
165 |
</div> |
|
166 |
</td> |
|
167 |
</tr> |
|
168 |
</tbody> |
|
169 |
</table> |
|
142 |
|
|
143 |
<div class="small-content"> |
|
144 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.subjects.length}} Subject(s) added</span> |
|
145 |
<span class="mute-title">FROM: </span> |
|
146 |
<ng-container *ngIf="event.provenance.url"> |
|
147 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
148 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
149 |
</ng-container> |
|
150 |
<ng-container *ngIf="!event.provenance.url"> |
|
151 |
<span>{{ event.provenance.repositoryName }}</span> |
|
152 |
</ng-container> |
|
153 |
</div> |
|
154 |
|
|
155 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
156 |
<div *ngFor="let subj of event.highlight.subjects; let s_index = index" class="uk-margin-small-bottom"> |
|
157 |
<span class="highlightIndex">{{(s_index + 1)}}. </span> |
|
158 |
<span>{{ subj }}</span> |
|
159 |
</div> |
|
160 |
</div> |
|
161 |
|
|
170 | 162 |
</ng-container> |
171 | 163 |
|
172 | 164 |
<ng-container *ngIf="event.highlight.publications && event.highlight.publications.length>0"> |
173 |
<table class="uk-table uk-table-middle"> |
|
174 |
<tbody> |
|
175 |
<tr class="el-item md-bg-green-50"> |
|
176 |
<td *ngIf="this.topic.includes('PUBLICATION')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
177 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Publication(s)</strong> |
|
178 |
</td> |
|
179 |
<td *ngIf="!(this.topic.includes('PUBLICATION'))" |
|
180 |
class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
181 |
<strong class="el-title uk-display-block">Publication(s)</strong> |
|
182 |
</td> |
|
183 |
<td class="uk-table-shrink"> |
|
184 |
<div class="el-title"> |
|
185 |
<span *ngFor="let pub of event.publication.publications; let s_index = index"> |
|
186 |
<br *ngIf="s_index > 0"> |
|
187 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
188 |
<span *ngFor="let hl_pub of event.highlight.publications"> |
|
189 |
<span *ngIf="hl_pub.originalId.indexOf(pub.originalId)>=0 && event.highlight.publications.length>0 && event.provenance"> |
|
190 |
<span class="pull-right"> |
|
191 |
<b>from: </b> |
|
192 |
<ng-container *ngIf="event.provenance.url"> |
|
193 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
194 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
195 |
</ng-container> |
|
196 |
<ng-container *ngIf="!event.provenance.url"> |
|
197 |
<span>{{ event.provenance.repositoryName }}</span> |
|
198 |
</ng-container> |
|
199 |
</span> |
|
200 |
</span> |
|
201 |
</span> |
|
202 |
</span> |
|
203 |
</div> |
|
204 |
</td> |
|
205 |
</tr> |
|
206 |
</tbody> |
|
207 |
</table> |
|
165 |
|
|
166 |
<div class="small-content"> |
|
167 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.publications.length}} Publications(s) added</span> |
|
168 |
<span class="mute-title">FROM: </span> |
|
169 |
<ng-container *ngIf="event.provenance.url"> |
|
170 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
171 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
172 |
</ng-container> |
|
173 |
<ng-container *ngIf="!event.provenance.url"> |
|
174 |
<span>{{ event.provenance.repositoryName }}</span> |
|
175 |
</ng-container> |
|
176 |
</div> |
|
177 |
|
|
178 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
179 |
<div *ngFor="let pub of event.highlight.publications; let p_index = index" class="uk-margin-small-bottom"> |
|
180 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
181 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
182 |
</div> |
|
183 |
</div> |
|
184 |
|
|
208 | 185 |
</ng-container> |
209 | 186 |
|
210 | 187 |
<ng-container *ngIf="event.highlight.datasets && event.highlight.datasets.length>0"> |
211 |
<table class="uk-table uk-table-middle"> |
|
212 |
<tbody> |
|
213 |
<tr class="el-item md-bg-green-50"> |
|
214 |
<td *ngIf="this.topic.includes('DATASET')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
215 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Dataset(s)</strong> |
|
216 |
</td> |
|
217 |
<td *ngIf="!(this.topic.includes('DATASET'))" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
218 |
<strong class="el-title uk-display-block">Dataset(s)</strong> |
|
219 |
</td> |
|
220 |
<td class="uk-table-shrink"> |
|
221 |
<div class="el-title"> |
|
222 |
<span *ngFor="let dataset of event.publication.datasets; let s_index = index"> |
|
223 |
<br *ngIf="s_index > 0"> |
|
224 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
225 |
<span *ngFor="let hl_dataset of event.highlight.datasets"> |
|
226 |
<span *ngIf="hl_dataset.pids.indexOf(dataset.pids[s_index])>=0 && event.highlight.datasets.length>0 && event.provenance"> |
|
227 |
<span class="pull-right"> |
|
228 |
<b>from: </b> |
|
229 |
<ng-container *ngIf="event.provenance.url"> |
|
230 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
231 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
232 |
</ng-container> |
|
233 |
<ng-container *ngIf="!event.provenance.url"> |
|
234 |
<span>{{ event.provenance.repositoryName }}</span> |
|
235 |
</ng-container> |
|
236 |
</span> |
|
237 |
</span> |
|
238 |
</span> |
|
239 |
</span> |
|
240 |
</div> |
|
241 |
</td> |
|
242 |
</tr> |
|
243 |
</tbody> |
|
244 |
</table> |
|
188 |
|
|
189 |
<div class="small-content"> |
|
190 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.datasets.length}} Dataset(s) added</span> |
|
191 |
<span class="mute-title">FROM: </span> |
|
192 |
<ng-container *ngIf="event.provenance.url"> |
|
193 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
194 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
195 |
</ng-container> |
|
196 |
<ng-container *ngIf="!event.provenance.url"> |
|
197 |
<span>{{ event.provenance.repositoryName }}</span> |
|
198 |
</ng-container> |
|
199 |
</div> |
|
200 |
|
|
201 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
202 |
<div *ngFor="let dataset of event.highlight.datasets; let d_index = index" class="uk-margin-small-bottom"> |
|
203 |
<span class="highlightIndex">{{(d_index + 1)}}. </span> |
|
204 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
205 |
</div> |
|
206 |
</div> |
|
207 |
|
|
245 | 208 |
</ng-container> |
246 | 209 |
|
247 |
<ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0"> |
|
248 |
<table class="uk-table uk-table-middle"> |
|
249 |
<tbody> |
|
250 |
<tr class="el-item md-bg-green-50"> |
|
251 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Rights</strong></td> |
|
252 |
<td class="uk-table-shrink"> |
|
253 |
<div class="el-title"> |
|
254 |
<span *ngFor="let l of event.publication.instances; let l_index = index"> |
|
255 |
<br *ngIf="l_index > 0"> |
|
256 |
<span> |
|
257 |
{{ l.license }} <b>{{ l.hostedby }}</b><br> |
|
258 |
<a href="{{ l.url }}" target="_blank">{{ l.url }}</a> |
|
259 |
</span> |
|
260 |
<span *ngFor="let hl of event.highlight.instances"> |
|
261 |
<span *ngIf="hl.hostedby.indexOf(l.hostedby)>=0 && event.highlight.instances.length>0 && event.provenance"> |
|
262 |
<span class="uk-label uk-label-success">added</span> |
|
263 |
<b>from: </b> |
|
264 |
<ng-container *ngIf="event.provenance.url"> |
|
265 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
266 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
267 |
</ng-container> |
|
268 |
<ng-container *ngIf="!event.provenance.url"> |
|
269 |
<span>{{ event.provenance.repositoryName }}</span> |
|
270 |
</ng-container> |
|
271 |
</span> |
|
272 |
</span> |
|
273 |
</span> |
|
274 |
</div> |
|
275 |
</td> |
|
276 |
</tr> |
|
277 |
</tbody> |
|
278 |
</table> |
|
210 |
<ng-container *ngIf="event.highlight.softwares && event.highlight.softwares.length>0"> |
|
211 |
|
|
212 |
<div class="small-content"> |
|
213 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.softwares.length}} Software(s) added</span> |
|
214 |
<span class="mute-title">FROM: </span> |
|
215 |
<ng-container *ngIf="event.provenance.url"> |
|
216 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
217 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
218 |
</ng-container> |
|
219 |
<ng-container *ngIf="!event.provenance.url"> |
|
220 |
<span>{{ event.provenance.repositoryName }}</span> |
|
221 |
</ng-container> |
|
222 |
</div> |
|
223 |
|
|
224 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
225 |
<div *ngFor="let software of event.highlight.softwares; let s_index = index" class="uk-margin-small-bottom"> |
|
226 |
<span class="highlightIndex">{{(s_index + 1)}}. </span> |
|
227 |
<span>{{ software.name }}</span> |
|
228 |
<span *ngIf="software.description"> <br> {{ software.description }}</span> |
|
229 |
<span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span> |
|
230 |
</div> |
|
231 |
</div> |
|
232 |
|
|
279 | 233 |
</ng-container> |
280 | 234 |
|
281 |
</div>
|
|
235 |
<ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0">
|
|
282 | 236 |
|
283 |
<div class="md-card-overlay-content"> |
|
284 |
<div class="uk-clearfix md-card-overlay-header"> |
|
285 |
<i class="md-icon md-icon material-icons md-card-overlay-toggler" (click)="displayFullResultInfo(item_i)">{{ (selectedItemIndex == item_i) ? 'clear' : 'more_vert' }}</i> |
|
237 |
<div class="small-content"> |
|
238 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} Right(s) added</span> |
|
239 |
<span class="mute-title">FROM: </span> |
|
240 |
<ng-container *ngIf="event.provenance.url"> |
|
241 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
242 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
243 |
</ng-container> |
|
244 |
<ng-container *ngIf="!event.provenance.url"> |
|
245 |
<span>{{ event.provenance.repositoryName }}</span> |
|
246 |
</ng-container> |
|
247 |
</div> |
|
286 | 248 |
|
287 |
<h2 *ngIf="event.publication.titles && event.publication.titles.length>0" class="heading_a uk-margin-bottom"> |
|
288 |
<span class="uk-badge uk-badge-primary uk-margin-small-right">Trust: {{ event.trust }}</span> |
|
289 |
{{ event.publication.titles[0] }} |
|
290 |
<span *ngIf="event.publication.originalId" class="sub-heading uk-margin-left">({{event.publication.originalId}})</span> |
|
291 |
</h2> |
|
249 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
250 |
<div *ngFor="let l of event.highlight.instances; let l_index = index" class="uk-margin-small-bottom"> |
|
251 |
<span class="highlightIndex">{{(l_index + 1)}}. </span> |
|
252 |
<span> |
|
253 |
{{ l.license }} <b>{{ l.hostedby }}</b> |
|
254 |
<a href="{{ l.url }}" target="_blank" class="uk-margin-left">{{ l.url }}</a> |
|
255 |
</span> |
|
256 |
</div> |
|
257 |
</div> |
|
292 | 258 |
|
259 |
</ng-container> |
|
260 |
|
|
261 |
<div *ngIf="selectedItemIndex == item_i" class="uk-text-meta uk-text-center"> |
|
262 |
<a (click)="showLess(item_i)">Show less <i class="fas fa-angle-up uk-margin-small-left"></i></a> |
|
293 | 263 |
</div> |
294 |
<div class="truncate-text"> |
|
295 |
<table class="uk-table uk-table-striped uk-table-middle"> |
|
296 |
<tbody> |
|
297 |
<tr class="el-item" *ngIf="event.publication.originalId"> |
|
298 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">ID</strong></td> |
|
299 |
<td class="uk-table-shrink"> |
|
300 |
<div class="el-title">{{ event.publication.originalId }}</div> |
|
301 |
</td> |
|
302 |
</tr> |
|
303 |
<tr class="el-item" *ngIf="event.publication.titles && event.publication.titles.length>0"> |
|
304 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Title(s)</strong></td> |
|
305 |
<td class="uk-table-shrink"> |
|
306 |
<div class="el-title"> |
|
307 |
<span *ngFor="let t of event.publication.titles; let ti_index = index"> |
|
308 |
<br *ngIf="ti_index>0"> |
|
309 |
<span>{{ t }}</span> |
|
310 |
</span> |
|
311 |
</div> |
|
312 |
</td> |
|
313 |
</tr> |
|
314 |
<tr class="el-item" *ngIf="event.publication.creators && event.publication.creators.length>0"> |
|
315 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Author(s)</strong></td> |
|
316 |
<td class="uk-table-shrink"> |
|
317 |
<div class="el-title"> |
|
318 |
<span *ngFor="let auth of event.publication.creators; let au_index = index"> |
|
319 |
<span *ngIf="au_index>0"> | </span> |
|
320 |
<span>{{ auth }}</span> |
|
321 |
</span> |
|
322 |
</div> |
|
323 |
</td> |
|
324 |
</tr> |
|
325 |
<tr class="el-item" *ngIf="event.publication.pids && event.publication.pids.length>0" |
|
326 |
[ngClass]="{'md-bg-green-50': event.highlight.pids && event.highlight.pids.length>0 }"> |
|
327 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">PID(s)</strong></td> |
|
328 |
<td class="uk-table-shrink"> |
|
329 |
<div class="el-title"> |
|
330 |
<span *ngFor="let pid of event.publication.pids; let a_index = index"> |
|
331 |
<br *ngIf="a_index > 0"> |
|
332 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b> |
|
333 |
<span *ngFor="let hl_pid of event.highlight.pids"> |
|
334 |
<span *ngIf="hl_pid.value.indexOf(pid.value)>=0 && event.highlight.pids.length>0 && event.provenance"> |
|
335 |
<span class="uk-label uk-label-success">added</span> |
|
336 |
<span class="pull-right"> |
|
337 |
<b>from: </b> |
|
338 |
<ng-container *ngIf="event.provenance.url"> |
|
339 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
340 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
341 |
</ng-container> |
|
342 |
<ng-container *ngIf="!event.provenance.url"> |
|
343 |
<span>{{ event.provenance.repositoryName }}</span> |
|
344 |
</ng-container> |
|
345 |
</span> |
|
346 |
</span> |
|
347 |
</span> |
|
348 |
</span> |
|
349 |
</span> |
|
350 |
</div> |
|
351 |
</td> |
|
352 |
</tr> |
|
353 |
<tr class="el-item" *ngIf="event.publication.abstracts && event.publication.abstracts.length>0" |
|
354 |
[ngClass]="{'md-bg-green-50': event.highlight.abstracts && event.highlight.abstracts.length>0 }"> |
|
355 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Abstract(s)</strong></td> |
|
356 |
<td class="uk-table-shrink"> |
|
357 |
<div class="el-title"> |
|
358 |
<span *ngFor="let abs of event.publication.abstracts; let a_index = index"> |
|
359 |
<br *ngIf="a_index > 1"> |
|
360 |
<!--<span>{{ abs }}</span>--> |
|
361 |
<span> |
|
362 |
<read-more-text [text]="abs" [maxHeight]="80"></read-more-text> |
|
363 |
</span> |
|
364 |
<span *ngIf="event.highlight.abstracts.indexOf(abs)>=0 && event.highlight.abstracts.length>0 && event.provenance"> |
|
365 |
<span class="pull-right"> |
|
366 |
<b>from: </b> |
|
367 |
<ng-container *ngIf="event.provenance.url"> |
|
368 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
369 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
370 |
</ng-container> |
|
371 |
<ng-container *ngIf="!event.provenance.url"> |
|
372 |
<span>{{ event.provenance.repositoryName }}</span> |
|
373 |
</ng-container> |
|
374 |
</span> |
|
375 |
</span> |
|
376 |
</span> |
|
377 |
</div> |
|
378 |
</td> |
|
379 |
</tr> |
|
380 |
<tr class="el-item" *ngIf="event.publication.projects && event.publication.projects.length>0" |
|
381 |
[ngClass]="{'md-bg-green-50': event.highlight.projects && event.highlight.projects.length>0 }"> |
|
382 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td> |
|
383 |
<td class="uk-table-shrink"> |
|
384 |
<div class="el-title"> |
|
385 |
<span *ngFor="let proj of event.publication.projects; let p_index = index"> |
|
386 |
<br *ngIf="p_index > 0"> |
|
387 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
388 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
389 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
390 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
391 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
392 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
393 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
394 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
395 |
</span> |
|
396 |
<span *ngFor="let hl_proj of event.highlight.projects"> |
|
397 |
<span *ngIf="hl_proj.code.indexOf(proj.code)>=0 && event.highlight.projects.length>0 && event.provenance"> |
|
398 |
<span class="pull-right"> |
|
399 |
<b>from: </b> |
|
400 |
<ng-container *ngIf="event.provenance.url"> |
|
401 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
402 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
403 |
</ng-container> |
|
404 |
<ng-container *ngIf="!event.provenance.url"> |
|
405 |
<span>{{ event.provenance.repositoryName }}</span> |
|
406 |
</ng-container> |
|
407 |
</span> |
|
408 |
</span> |
|
409 |
</span> |
|
410 |
</span> |
|
411 |
</div> |
|
412 |
</td> |
|
413 |
</tr> |
|
414 |
<tr class="el-item" *ngIf="event.publication.subjects && event.publication.subjects.length>0" |
|
415 |
[ngClass]="{'md-bg-green-50': event.highlight.subjects && event.highlight.subjects.length>0 }"> |
|
416 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Subject(s)</strong></td> |
|
417 |
<td class="uk-table-shrink"> |
|
418 |
<div class="el-title"> |
|
419 |
<span *ngFor="let subj of event.publication.subjects; let s_index = index"> |
|
420 |
<br *ngIf="s_index > 0"> |
|
421 |
<span>{{ subj }}</span> |
|
422 |
<span *ngIf="event.highlight.subjects.indexOf(subj)>=0 && event.highlight.subjects.length>0 && event.provenance"> |
|
423 |
<span class="pull-right"> |
|
424 |
<b>from: </b> |
|
425 |
<ng-container *ngIf="event.provenance.url"> |
|
426 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
427 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
428 |
</ng-container> |
|
429 |
<ng-container *ngIf="!event.provenance.url"> |
|
430 |
<span>{{ event.provenance.repositoryName }}</span> |
|
431 |
</ng-container> |
|
432 |
</span> |
|
433 |
</span> |
|
434 |
</span> |
|
435 |
</div> |
|
436 |
</td> |
|
437 |
</tr> |
|
438 | 264 |
|
439 |
<!--Publications--> |
|
440 |
<tr class="el-item" *ngIf="event.publication.publications && event.publication.publications.length>0" |
|
441 |
[ngClass]="{'md-bg-green-50': event.highlight.publications && event.highlight.publications.length>0 }"> |
|
442 |
<td *ngIf="this.topic.includes('PUBLICATION')" class="uk-table-shrink uk-width-1-5"> |
|
443 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Publication(s)</strong> |
|
444 |
</td> |
|
445 |
<td *ngIf="!(this.topic.includes('PUBLICATION'))" |
|
446 |
class="uk-table-shrink uk-width-1-5"> |
|
447 |
<strong class="el-title uk-display-block">Publication(s)</strong> |
|
448 |
</td> |
|
449 |
<td class="uk-table-shrink"> |
|
450 |
<div class="el-title"> |
|
451 |
<span *ngFor="let pub of event.publication.publications; let s_index = index"> |
|
452 |
<br *ngIf="s_index > 0"> |
|
453 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
454 |
<span *ngFor="let hl_pub of event.highlight.publications"> |
|
455 |
<span *ngIf="hl_pub.originalId.indexOf(pub.originalId)>=0 && event.highlight.publications.length>0 && event.provenance"> |
|
456 |
<span class="pull-right"> |
|
457 |
<b>from: </b> |
|
458 |
<ng-container *ngIf="event.provenance.url"> |
|
459 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
460 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
461 |
</ng-container> |
|
462 |
<ng-container *ngIf="!event.provenance.url"> |
|
463 |
<span>{{ event.provenance.repositoryName }}</span> |
|
464 |
</ng-container> |
|
465 |
</span> |
|
466 |
</span> |
|
467 |
</span> |
|
468 |
</span> |
|
469 |
</div> |
|
470 |
</td> |
|
471 |
</tr> |
|
265 |
<div *ngIf="selectedItemIndex != item_i" class="uk-text-meta uk-text-center"> |
|
266 |
<a (click)="showMore(item_i)">Show more <i class="fas fa-angle-down uk-margin-small-left"></i></a> |
|
267 |
</div> |
|
472 | 268 |
|
473 |
<!--Datasets--> |
|
474 |
<tr class="el-item" *ngIf="event.publication.datasets && event.publication.datasets.length>0" |
|
475 |
[ngClass]="{'md-bg-green-50': event.highlight.datasets && event.highlight.datasets.length>0 }"> |
|
476 |
<td *ngIf="this.topic.includes('DATASET')" class="uk-table-shrink uk-width-1-5"> |
|
477 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Dataset(s)</strong> |
|
478 |
</td> |
|
479 |
<td *ngIf="!(this.topic.includes('DATASET'))" class="uk-table-shrink uk-width-1-5"> |
|
480 |
<strong class="el-title uk-display-block">Dataset(s)</strong> |
|
481 |
</td> |
|
482 |
<td class="uk-table-shrink"> |
|
483 |
<div class="el-title"> |
|
484 |
<span *ngFor="let dataset of event.publication.datasets; let s_index = index"> |
|
485 |
<br *ngIf="s_index > 0"> |
|
486 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
487 |
<span *ngFor="let hl_dataset of event.highlight.datasets"> |
|
488 |
<span *ngIf="hl_dataset.pids.indexOf(dataset.pids[s_index])>=0 && event.highlight.datasets.length>0 && event.provenance"> |
|
489 |
<span class="pull-right"> |
|
490 |
<b>from: </b> |
|
491 |
<ng-container *ngIf="event.provenance.url"> |
|
492 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
493 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
494 |
</ng-container> |
|
495 |
<ng-container *ngIf="!event.provenance.url"> |
|
496 |
<span>{{ event.provenance.repositoryName }}</span> |
|
497 |
</ng-container> |
|
498 |
</span> |
|
499 |
</span> |
|
500 |
</span> |
|
501 |
</span> |
|
502 |
</div> |
|
503 |
</td> |
|
504 |
</tr> |
|
269 |
<ng-container *ngIf="selectedItemIndex == item_i"> |
|
270 |
<hr> |
|
505 | 271 |
|
272 |
<!--AUTHORS--> |
|
273 |
<div *ngIf="event.publication.creators && event.publication.creators.length>0" class="uk-margin-small-bottom"> |
|
274 |
<span class="mute-title">Author(s): </span> |
|
275 |
<span *ngFor="let auth of event.publication.creators; let au_index = index" class="small-content"> |
|
276 |
<span *ngIf="au_index>0"> | </span> |
|
277 |
<span>{{ auth }}</span> |
|
278 |
</span> |
|
279 |
</div> |
|
506 | 280 |
|
507 |
<tr class="el-item" *ngIf="event.publication.publicationdate && event.publication.publicationdate.length>0" |
|
508 |
[ngClass]="{'md-bg-green-50': event.highlight.publicationdate && event.highlight.publicationdate.length>0 }"> |
|
509 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Publication date</strong></td> |
|
510 |
<td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td> |
|
511 |
</tr> |
|
281 |
<!--PIDs--> |
|
282 |
<div *ngIf="event.publication.pids && event.publication.pids.length>0" class="uk-margin-small-bottom"> |
|
283 |
<span class="mute-title">PID(s): </span> |
|
284 |
<span *ngFor="let pid of event.publication.pids; let p_index = index" class="small-content"> |
|
285 |
<br *ngIf="p_index > 0"> |
|
286 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b></span> |
|
287 |
</span> |
|
288 |
</div> |
|
512 | 289 |
|
513 |
<tr class="el-item" *ngIf="event.publication.instances && event.publication.instances.length>0" |
|
514 |
[ngClass]="{'md-bg-green-50': event.highlight.instances && event.highlight.instances.length>0 }"> |
|
515 |
<td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Rights</strong></td> |
|
516 |
<td class="uk-table-shrink"> |
|
517 |
<div class="el-title"> |
|
518 |
<span *ngFor="let l of event.publication.instances; let l_index = index"> |
|
519 |
<br *ngIf="l_index > 0"> |
|
520 |
<span> |
|
521 |
{{ l.license }} <b>{{ l.hostedby }}</b><br> |
|
522 |
<a href="{{ l.url }}" target="_blank">{{ l.url }}</a> |
|
523 |
</span> |
|
524 |
<span *ngFor="let hl of event.highlight.instances"> |
|
525 |
<span *ngIf="hl.hostedby.indexOf(l.hostedby)>=0 && event.highlight.instances.length>0 && event.provenance"> |
|
526 |
<span class="uk-label uk-label-success">added</span> |
|
527 |
<b>from: </b> |
|
528 |
<ng-container *ngIf="event.provenance.url"> |
|
529 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
530 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
531 |
</ng-container> |
|
532 |
<ng-container *ngIf="!event.provenance.url"> |
|
533 |
<span>{{ event.provenance.repositoryName }}</span> |
|
534 |
</ng-container> |
|
535 |
</span> |
|
536 |
</span> |
|
537 |
</span> |
|
538 |
</div> |
|
539 |
</td> |
|
540 |
</tr> |
|
541 |
</tbody> |
|
542 |
</table> |
|
543 |
</div> |
|
290 |
<!--Abstracts--> |
|
291 |
<div *ngIf="event.publication.abstracts && event.publication.abstracts.length>0" class="uk-margin-small-bottom"> |
|
292 |
<span class="mute-title">Abstract(s): </span> |
|
293 |
<span *ngFor="let abs of event.publication.abstracts; let a_index = index" class="small-content"> |
|
294 |
<br *ngIf="a_index > 0"> |
|
295 |
<span> |
|
296 |
<read-more-text [text]="abs" [maxHeight]="83"></read-more-text> |
|
297 |
</span> |
|
298 |
</span> |
|
299 |
</div> |
|
544 | 300 |
|
301 |
<!--Projects/Relations--> |
|
302 |
<div *ngIf="event.publication.projects && event.publication.projects.length>0" class="uk-margin-small-bottom"> |
|
303 |
<span class="mute-title">Project(s)/Relation(s): </span> |
|
304 |
<span *ngFor="let proj of event.publication.projects; let p_index = index" class="small-content"> |
|
305 |
<br *ngIf="p_index > 0"> |
|
306 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
307 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
308 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
309 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
310 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
311 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
312 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
313 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
314 |
</span> |
|
315 |
</span> |
|
316 |
</div> |
|
317 |
|
|
318 |
<!--Subjects--> |
|
319 |
<div *ngIf="event.publication.subjects && event.publication.subjects.length>0" class="uk-margin-small-bottom"> |
|
320 |
<span class="mute-title">Subject(s): </span> |
|
321 |
<span *ngFor="let subj of event.publication.subjects; let s_index = index" class="small-content"> |
|
322 |
<span *ngIf="s_index>0"> | </span> |
|
323 |
<span>{{ subj }}</span> |
|
324 |
</span> |
|
325 |
</div> |
|
326 |
|
|
327 |
<!--Publications--> |
|
328 |
<div *ngIf="event.publication.publications && event.publication.publications.length>0" class="uk-margin-small-bottom"> |
|
329 |
<span *ngIf="this.topic.includes('PUBLICATION')" class="mute-title">{{this.lastTopicEntry}} Publication(s): </span> |
|
330 |
<span *ngIf="!this.topic.includes('PUBLICATION')" class="mute-title">Publication(s): </span> |
|
331 |
<span *ngFor="let pub of event.publication.publications; let p_index = index" class="small-content"> |
|
332 |
<br *ngIf="p_index > 0"> |
|
333 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
334 |
</span> |
|
335 |
</div> |
|
336 |
|
|
337 |
<!--Datasets--> |
|
338 |
<div *ngIf="event.publication.datasets && event.publication.datasets.length>0" class="uk-margin-small-bottom"> |
|
339 |
<span *ngIf="this.topic.includes('DATASET')" class="mute-title">{{this.lastTopicEntry}} Dataset(s): </span> |
|
340 |
<span *ngIf="!this.topic.includes('DATASET')" class="mute-title">Dataset(s): </span> |
|
341 |
<span *ngFor="let dataset of event.publication.datasets; let d_index = index" class="small-content"> |
|
342 |
<br *ngIf="d_index > 0"> |
|
343 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
344 |
</span> |
|
345 |
</div> |
|
346 |
|
|
347 |
<!--Software--> |
|
348 |
<div *ngIf="event.publication.softwares && event.publication.softwares.length>0" class="uk-margin-small-bottom"> |
|
349 |
<span *ngIf="this.topic.includes('SOFTWARE')" class="mute-title">{{this.lastTopicEntry}} Software(s): </span> |
|
350 |
<span *ngIf="!this.topic.includes('SOFTWARE')" class="mute-title">Software(s): </span> |
|
351 |
<span *ngFor="let software of event.publication.softwares; let s_index = index" class="small-content"> |
|
352 |
<br *ngIf="s_index > 0"> |
|
353 |
<span>{{ software.name }}</span> |
|
354 |
<span *ngIf="software.description"> <br> {{ software.description }}</span> |
|
355 |
<span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span> |
|
356 |
<span *ngIf="software.landingPage !== software.repository"><br><a href="{{ software.repository }}" target="_blank">{{ software.repository }}</a></span> |
|
357 |
</span> |
|
358 |
</div> |
|
359 |
|
|
360 |
<!--Publication Date--> |
|
361 |
<div *ngIf="event.publication.publicationdate && event.publication.publicationdate.length>0" class="uk-margin-small-bottom"> |
|
362 |
<span class="mute-title">Publication date(s): </span> |
|
363 |
<span class="small-content"> |
|
364 |
{{ event.publication.publicationdate }} |
|
365 |
</span> |
|
366 |
</div> |
|
367 |
|
|
368 |
<!--Rights--> |
|
369 |
<div *ngIf="event.publication.instances && event.publication.instances.length>0" class="uk-margin-small-bottom"> |
|
370 |
<span class="mute-title">Rights: </span> |
|
371 |
<span *ngFor="let l of event.publication.instances; let l_index = index" class="small-content"> |
|
372 |
<br *ngIf="l_index > 0"> |
|
373 |
<span> |
|
374 |
{{ l.license }} <b>{{ l.hostedby }}</b> - <a class="" href="{{ l.url }}" target="_blank">{{ l.url }}</a> |
|
375 |
</span> |
|
376 |
</span> |
|
377 |
</div> |
|
378 |
|
|
379 |
</ng-container> |
|
380 |
|
|
545 | 381 |
</div> |
382 |
|
|
546 | 383 |
</div> |
547 | 384 |
|
548 |
<!--<div *ngFor="let event of eventsPage.values" class="events-list">--> |
|
549 |
<!--<div class="uk-card uk-card-default well uk-scrollspy-inview uk-animation-slide-top-medium">--> |
|
550 |
<!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">--> |
|
551 |
<!--<div class="uk-width-1-1@m uk-first-column">--> |
|
552 |
<!--<p class="text-right"><span class="uk-label">Trust: {{ event.trust }}</span></p>--> |
|
553 |
<!--<div class="uk-overflow-auto uk-scrollspy-inview uk-animation-slide-top-medium">--> |
|
554 |
<!--<table class="uk-table uk-table-striped uk-table-middle">--> |
|
555 |
<!--<tbody>--> |
|
556 |
<!--<tr class="el-item">--> |
|
557 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">ID</strong></td>--> |
|
558 |
<!--<td class="uk-table-shrink">--> |
|
559 |
<!--<div class="el-title">{{ event.publication.originalId }}</div>--> |
|
560 |
<!--</td>--> |
|
561 |
<!--</tr>--> |
|
562 |
<!--<tr class="el-item">--> |
|
563 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Title(s)</strong></td>--> |
|
564 |
<!--<td class="uk-table-shrink">--> |
|
565 |
<!--<div class="el-title">--> |
|
566 |
<!--<span *ngFor="let t of event.publication.titles; let ti_index = index">--> |
|
567 |
<!--<br *ngIf="ti_index>0">--> |
|
568 |
<!--<span>{{ t }}</span>--> |
|
569 |
<!--</span>--> |
|
570 |
<!--</div>--> |
|
571 |
<!--</td>--> |
|
572 |
<!--</tr>--> |
|
573 |
<!--<tr class="el-item">--> |
|
574 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Author(s)</strong></td>--> |
|
575 |
<!--<td class="uk-table-shrink">--> |
|
576 |
<!--<div class="el-title">--> |
|
577 |
<!--<span *ngFor="let auth of event.publication.creators; let au_index = index">--> |
|
578 |
<!--<span *ngIf="au_index>0"> | </span>--> |
|
579 |
<!--<span>{{ auth }}</span>--> |
|
580 |
<!--</span>--> |
|
581 |
<!--</div>--> |
|
582 |
<!--</td>--> |
|
583 |
<!--</tr>--> |
|
584 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.pids && event.highlight.pids.length>0 }">--> |
|
585 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">PID(s)</strong></td>--> |
|
586 |
<!--<td class="uk-table-shrink">--> |
|
587 |
<!--<div class="el-title">--> |
|
588 |
<!--<span *ngFor="let pid of event.publication.pids">--> |
|
589 |
<!--<span>{{ pid.value }} <b> ({{ pid.type }}) </b>--> |
|
590 |
<!--<span *ngIf="event.highlight.pids && event.highlight.pids.length>0 && isHighlighted(pid,event.highlight.pids)">--> |
|
591 |
<!--<span class="uk-label uk-label-success">added</span> --> |
|
592 |
<!--<span *ngIf="event.provenance" class="pull-right">--> |
|
593 |
<!--<b>from: </b>--> |
|
594 |
<!--<a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>--> |
|
595 |
<!--<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>--> |
|
596 |
<!--</span>--> |
|
597 |
<!--</span>--> |
|
598 |
<!--</span>--> |
|
599 |
<!--</span>--> |
|
600 |
<!--</div>--> |
|
601 |
<!--</td>--> |
|
602 |
<!--</tr>--> |
|
603 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.abstracts && event.highlight.abstracts.length>0 }">--> |
|
604 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>--> |
|
605 |
<!--<td class="uk-table-shrink">--> |
|
606 |
<!--<div class="el-title">--> |
|
607 |
<!--<span *ngFor="let abs of event.publication.abstracts; let a_index = index">--> |
|
608 |
<!--<br *ngIf="a_index > 0">--> |
|
609 |
<!--<span>{{ abs }}</span>--> |
|
610 |
<!--<span *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0 && event.provenance">--> |
|
611 |
<!--<span class="pull-right">--> |
|
612 |
<!--<b>from: </b>--> |
|
613 |
<!--<a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>--> |
|
614 |
<!--<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>--> |
|
615 |
<!--</span>--> |
|
616 |
<!--</span>--> |
|
617 |
<!--</span>--> |
|
618 |
<!--</div>--> |
|
619 |
<!--</td>--> |
|
620 |
<!--</tr>--> |
|
621 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.projects && event.highlight.projects.length>0 }">--> |
|
622 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>--> |
|
623 |
<!--<td class="uk-table-shrink">--> |
|
624 |
<!--<div class="el-title">--> |
|
625 |
<!--<span *ngFor="let proj of event.publication.projects; let p_index = index">--> |
|
626 |
<!--<br *ngIf="p_index > 0">--> |
|
627 |
<!--<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>--> |
|
628 |
<!--<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>--> |
|
629 |
<!--<span *ngIf="(proj.funder && proj.funder !=='') ||--> |
|
630 |
<!--(proj.fundingProgram && proj.fundingProgram !=='')">--> |
|
631 |
<!--(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>--> |
|
632 |
<!--<span *ngIf="(proj.funder && proj.funder !=='') &&--> |
|
633 |
<!--(proj.fundingProgram && proj.fundingProgram !=='')">/</span>--> |
|
634 |
<!--<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)--> |
|
635 |
<!--</span>--> |
|
636 | 385 |
|
637 |
<!--<span *ngIf="event.highlight.projects && event.highlight.projects.length>0 && event.provenance">--> |
|
638 |
<!--<span class="pull-right">--> |
|
639 |
<!--<b>from: </b>--> |
|
640 |
<!--<a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>--> |
|
641 |
<!--<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>--> |
|
642 |
<!--</span>--> |
|
643 |
<!--</span>--> |
|
644 |
<!--</span>--> |
|
645 |
<!--</div>--> |
|
646 |
<!--</td>--> |
|
647 |
<!--</tr>--> |
|
648 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.subjects && event.highlight.subjects.length>0 }">--> |
|
649 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Subject(s)</strong></td>--> |
|
650 |
<!--<td class="uk-table-shrink">--> |
|
651 |
<!--<div class="el-title">--> |
|
652 |
<!--<span *ngFor="let subj of event.publication.subjects; let s_index = index">--> |
|
653 |
<!--<br *ngIf="s_index > 0">--> |
|
654 |
<!--<span>{{ subj }}</span>--> |
|
655 |
<!--<span *ngIf="event.highlight.subjects && event.highlight.subjects.length>0 && event.provenance">--> |
|
656 |
<!--<span class="pull-right">--> |
|
657 |
<!--<b>from: </b>--> |
|
658 |
<!--<a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>--> |
|
659 |
<!--<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>--> |
|
660 |
<!--</span>--> |
|
661 |
<!--</span>--> |
|
662 |
<!--</span>--> |
|
663 |
<!--</div>--> |
|
664 |
<!--</td>--> |
|
665 |
<!--</tr>--> |
|
666 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.publicationdate && event.highlight.publicationdate.length>0 }">--> |
|
667 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Publication date</strong></td>--> |
|
668 |
<!--<td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td>--> |
|
669 |
<!--</tr>--> |
|
670 |
<!--<tr class="el-item" [ngClass]="{'success': event.highlight.instances && event.highlight.instances.length>0 }">--> |
|
671 |
<!--<td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Rights</strong></td>--> |
|
672 |
<!--<td class="uk-table-shrink">--> |
|
673 |
<!--<div class="el-title">--> |
|
674 |
<!--<span *ngFor="let l of event.publication.instances; let l_index = index">--> |
|
675 |
<!--<br *ngIf="l_index > 0">--> |
|
676 |
<!--<span>--> |
|
677 |
<!--{{ l.license }} <b>{{ l.hostedby }}</b><br>--> |
|
678 |
<!--<a href="{{ l.url }}" target="_blank">{{ l.url }}</a>--> |
|
679 |
<!--</span>--> |
|
680 |
<!--<span *ngIf="event.highlight.instances && event.highlight.instances.length>0 && isHighlighted(l,event.highlight.instances)">--> |
|
681 |
<!--<span class="uk-label uk-label-success">added</span> --> |
|
682 |
<!--<span *ngIf="event.provenance" class="pull-right">--> |
|
683 |
<!--<b>from: </b>--> |
|
684 |
<!--<a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>--> |
|
685 |
<!--<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>--> |
|
686 |
<!--</span>--> |
|
687 |
<!--</span>--> |
|
688 |
<!--</span>--> |
|
689 |
<!--</div>--> |
|
690 |
<!--</td>--> |
|
691 |
<!--</tr>--> |
|
692 |
<!--</tbody>--> |
|
693 |
<!--</table>--> |
|
694 |
<!--</div>--> |
|
695 |
<!--</div>--> |
|
696 |
<!--</div>--> |
|
697 |
<!--</div>--> |
|
698 |
<!--</div>--> |
|
699 |
|
|
700 |
<ul class="uk-pagination uk-margin-medium-top"> |
|
701 |
<li class="uk-pagination-previous"><a (click)="goToPreviousPage()"><i class="uk-icon-angle-left"></i><span class="uk-margin-left">Previous</span></a></li> |
|
702 |
<li class=""><span>page {{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }} of {{ eventsPage.totalPages }}</span></li> |
|
703 |
<li class="uk-pagination-next"><a (click)="goToNextPage()"><span class="uk-margin-right">Next</span><i class="uk-icon-angle-right"></i></a></li> |
|
386 |
<!-- BOTTOM PAGINATION LINKS --> |
|
387 |
<ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin> |
|
388 |
<li><a (click)="goToPreviousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li> |
|
389 |
<li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li> |
|
390 |
<li><a (click)="goToNextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li> |
|
704 | 391 |
</ul> |
705 | 392 |
|
706 | 393 |
</div> |
Also available in: Unified diff
Almost final commit for the new UI