Revision 60614
Added by Konstantinos Triantafyllou about 3 years ago
project.component.html | ||
---|---|---|
1 | 1 |
<ng-template #share_research_results_box |
2 | 2 |
let-dynamic_content="dynamic_content"> |
3 | 3 |
<ul class="uk-list uk-margin-remove-bottom"> |
4 |
<!-- class="uk-margin-top"--> |
|
4 |
<!-- class="uk-margin-top"-->
|
|
5 | 5 |
<li> |
6 |
<!-- <a class="clickable"--> |
|
7 |
<!-- uk-toggle="target: #dynamic_content_id; animation:uk-animation-fade"><span--> |
|
8 |
<!-- class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"--> |
|
9 |
<!-- xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline--> |
|
10 |
<!-- fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline--> |
|
11 |
<!-- fill="none" stroke="#000" stroke-width="1.01"--> |
|
12 |
<!-- points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>--> |
|
13 |
<!-- hidden class="uk-margin-small-top"--> |
|
6 |
<!-- <a class="clickable"-->
|
|
7 |
<!-- uk-toggle="target: #dynamic_content_id; animation:uk-animation-fade"><span-->
|
|
8 |
<!-- class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"-->
|
|
9 |
<!-- xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline-->
|
|
10 |
<!-- fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline-->
|
|
11 |
<!-- fill="none" stroke="#000" stroke-width="1.01"-->
|
|
12 |
<!-- points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>-->
|
|
13 |
<!-- hidden class="uk-margin-small-top"-->
|
|
14 | 14 |
<div id="dynamic_content_id"> |
15 | 15 |
<pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code |
16 |
id="clipboard">{{dynamic_content}}</code></pre> |
|
16 |
id="clipboard">{{dynamic_content}}</code></pre>
|
|
17 | 17 |
<div class="uk-grid uk-margin-small-top"> |
18 | 18 |
<a |
19 |
class="clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1" |
|
20 |
data-clipboard-target="#clipboard" title="Copy to clipboard"> |
|
19 |
class="clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1"
|
|
20 |
data-clipboard-target="#clipboard" title="Copy to clipboard">
|
|
21 | 21 |
<button class="uk-button uk-button-small uk-button-secondary uk-icon"> |
22 | 22 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"> |
23 | 23 |
<rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect> |
... | ... | |
39 | 39 |
<ng-template #download_research_results_box |
40 | 40 |
let-type="type" let-fileName_type="fileName_type" let-csvParams="csvParams"> |
41 | 41 |
<ul class="uk-list uk-margin-remove-bottom"> |
42 |
<!-- class="uk-margin-top"--> |
|
42 |
<!-- class="uk-margin-top"-->
|
|
43 | 43 |
<li> |
44 | 44 |
<a class="clickable" |
45 | 45 |
(click)="downloadHtmlFile(type, 'funder-'+fileName_type+'-report')"> |
46 |
<!-- target="_blank"--> |
|
47 |
<!-- href="/project-report?projectId={{projectId}}&size={{fetch.searchUtils.totalResults}}&type={{type}}">--> |
|
48 |
<!-- <span class="uk-icon">--> |
|
49 |
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1">--> |
|
50 |
<!-- <polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline>--> |
|
51 |
<!-- <polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg>--> |
|
52 |
<!-- </span>--> |
|
46 |
<!-- target="_blank"-->
|
|
47 |
<!-- href="/project-report?projectId={{projectId}}&size={{fetch.searchUtils.totalResults}}&type={{type}}">-->
|
|
48 |
<!-- <span class="uk-icon">-->
|
|
49 |
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1">-->
|
|
50 |
<!-- <polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline>-->
|
|
51 |
<!-- <polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg>-->
|
|
52 |
<!-- </span>-->
|
|
53 | 53 |
<span class="uk-icon"> |
54 | 54 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"> |
55 | 55 |
<polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline> |
... | ... | |
86 | 86 |
role="alert">{{errorMessage}}</div> |
87 | 87 |
<div [style.display]="showLoading ? 'inline' : 'none'" |
88 | 88 |
class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert"><span |
89 |
class="loading-gif uk-align-center"></span></div> |
|
89 |
class="loading-gif uk-align-center"></span></div>
|
|
90 | 90 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" |
91 | 91 |
[texts]="pageContents['top']"></helper> |
92 |
<div *ngIf="projectInfo != null" class="uk-grid uk-margin-remove-left uk-margin-large-bottom"> |
|
93 |
<div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom uk-padding uk-padding-remove-left uk-padding-remove-vertical"> |
|
92 |
<div *ngIf="projectInfo != null" class="uk-grid uk-margin-remove-left uk-margin-large-bottom"> |
|
93 |
<div |
|
94 |
class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom uk-padding uk-padding-remove-left uk-padding-remove-vertical"> |
|
94 | 95 |
<schema2jsonld *ngIf="projectInfo" [data]=projectInfo |
95 | 96 |
[URL]="properties.domain+properties.baseLink+properties.searchLinkToProject+projectId" |
96 | 97 |
type="project"></schema2jsonld> |
... | ... | |
103 | 104 |
</landing-header> |
104 | 105 |
<!-- Labels --> |
105 | 106 |
<div class="uk-margin-top uk-margin-bottom"> |
106 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets" |
|
107 |
class="uk-label custom-label label-open" title="Open Access mandate for Publications and Research Data"> |
|
107 |
<span |
|
108 |
*ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets" |
|
109 |
class="uk-label custom-label label-open" |
|
110 |
title="Open Access mandate for Publications and Research Data"> |
|
108 | 111 |
<span class="uk-visible@m">Open Access mandate for Publications and Research Data</span> |
109 | 112 |
<span class="uk-hidden@m">Open Access mandate for ...</span> |
110 | 113 |
</span>{{" "}} |
111 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)" |
|
112 |
class="uk-label custom-label label-open" title="Open Access mandate for Publications"> |
|
114 |
<span |
|
115 |
*ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)" |
|
116 |
class="uk-label custom-label label-open" title="Open Access mandate for Publications"> |
|
113 | 117 |
Open Access mandate for Publications |
114 | 118 |
</span>{{" "}} |
115 |
<span *ngIf="projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)" |
|
116 |
class="uk-label custom-label label-open" title="Open Access mandate for Research Data"> |
|
119 |
<span |
|
120 |
*ngIf="projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)" |
|
121 |
class="uk-label custom-label label-open" title="Open Access mandate for Research Data"> |
|
117 | 122 |
Open Access mandate for Research Data |
118 | 123 |
</span>{{" "}} |
119 |
<span *ngIf="projectInfo.funding && projectInfo.funding.funderName" class="uk-label custom-label label-funder" title="Funder"> |
|
124 |
<span *ngIf="projectInfo.funding && projectInfo.funding.funderName" |
|
125 |
class="uk-label custom-label label-funder" title="Funder"> |
|
120 | 126 |
{{projectInfo.funding.funderName}} |
121 | 127 |
</span>{{" "}} |
122 | 128 |
<span *ngIf="projectInfo.specialClause39" |
... | ... | |
172 | 178 |
<div class="uk-text-muted">Start Date</div> |
173 | 179 |
<div>{{projectInfo.startDate | date: 'dd MMM yyyy'}}</div> |
174 | 180 |
</span> |
175 |
<span *ngIf="projectInfo.endDate" [class]="'uk-width-1-2 ' + (projectInfo.startDate ? 'uk-text-right' : '')"> |
|
181 |
<span *ngIf="projectInfo.endDate" |
|
182 |
[class]="'uk-width-1-2 ' + (projectInfo.startDate ? 'uk-text-right' : '')"> |
|
176 | 183 |
<div class="uk-text-muted">End Date</div> |
177 | 184 |
<div>{{projectInfo.endDate | date: 'dd MMM yyyy'}}</div> |
178 | 185 |
</span> |
... | ... | |
191 | 198 |
|| (projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets)"> |
192 | 199 |
<div>Open Access mandate</div> |
193 | 200 |
<div> |
194 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications" |
|
195 |
class="uk-margin-right"> |
|
201 |
<span |
|
202 |
*ngIf="projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications" |
|
203 |
class="uk-margin-right"> |
|
196 | 204 |
<span class="uk-text-muted">Publications: </span> |
197 |
<!-- <span *ngIf="projectInfo.openAccessMandatePublications">Yes</span>--> |
|
205 |
<!-- <span *ngIf="projectInfo.openAccessMandatePublications">Yes</span>-->
|
|
198 | 206 |
<span>No</span> |
199 | 207 |
</span> |
200 |
<span *ngIf="projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets"> |
|
208 |
<span |
|
209 |
*ngIf="projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets"> |
|
201 | 210 |
<span class="uk-text-muted">Research Data: </span> |
202 |
<!-- <span *ngIf="projectInfo.openAccessMandateDatasets">Yes</span>--> |
|
211 |
<!-- <span *ngIf="projectInfo.openAccessMandateDatasets">Yes</span>-->
|
|
203 | 212 |
<span>No</span> |
204 | 213 |
</span> |
205 | 214 |
</div> |
... | ... | |
210 | 219 |
<div class="uk-width-1-3@m uk-width-1-1@s uk-padding-remove"> |
211 | 220 |
<ul class="user-actions uk-list uk-card uk-card-default uk-padding"> |
212 | 221 |
<!-- NEW--> |
213 |
<li><addThis></addThis></li> |
|
222 |
<li> |
|
223 |
<addThis></addThis> |
|
224 |
</li> |
|
214 | 225 |
<li *ngIf="isRouteAvailable('participate/direct-claim')"> |
215 | 226 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openLinkProjectModal()"> |
216 | 227 |
<span class="uk-icon-button portal-button uk-icon"> |
217 | 228 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="link"><path |
218 |
fill="none" stroke="#000" stroke-width="1.1" |
|
219 |
d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path |
|
220 |
fill="none" stroke="#000" stroke-width="1.1" |
|
221 |
d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path |
|
222 |
fill="none" stroke="#000" stroke-width="1.1" |
|
223 |
d="M7.925,11.875 L11.925,7.975"></path> |
|
229 |
fill="none" stroke="#000" stroke-width="1.1"
|
|
230 |
d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path
|
|
231 |
fill="none" stroke="#000" stroke-width="1.1"
|
|
232 |
d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path
|
|
233 |
fill="none" stroke="#000" stroke-width="1.1"
|
|
234 |
d="M7.925,11.875 L11.925,7.975"></path>
|
|
224 | 235 |
</svg> |
225 | 236 |
</span> |
226 | 237 |
<span class="uk-margin-small-left">Link this project to...</span> |
227 | 238 |
</a> |
228 | 239 |
<modal-alert #linkProjectModal |
229 | 240 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
230 |
<!-- <div class="uk-modal-title landing-modal-header">--> |
|
231 |
<!-- <button class="uk-modal-close-default uk-float-right" (click)='linkProjectModal.cancel()' uk-close></button>--> |
|
232 |
<!-- <h4 class="modal-title" id="myModalLabel">{{linkProjectModal.alertTitle}}</h4>--> |
|
233 |
<!-- </div>--> |
|
241 |
<!-- <div class="uk-modal-title landing-modal-header">-->
|
|
242 |
<!-- <button class="uk-modal-close-default uk-float-right" (click)='linkProjectModal.cancel()' uk-close></button>-->
|
|
243 |
<!-- <h4 class="modal-title" id="myModalLabel">{{linkProjectModal.alertTitle}}</h4>-->
|
|
244 |
<!-- </div>-->
|
|
234 | 245 |
<div class="uk-padding uk-padding-remove-vertical uk-margin-medium uk-text-center "> |
235 | 246 |
<div> |
236 | 247 |
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, 'project','result'])" |
... | ... | |
241 | 252 |
<svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20" |
242 | 253 |
xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000" |
243 | 254 |
width="12" x="3.5" y="2.5"></rect><polyline |
244 |
fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span> |
|
255 |
fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
|
|
245 | 256 |
</button> |
246 | 257 |
<div class="uk-margin-small-top">Research outcomes</div> |
247 | 258 |
</a> |
... | ... | |
250 | 261 |
</modal-alert> |
251 | 262 |
</li> |
252 | 263 |
<li *ngIf="isRouteAvailable('participate/deposit/learn-how')"> |
253 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" |
|
254 |
routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"> |
|
264 |
<a class="uk-link-text uk-text-bold uk-text-uppercase"
|
|
265 |
routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how">
|
|
255 | 266 |
<span class="uk-icon uk-icon-button uk-button-secondary"> |
256 | 267 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> |
257 | 268 |
<polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline> |
... | ... | |
259 | 270 |
<line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line> |
260 | 271 |
</svg> |
261 | 272 |
</span> |
262 |
<span class="uk-margin-small-left"><u>Deposit your research</u></span> |
|
273 |
<span class="uk-margin-small-left"><u>Deposit your research</u></span>
|
|
263 | 274 |
</a> |
264 | 275 |
</li> |
265 | 276 |
<li> |
266 | 277 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openShareResultsModal()"> |
267 | 278 |
<span class="uk-icon uk-icon-button uk-button-primary"> |
268 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"> |
|
279 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" |
|
280 |
ratio="1"> |
|
269 | 281 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline> |
270 | 282 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline> |
271 | 283 |
</svg> |
... | ... | |
274 | 286 |
</a> |
275 | 287 |
<modal-alert #shareResultsModal |
276 | 288 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
277 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
289 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right">
|
|
278 | 290 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
279 | 291 |
<mat-form-field class="matSelectionFormField uk-width-1-1"> |
280 | 292 |
<mat-label>Select content type to share</mat-label> |
... | ... | |
282 | 294 |
[disableOptionCentering]="true" |
283 | 295 |
panelClass="entitiesSelectionPanel" |
284 | 296 |
class="matSelection"> |
285 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
297 |
<!-- <mat-option value="">Select content type</mat-option>-->
|
|
286 | 298 |
<mat-option value="result">All research outcomes</mat-option> |
287 | 299 |
<mat-option value="publication">Publications</mat-option> |
288 | 300 |
<mat-option value="dataset">Research data</mat-option> |
... | ... | |
302 | 314 |
<li> |
303 | 315 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openDownloadReportModal()"> |
304 | 316 |
<span class="uk-icon uk-icon-button uk-button-primary"> |
305 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"> |
|
317 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" |
|
318 |
ratio="1"> |
|
306 | 319 |
<polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline> |
307 | 320 |
<rect x="3" y="17" width="13" height="1"></rect> |
308 | 321 |
<line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line> |
... | ... | |
312 | 325 |
</a> |
313 | 326 |
<modal-alert #downloadReportModal |
314 | 327 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
315 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
328 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right">
|
|
316 | 329 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
317 |
<!-- *ngIf="projectInfo.funding &&--> |
|
318 |
<!-- (fetchPublications.searchUtils.totalResults > 0 ||--> |
|
319 |
<!-- fetchDatasets.searchUtils.totalResults > 0 ||--> |
|
320 |
<!-- fetchSoftware.searchUtils.totalResults > 0 ||--> |
|
321 |
<!-- fetchOrps.searchUtils.totalResults > 0)"--> |
|
330 |
<!-- *ngIf="projectInfo.funding &&-->
|
|
331 |
<!-- (fetchPublications.searchUtils.totalResults > 0 ||-->
|
|
332 |
<!-- fetchDatasets.searchUtils.totalResults > 0 ||-->
|
|
333 |
<!-- fetchSoftware.searchUtils.totalResults > 0 ||-->
|
|
334 |
<!-- fetchOrps.searchUtils.totalResults > 0)"-->
|
|
322 | 335 |
<mat-form-field |
323 |
class="matSelectionFormField uk-width-1-1">
|
|
336 |
class="matSelectionFormField uk-width-1-1"> |
|
324 | 337 |
<mat-label>Select content type report to download</mat-label> |
325 | 338 |
<mat-select [(value)]="download_research_results_type" |
326 | 339 |
[disableOptionCentering]="true" |
327 | 340 |
panelClass="entitiesSelectionPanel" |
328 | 341 |
class="matSelection"> |
329 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
342 |
<!-- <mat-option value="">Select content type</mat-option>-->
|
|
330 | 343 |
<mat-option value="results" |
331 | 344 |
[disabled]="!projectInfo.funding || |
332 | 345 |
(fetchPublications.searchUtils.totalResults == 0 && |
... | ... | |
398 | 411 |
|
399 | 412 |
|
400 | 413 |
</ul> |
401 |
<!-- <div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right">--> |
|
402 |
<!-- Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}--> |
|
403 |
<!-- </div>--> |
|
414 |
<!-- <div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right">-->
|
|
415 |
<!-- Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}-->
|
|
416 |
<!-- </div>-->
|
|
404 | 417 |
|
405 | 418 |
</div> |
406 | 419 |
</div> |
407 | 420 |
|
408 | 421 |
<div *ngIf="projectInfo != null"> |
409 |
<!-- *ngIf="numberOfTabs > 0; else loadingBlock"--> |
|
422 |
<!-- *ngIf="numberOfTabs > 0; else loadingBlock"-->
|
|
410 | 423 |
<div class="main-tabs-div"> |
411 | 424 |
<ng-template #summary_tab> |
412 |
<!-- <my-tab [tabTitle]="'Project Summary'" [tabId]="'summary'" [active]="true">--> |
|
413 |
<div class="uk-grid uk-margin-remove"> |
|
414 |
<div class="uk-width-expand uk-padding uk-inline"> |
|
415 |
<!-- Description --> |
|
416 |
<div *ngIf="!hasPrimaryInfo" class="uk-width-expand uk-padding"> |
|
417 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert"> |
|
418 |
No summary information available |
|
419 |
</div> |
|
425 |
<!-- <my-tab [tabTitle]="'Project Summary'" [tabId]="'summary'" [active]="true">--> |
|
426 |
<div class="uk-grid uk-margin-remove"> |
|
427 |
<div class="uk-width-expand uk-padding uk-inline"> |
|
428 |
<!-- Description --> |
|
429 |
<div *ngIf="!hasPrimaryInfo" class="uk-width-expand uk-padding"> |
|
430 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert"> |
|
431 |
No summary information available |
|
420 | 432 |
</div> |
421 |
<div *ngIf="hasPrimaryInfo" class="uk-margin-medium-bottom"> |
|
422 |
<div class="uk-text-muted">Description</div> |
|
423 |
<div class="uk-text-justify uk-height-max-medium uk-overflow-auto"> |
|
424 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span> |
|
425 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
433 |
</div> |
|
434 |
<div *ngIf="hasPrimaryInfo" class="uk-margin-medium-bottom"> |
|
435 |
<div class="uk-text-muted">Description</div> |
|
436 |
<div class="uk-text-justify uk-height-max-medium uk-overflow-auto"> |
|
437 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span> |
|
438 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
426 | 439 |
projectInfo.description.length > thresholdDescription">...</span> |
427 |
</div>
|
|
428 |
<div *ngIf="showNumDescription == thresholdDescription &&
|
|
440 |
</div> |
|
441 |
<div *ngIf="showNumDescription == thresholdDescription && |
|
429 | 442 |
projectInfo.description.length > thresholdDescription" class="uk-text-right"> |
430 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
431 |
Read more |
|
432 |
</a> |
|
433 |
</div> |
|
434 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
435 |
class="uk-text-right"> |
|
436 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
437 |
Read less |
|
438 |
</a> |
|
439 |
</div> |
|
443 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
444 |
Read more |
|
445 |
</a> |
|
440 | 446 |
</div> |
447 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
448 |
class="uk-text-right"> |
|
449 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
450 |
Read less |
|
451 |
</a> |
|
452 |
</div> |
|
441 | 453 |
</div> |
442 |
<div *ngIf="hasSecondaryInfo" class="uk-padding uk-inline uk-width-1-3@m right-column"> |
|
443 |
<!-- Organizations --> |
|
444 |
<div class="uk-text-muted">Partners</div> |
|
445 |
<div class="uk-margin-medium-bottom"> |
|
446 |
<div class="uk-height-max-medium uk-overflow-auto"> |
|
447 |
<span *ngFor="let organization of projectInfo.organizations.slice(0, showNumOrganizations) let i=index" |
|
448 |
[attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'" |
|
449 |
[title]="organization.name"> |
|
454 |
</div> |
|
455 |
<div *ngIf="hasSecondaryInfo" class="uk-padding uk-inline uk-width-1-3@m right-column"> |
|
456 |
<!-- Organizations --> |
|
457 |
<div class="uk-text-muted">Partners</div> |
|
458 |
<div class="uk-margin-medium-bottom"> |
|
459 |
<div class="uk-height-max-medium uk-overflow-auto"> |
|
460 |
<span |
|
461 |
*ngFor="let organization of projectInfo.organizations.slice(0, showNumOrganizations) let i=index" |
|
462 |
[attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'" |
|
463 |
[title]="organization.name"> |
|
450 | 464 |
<a *ngIf="organization.id" |
451 | 465 |
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" |
452 | 466 |
[routerLink]="properties.searchLinkToOrganization.split('?')[0]"> |
... | ... | |
459 | 473 |
</span> |
460 | 474 |
<span *ngIf="(i < projectInfo.organizations.length-1)">, </span> |
461 | 475 |
</span> |
462 |
<span *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
463 |
</div> |
|
464 |
<div *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
465 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
466 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
467 |
View all {{projectInfo.organizations.length | number}} organizations |
|
468 |
</a> |
|
469 |
</div> |
|
470 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" |
|
471 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
472 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
473 |
</div> |
|
476 |
<span |
|
477 |
*ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
474 | 478 |
</div> |
479 |
<div |
|
480 |
*ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
481 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
482 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
483 |
View all {{projectInfo.organizations.length | number}} organizations |
|
484 |
</a> |
|
485 |
</div> |
|
486 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" |
|
487 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
488 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
489 |
</div> |
|
475 | 490 |
</div> |
476 |
<!--<div *ngIf="!hasPrimaryInfo && !hasSecondaryInfo" |
|
477 |
class="uk-width-expand uk-padding"> |
|
491 |
</div> |
|
492 |
<!--<div *ngIf="!hasPrimaryInfo && !hasSecondaryInfo" |
|
493 |
class="uk-width-expand uk-padding"> |
|
478 | 494 |
<!– <div *ngIf="!tabsAreInitialized" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">–> |
479 | 495 |
<!– <span class="loading-gif uk-align-center" ></span>–> |
480 | 496 |
<!– </div>–> |
481 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert">
|
|
482 |
No summary information available
|
|
483 |
</div>
|
|
484 |
</div>-->
|
|
485 |
</div>
|
|
486 |
<!-- </my-tab>--> |
|
497 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert"> |
|
498 |
No summary information available |
|
499 |
</div> |
|
500 |
</div>--> |
|
501 |
</div> |
|
502 |
<!-- </my-tab>-->
|
|
487 | 503 |
</ng-template> |
488 | 504 |
<ng-template #publications_tab> |
489 |
<!-- <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
490 |
<!-- [tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"--> |
|
491 |
<!-- [tabId]="'publications'">--> |
|
492 |
<div class="uk-grid uk-margin-remove"> |
|
493 |
<div class="uk-width-expand uk-padding"> |
|
494 |
<search-tab [fetch]="fetchPublications" resultType="publication" |
|
495 |
[params]="getParamsForSearchLink('publications')" |
|
496 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
497 |
[properties]="properties"> |
|
498 |
</search-tab> |
|
499 |
</div> |
|
500 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
501 |
<!-- <div>test publications</div>--> |
|
502 |
<!-- </div>--> |
|
505 |
<!-- <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
506 |
<!-- [tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"--> |
|
507 |
<!-- [tabId]="'publications'">--> |
|
508 |
<div class="uk-grid uk-margin-remove"> |
|
509 |
<div class="uk-width-expand uk-padding"> |
|
510 |
<search-tab [fetch]="fetchPublications" resultType="publication" |
|
511 |
[params]="getParamsForSearchLink('publications')" |
|
512 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
513 |
[properties]="properties"> |
|
514 |
</search-tab> |
|
503 | 515 |
</div> |
504 |
<!-- </my-tab>--> |
|
516 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
517 |
<!-- <div>test publications</div>--> |
|
518 |
<!-- </div>--> |
|
519 |
</div> |
|
520 |
<!-- </my-tab>--> |
|
505 | 521 |
</ng-template> |
506 | 522 |
<ng-template #datasets_tab> |
507 |
<!-- <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
508 |
<!-- [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"--> |
|
509 |
<!-- [tabId]="'datasets'">--> |
|
510 |
<div class="uk-grid uk-margin-remove"> |
|
511 |
<div class="uk-width-expand uk-padding"> |
|
512 |
<search-tab [fetch]="fetchDatasets" resultType="dataset" |
|
513 |
[params]="getParamsForSearchLink('datasets')" |
|
514 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
515 |
[properties]="properties"> |
|
516 |
</search-tab> |
|
517 |
</div> |
|
518 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
519 |
<!-- <div>test research data</div>--> |
|
520 |
<!-- </div>--> |
|
523 |
<!-- <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
524 |
<!-- [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"--> |
|
525 |
<!-- [tabId]="'datasets'">--> |
|
526 |
<div class="uk-grid uk-margin-remove"> |
|
527 |
<div class="uk-width-expand uk-padding"> |
|
528 |
<search-tab [fetch]="fetchDatasets" resultType="dataset" |
|
529 |
[params]="getParamsForSearchLink('datasets')" |
|
530 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
531 |
[properties]="properties"> |
|
532 |
</search-tab> |
|
521 | 533 |
</div> |
522 |
<!-- </my-tab>--> |
|
534 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
535 |
<!-- <div>test research data</div>--> |
|
536 |
<!-- </div>--> |
|
537 |
</div> |
|
538 |
<!-- </my-tab>--> |
|
523 | 539 |
</ng-template> |
524 | 540 |
<ng-template #software_tab> |
525 |
<div class="uk-grid uk-margin-remove"> |
|
526 |
<div class="uk-width-expand uk-padding"> |
|
527 |
<search-tab [fetch]="fetchSoftware" resultType="software" |
|
528 |
[params]="getParamsForSearchLink('software')" |
|
529 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
530 |
[properties]="properties"> |
|
531 |
</search-tab> |
|
532 |
</div> |
|
533 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
534 |
<!-- <div>test software</div>--> |
|
535 |
<!-- </div>--> |
|
541 |
<div class="uk-grid uk-margin-remove"> |
|
542 |
<div class="uk-width-expand uk-padding"> |
|
543 |
<search-tab [fetch]="fetchSoftware" resultType="software" |
|
544 |
[params]="getParamsForSearchLink('software')" |
|
545 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
546 |
[properties]="properties"> |
|
547 |
</search-tab> |
|
536 | 548 |
</div> |
549 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
550 |
<!-- <div>test software</div>--> |
|
551 |
<!-- </div>--> |
|
552 |
</div> |
|
537 | 553 |
</ng-template> |
538 | 554 |
<ng-template #other_tab> |
539 |
<!-- <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
540 |
<!-- [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"--> |
|
541 |
<!-- [tabId]="'other'">--> |
|
542 |
<div class="uk-grid uk-margin-remove"> |
|
543 |
<div class="uk-width-expand uk-padding"> |
|
544 |
<search-tab [fetch]="fetchOrps" resultType="other" |
|
545 |
[params]="getParamsForSearchLink('other')" |
|
546 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
547 |
[properties]="properties"> |
|
548 |
</search-tab> |
|
549 |
</div> |
|
550 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
551 |
<!-- <div>test other research products</div>--> |
|
552 |
<!-- </div>--> |
|
555 |
<!-- <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
556 |
<!-- [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"--> |
|
557 |
<!-- [tabId]="'other'">--> |
|
558 |
<div class="uk-grid uk-margin-remove"> |
|
559 |
<div class="uk-width-expand uk-padding"> |
|
560 |
<search-tab [fetch]="fetchOrps" resultType="other" |
|
561 |
[params]="getParamsForSearchLink('other')" |
|
562 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
563 |
[properties]="properties"> |
|
564 |
</search-tab> |
|
553 | 565 |
</div> |
554 |
<!-- </my-tab>--> |
|
566 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
567 |
<!-- <div>test other research products</div>--> |
|
568 |
<!-- </div>--> |
|
569 |
</div> |
|
570 |
<!-- </my-tab>--> |
|
555 | 571 |
</ng-template> |
572 |
<ng-template #dmps_tab> |
|
573 |
<div class="uk-padding"> |
|
574 |
<div class="uk-alert uk-alert-primary uk-margin-top"> |
|
575 |
<span *ngIf="fetchDmps.searchUtils.totalResults == 0">No Data Management Plans (DMPs) available. </span> |
|
576 |
<span>Link existing DMPs with this project or start a new DMP in <a href="https://argos.openaire.eu/splash/" target="_blank">Argos</a>.</span> |
|
577 |
</div> |
|
578 |
<search-tab [fetch]="fetchDmps" customTitle="Data Management Plans" |
|
579 |
[params]="getParamsForSearchLink('publications', 'Data Management Plan')" |
|
580 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
581 |
[properties]="properties"> |
|
582 |
</search-tab> |
|
583 |
</div> |
|
584 |
</ng-template> |
|
556 | 585 |
<ng-template #statistics_tab> |
557 |
<!-- <my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0--> |
|
558 |
<!-- || fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"--> |
|
559 |
<!-- [tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'">--> |
|
560 |
<div class="">
|
|
561 |
<div class="uk-width-expand uk-padding">
|
|
562 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status,
|
|
586 |
<!-- <my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0-->
|
|
587 |
<!-- || fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"-->
|
|
588 |
<!-- [tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'">-->
|
|
589 |
<div class=""> |
|
590 |
<div class="uk-width-expand uk-padding"> |
|
591 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status, |
|
563 | 592 |
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]" |
564 |
[type]="'statistics'" tab_error_class=true></errorMessages>
|
|
593 |
[type]="'statistics'" tab_error_class=true></errorMessages> |
|
565 | 594 |
|
566 |
<div
|
|
595 |
<div |
|
567 | 596 |
*ngIf="statsClicked && |
568 | 597 |
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE |
569 | 598 |
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)" |
570 | 599 |
class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m"> |
571 |
<div class="uk-padding uk-padding-remove-top">
|
|
572 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research
|
|
573 |
outcomes per year</div>
|
|
574 |
<i-frame [url]=chartScientificResultsUrl></i-frame>
|
|
600 |
<div class="uk-padding uk-padding-remove-top"> |
|
601 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced
|
|
602 |
research
|
|
603 |
outcomes per year
|
|
575 | 604 |
</div> |
576 |
<div class="uk-padding uk-padding-remove-top"> |
|
577 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
578 |
outcomes</div> |
|
579 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
605 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
|
606 |
</div> |
|
607 |
<div class="uk-padding uk-padding-remove-top"> |
|
608 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of |
|
609 |
research |
|
610 |
outcomes |
|
580 | 611 |
</div> |
581 |
<div class="uk-padding uk-padding-remove-top"> |
|
582 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per datasource</div> |
|
583 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
612 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
613 |
</div> |
|
614 |
<div class="uk-padding uk-padding-remove-top"> |
|
615 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research |
|
616 |
outcomes per datasource |
|
584 | 617 |
</div> |
618 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
585 | 619 |
</div> |
586 | 620 |
</div> |
587 | 621 |
</div> |
588 |
<!-- </my-tab>--> |
|
622 |
</div> |
|
623 |
<!-- </my-tab>--> |
|
589 | 624 |
</ng-template> |
590 | 625 |
|
591 |
<!-- [class]="numberOfTabs > 2 ? 'uk-visible@m' : ''"--> |
|
626 |
<!-- [class]="numberOfTabs > 2 ? 'uk-visible@m' : ''"-->
|
|
592 | 627 |
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)"> |
593 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"--> |
|
594 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''">--> |
|
628 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"-->
|
|
629 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''">-->
|
|
595 | 630 |
<my-tab |
596 |
tabTitle="Summary" [tabId]="'summary'" |
|
597 |
class="uk-active">
|
|
631 |
tabTitle="Summary" [tabId]="'summary'"
|
|
632 |
class="uk-active"> |
|
598 | 633 |
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container> |
599 | 634 |
</my-tab> |
600 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
601 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"--> |
|
635 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"-->
|
|
636 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"-->
|
|
602 | 637 |
<my-tab |
603 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"
|
|
604 |
[tabId]="'publications'">
|
|
638 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults" |
|
639 |
[tabId]="'publications'"> |
|
605 | 640 |
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container> |
606 | 641 |
</my-tab> |
607 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
608 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"--> |
|
642 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"-->
|
|
643 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"-->
|
|
609 | 644 |
<my-tab |
610 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
|
|
611 |
[tabId]="'datasets'" >
|
|
645 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" |
|
646 |
[tabId]="'datasets'">
|
|
612 | 647 |
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container> |
613 | 648 |
</my-tab> |
614 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"--> |
|
615 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"--> |
|
649 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"-->
|
|
650 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"-->
|
|
616 | 651 |
<my-tab |
617 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults"
|
|
618 |
[tabId]="'software'" >
|
|
652 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" |
|
653 |
[tabId]="'software'">
|
|
619 | 654 |
<ng-container *ngTemplateOutlet="software_tab;"></ng-container> |
620 | 655 |
</my-tab> |
621 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
622 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"--> |
|
656 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"-->
|
|
657 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"-->
|
|
623 | 658 |
<my-tab |
624 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"
|
|
625 |
[tabId]="'other'" >
|
|
659 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" |
|
660 |
[tabId]="'other'">
|
|
626 | 661 |
<ng-container *ngTemplateOutlet="other_tab;"></ng-container> |
627 | 662 |
</my-tab> |
628 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
663 |
<my-tab |
|
664 |
[tabTitle]="'Dmps'" [tabNumber]="fetchDmps.searchUtils.totalResults" |
|
665 |
[tabId]="'dmps'"> |
|
666 |
<ng-container *ngTemplateOutlet="dmps_tab;"></ng-container> |
|
667 |
</my-tab> |
|
668 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
629 | 669 |
<my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
630 | 670 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
631 | 671 |
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'" |
632 |
>
|
|
672 |
> |
|
633 | 673 |
<ng-container *ngTemplateOutlet="statistics_tab;"></ng-container> |
634 | 674 |
</my-tab> |
635 | 675 |
</my-tabs> |
636 | 676 |
|
637 |
<!-- *ngIf="numberOfTabs > 2"--> |
|
677 |
<!-- *ngIf="numberOfTabs > 2"-->
|
|
638 | 678 |
<my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)"> |
639 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"--> |
|
640 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''"--> |
|
679 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"-->
|
|
680 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''"-->
|
|
641 | 681 |
<my-tab |
642 |
tabTitle="Summary" [tabId]="'summary'" |
|
643 |
class="uk-active">
|
|
682 |
tabTitle="Summary" [tabId]="'summary'"
|
|
683 |
class="uk-active"> |
|
644 | 684 |
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container> |
645 | 685 |
</my-tab> |
646 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
647 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"--> |
|
686 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"-->
|
|
687 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"-->
|
|
648 | 688 |
<my-tab |
649 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"
|
|
650 |
[tabId]="'publications'">
|
|
689 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults" |
|
690 |
[tabId]="'publications'"> |
|
651 | 691 |
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container> |
652 | 692 |
</my-tab> |
653 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
654 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"--> |
|
693 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"-->
|
|
694 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"-->
|
|
655 | 695 |
<my-tab |
656 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
|
|
657 |
[tabId]="'datasets'" >
|
|
696 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" |
|
697 |
[tabId]="'datasets'">
|
|
658 | 698 |
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container> |
659 | 699 |
</my-tab> |
660 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"--> |
|
661 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"--> |
|
700 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"-->
|
|
701 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"-->
|
|
662 | 702 |
<my-tab |
663 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults"
|
|
664 |
[tabId]="'software'" >
|
|
703 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" |
|
704 |
[tabId]="'software'">
|
|
665 | 705 |
<ng-container *ngTemplateOutlet="software_tab;"></ng-container> |
666 | 706 |
</my-tab> |
667 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
668 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"--> |
|
707 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"-->
|
|
708 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"-->
|
|
669 | 709 |
<my-tab |
670 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"
|
|
671 |
[tabId]="'other'" >
|
|
710 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" |
|
711 |
[tabId]="'other'">
|
|
672 | 712 |
<ng-container *ngTemplateOutlet="other_tab;"></ng-container> |
673 | 713 |
</my-tab> |
674 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
714 |
<my-tab |
|
715 |
[tabTitle]="'Dmps'" [tabNumber]="fetchDmps.searchUtils.totalResults" |
|
716 |
[tabId]="'dmps'"> |
|
717 |
<ng-container *ngTemplateOutlet="dmps_tab;"></ng-container> |
|
718 |
</my-tab> |
|
719 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
675 | 720 |
<my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
676 | 721 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
677 | 722 |
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'" |
678 |
>
|
|
723 |
> |
|
679 | 724 |
<ng-container *ngTemplateOutlet="statistics_tab;"></ng-container> |
680 | 725 |
</my-tab> |
681 | 726 |
</my-small-tabs> |
682 | 727 |
</div> |
683 |
<!-- <ng-template #loadingBlock>--> |
|
684 |
<!-- <div *ngIf="!tabsAreInitialized" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">--> |
|
685 |
<!-- <span class="loading-gif uk-align-center" ></span>--> |
|
686 |
<!-- </div>--> |
|
687 |
<!-- </ng-template>--> |
|
728 |
<!-- <ng-template #loadingBlock>-->
|
|
729 |
<!-- <div *ngIf="!tabsAreInitialized" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">-->
|
|
730 |
<!-- <span class="loading-gif uk-align-center" ></span>-->
|
|
731 |
<!-- </div>-->
|
|
732 |
<!-- </ng-template>-->
|
|
688 | 733 |
|
689 | 734 |
<div class="uk-margin-small-top uk-flex"> |
690 | 735 |
<!-- Last Index Info--> |
691 | 736 |
<div class="uk-width-2-3@m uk-width-1-2"> |
692 | 737 |
<img src="assets/common-assets/graph.svg" style="opacity: 0.4"> |
693 |
<span class="uk-margin-small-left uk-text-baseline uk-text-muted">Powered by <a href="https://graph.openaire.eu" class="graph-color">OpenAIRE Research Graph</a></span> |
|
738 |
<span class="uk-margin-small-left uk-text-baseline uk-text-muted">Powered by <a |
|
739 |
href="https://graph.openaire.eu" class="graph-color">OpenAIRE Research Graph</a></span> |
|
694 | 740 |
<span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-muted"> |
695 | 741 |
. Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}} |
696 | 742 |
</span> |
... | ... | |
704 | 750 |
</div> |
705 | 751 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
706 | 752 |
[texts]="pageContents['bottom']"></helper> |
707 |
</div> |
|
753 |
</div>
|
|
708 | 754 |
|
709 |
<!-- Statistics --> |
|
710 |
<modal-alert *ngIf="projectInfo && |
|
755 |
<!-- Statistics -->
|
|
756 |
<modal-alert *ngIf="projectInfo &&
|
|
711 | 757 |
(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
712 | 758 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
713 |
classBody="uk-width-xxlarge uk-padding-remove-right" #statisticsModal> |
|
714 |
<landing-header [properties]="properties" [title]="projectName" |
|
715 |
[subTitle]="projectInfo.acronym ? projectInfo.title : ''" |
|
716 |
[entityType]="'project'" |
|
717 |
[startDate]="projectInfo.startDate" |
|
718 |
[endDate]="projectInfo.endDate" |
|
719 |
[status]="projectInfo.status"> |
|
720 |
</landing-header> |
|
721 |
<div class="uk-margin-medium-top uk-margin-medium-right"> |
|
722 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status, |
|
759 |
classBody="uk-width-xxlarge uk-padding-remove-right" #statisticsModal>
|
|
760 |
<landing-header [properties]="properties" [title]="projectName"
|
|
761 |
[subTitle]="projectInfo.acronym ? projectInfo.title : ''"
|
|
762 |
[entityType]="'project'"
|
|
763 |
[startDate]="projectInfo.startDate"
|
|
764 |
[endDate]="projectInfo.endDate"
|
|
765 |
[status]="projectInfo.status">
|
|
766 |
</landing-header>
|
|
767 |
<div class="uk-margin-medium-top uk-margin-medium-right">
|
|
768 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status,
|
|
723 | 769 |
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]" |
724 |
[type]="'statistics'" tab_error_class=true></errorMessages> |
|
770 |
[type]="'statistics'" tab_error_class=true></errorMessages>
|
|
725 | 771 |
|
726 |
<div |
|
727 |
*ngIf="statsClicked && |
|
772 |
<div
|
|
773 |
*ngIf="statsClicked &&
|
|
728 | 774 |
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE |
729 | 775 |
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)"> |
730 |
<div class="uk-padding uk-padding-remove-top"> |
|
731 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research |
|
732 |
outcomes per year</div> |
|
733 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
|
776 |
<div class="uk-padding uk-padding-remove-top"> |
|
777 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research |
|
778 |
outcomes per year |
|
779 |
</div> |
|
780 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
|
781 |
</div> |
|
782 |
<div class="uk-padding uk-padding-remove-top"> |
|
783 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
784 |
outcomes |
|
785 |
</div> |
|
786 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
787 |
</div> |
|
788 |
<div class="uk-padding uk-padding-remove-top"> |
|
789 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per |
|
790 |
datasource |
|
791 |
</div> |
|
792 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
793 |
</div> |
|
734 | 794 |
</div> |
735 |
<div class="uk-padding uk-padding-remove-top"> |
|
736 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
737 |
outcomes</div> |
|
738 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
739 |
</div> |
|
740 |
<div class="uk-padding uk-padding-remove-top"> |
|
741 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per datasource</div> |
|
742 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
743 |
</div> |
|
744 | 795 |
</div> |
745 |
</div>
|
|
746 |
</modal-alert>
|
|
796 |
</modal-alert>
|
|
797 |
</div>
|
|
747 | 798 |
</div> |
748 |
</div> |
|
749 | 799 |
<feedback *ngIf="projectInfo" [projectInfo]="projectInfo" |
750 | 800 |
[properties]="properties" [entityType]="'project'" [title]="projectName" [fields]="feedbackFields" |
751 | 801 |
[showForm]="showFeedback" (show)="showFeedback = $event"></feedback> |
Also available in: Unified diff
[Library | Trunk]: Add dmps on project